/*
------------------------------------------
Headlines
------------------------------------------
*/

h1{
    font: 13px/15px Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #de0125;
}

h2{
    font: 12px/15px Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-weight:bold;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #1b1b1b;
}

h3{
    font: 11px/11px Arial, Helvetica, Tahoma, Verdana, sans-serif;
    margin-bottom: 5px;
    color: #767676;  
}


h4{
    font: 10px/10px Arial, Helvetica, Tahoma, Verdana, sans-serif;
    margin-bottom: 5px;
    color: #767676;
}


/*
------------------------------------------
Links
------------------------------------------
*/

a:link, a:visited{
    color: #de0125;
    text-decoration: none;
    font-weight: bold;
}

a:hover{
    text-decoration: underline;
}


/*
------------------------------------------
Images
------------------------------------------
*/

img, a img{
    border:none;
}

/*
------------------------------------------
 Standart elements
------------------------------------------
*/

p{
    margin-bottom: 15px;
}

/*ul.quadrat{
	list-style-image: url(/image/content/bullet/bullet_r.gif);
}

ul.quadrat li{
	margin-left:-5px;
}*/


ul.quadrat{
	list-style-type: none;
	padding: 0;
	margin: 1em;
}

ul.quadrat li{
	list-style:none;
	background-image: url(/image/content/bullet/bullet_r.gif);
	background-repeat: no-repeat;
	background-position: 0 .1em;
	padding: 0em 0em .6em 1em;
	margin-top:.6em;
}

/*
------------------------------------------
Layout Styles
------------------------------------------
*/

html{
    
}

html>body{
    font-size: 12px;
}

body{
    font-size: 75%;
}

#right{
    font: 11px/14px Arial, Helvetica, Tahoma, Verdana, sans-serif;
}



#content{
    font: 11px/14px Arial, Helvetica, Tahoma, Verdana, sans-serif;
}
#mainwide{
    font: 11px/14px Arial, Helvetica, Tahoma, Verdana, sans-serif;
}
#facts{
    font: 11px/14px Arial, Helvetica, Tahoma, Verdana, sans-serif;
}


/*
------------------------------------------
Box 1
------------------------------------------
*/
.box1{
    margin-top: 20px;
    min-height:70px;
    height:auto !important;
    height:70px;
    border: 1px solid #d7d7d7;
    clear: both;
}

.box1Header{
    height: 29px;
    background-image: url(/image/layout/bg_box_shadow.jpg);
    background-position: top left; 
    background-repeat: repeat-x;
}

.box1Header2Row{
    height: 45px;
    background-image: url(/image/layout/bg_box_shadow2Row.jpg);
    background-position: top left; 
    background-repeat: repeat-x;
}

.box1Header h2{
    padding-top: 8px;
}

.box1Header2Row h2{
    padding-top: 8px;
    line-height: 15px;
}

.box1Content{
    padding-bottom: 15px;
}


.box1Content img{
    padding-bottom: 10px;
}

.box1Content h4{
    font: 12px/15px Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-weight:regular;
    text-transform: uppercase;
    color: #1b1b1b;
	margin: 20px 0px 7px 9px;
    width: 460px;
}


/*.box1Content p{
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}*/



.box1Content table{
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.box1 h2{
    margin: 0px 0px 7px 9px;
    width: 460px;
}

.box1 h3{
    margin: 0px 0px 5px 9px;
    width: 460px;
}


.box1 p{
    margin: 8px 9px 8px 9px;
    width: 460px;
    color: #767676;
}

.box1Footer{
   clear: both;
   height: 10px;
   background-color: #f4f3f3; 
}


/*
 box1 with floating content
*/

.box1ContentLeft{
    width: 245px;
    min-height:70px;
    height:auto !important;
    height:70px;
    padding: 10px 0px 5px 0px;
    float: left;
    display: inline;
    border-top: 10px solid #f4f3f3;
    border-right: 10px solid #f4f3f3;
    overflow: hidden;

}

.box1ContentLeft h2{
    margin-bottom: 5px;
}

.box1ContentLeft p{
    width: 200px;
}

.box1ContentRight{
    width: 243px;
    min-height:70px;
    height:auto !important;
    height:70px;
    float: left;
    display: inline;
    border-top: 10px solid #f4f3f3;
    padding: 10px 0px 5px 0px;
    overflow: hidden;

}

.box1ContentRight p{
    width: 200px;
}



/*
------------------------------------------
Box 2
------------------------------------------
*/
.box2{
    /*min-height:215px;*/
    height:auto !important;
    height:215px;
    border: solid 1px #d7d7d7;
    margin-top: 20px;
    clear: both;
}

.box2Header{
    height: 29px;
    background-image: url(/image/layout/bg_box_shadow.jpg);
    background-position: top left; 
    background-repeat: repeat-x;
}

.box2Header h2{
    padding-top: 8px;
    padding-left: 9px;
}

.box2Content{
    /*min-height:215px;*/
    height:auto !important;
}

.box2Content img{
    /*padding-bottom: 10px;*/
	margin:0;
	padding:0;
	border:none;
}

.box2Content h2{
    font: 11px/11px Arial, Helvetica, Tahoma, Verdana, sans-serif;
    margin: 0px 0px 5px 9px;
    width: 225px;
	padding-top:10px;
}

.box2Content p, .box2ContentLeft p, .box2ContentRight p{
    margin: 0px 0px 0px 9px;
    width: 210px;
    color: #767676;
}

.box2ContentLeft{
    width: 244px;
    /*min-height:215px;
    height:auto !important;*/
    /*height:215px;*/
	height:100%;
    padding: 0px 0px 5px 0px;
    float: left;
    display: inline;
    border-right: 10px solid #f4f3f3;
    overflow: visible;
}

.box2ContentRight{
    width: 244px;
    /*min-height:215px;
    height:auto !important;
    height:215px;*/
    float: left;
    display: inline;
    padding: 0px 0px 5px 0px;
    overflow: hidden;
}

.box2ContentRightTop{
    height: 121px;
    padding-top: 8px;
    border-bottom: 10px solid #f4f3f3;
}

.box2ContentRightBottom{
    padding-top: 10px;
}

.box2Footer{
   clear: both;
   height: 10px;
   background-color: #f4f3f3; 
}






/*
------------------------------------------
SmallBox 1
------------------------------------------
*/


.smallBox1Wrapper{
    min-height:210px;
    height:auto !important;
    height:210px;
    margin-top: 20px;
    clear: both;
}

.smallBox1Header{
    margin:0px;
	padding:0px;
    height: 29px;
    width:100%;
    background-image: url(/image/layout/bg_box_shadow.jpg);
    background-position: top left; 
    background-repeat: repeat-x
}

.smallBox1Header2Row{
    height: 43px;
    width: 243px;
    background-image: url(/image/layout/bg_box_shadow2Row.jpg);
    background-position: top left; 
    background-repeat: repeat-x
}

.smallBox1Header h2{
    padding-top: 8px;
    padding-left: 9px;
}

.smallBox1Header2Row h2{
    padding-top: 8px;
    padding-left: 9px;
    line-height: 15px;
}

.smallBox1Footer{
   width: 243px;
   clear: both;
   height: 10px;
   background-color: #f4f3f3; 
}

/*grosse breite box die über die content div ränder hinausragt*/
.largebox{
	margin-left:-25px;
	padding:0px;
	width:500px
}

/*normale content box klein*/
.smallBox1Left{
    min-height:210px;
    height:auto !important;
    height:210px;
    margin-top:20px;
	margin-right:5px;
    float:left;
    display:inline;
    width: 243px;
    border: solid 1px #d7d7d7;
}
.smallBox1Right{
    min-height:210px;
    height:auto !important;
    height:210px;
    margin-top: 20px;
	margin-left:5px;
    float:right;
    display:inline;
    width: 243px;
    border: solid 1px #d7d7d7;
}
.smallBox1Content{
    margin:0px;
	padding:0px;
	min-height:210px;
    height:auto !important;
    height:210px;
}
.smallBox1Content img{
    padding-bottom: 10px;
}

.smallBox1Content p{
    margin: 0px 0px 0px 9px;
    width: 210px;
    color: #1b1b1b;
}

.smallBox1Content h4{
    margin: 5px 0px 11px 0px;
}



.smallBox1LeftContent{
    min-height:210px;
    height:auto !important;
    height:210px;
    
}

.smallBox1LeftContent img{
    padding-bottom: 10px;
}

.smallBox1LeftContent p{
    margin: 0px 0px 0px 9px;
    width: 210px;
    color: #1b1b1b;
}

.smallBox1LeftContent h2{
    font: 11px/11px Arial, Helvetica, Tahoma, Verdana, sans-serif;
    margin: 0px 0px 5px 9px;
    width: 225px;
	padding-top:0px;
}

.smallBox1LeftContent h4{
    margin: 5px 0px 11px 0px;
}


/* content box sehr klein*/
.supersmallBox1Left{
    height:auto !important;
    height:210px;
    margin-top:0px;
	margin-right:5px;
    float:left;
    display:inline;
    width: 243px;
    border: solid 1px #d7d7d7;
	overflow: visible;
}
.supersmallBox1Right{
    height:auto !important;
    height:210px;
    margin-top: -205px;
	margin-left:5px;
	float:right;
    display:inline;
    width: 243px;
    border: solid 1px #d7d7d7;
	overflow: hidden;
}
.supersmallBox1Content{
    margin:0px;
	padding:0px;
	min-height:210px;
    height:auto !important;
    height:210px;
}
.supersmallBox1Content img{
    padding-bottom: 10px;
}

.supersmallBox1Content p{
    margin: 0px 0px 0px 9px;
    width: 210px;
    color: #1b1b1b;
}

.supersmallBox1Content h4{
    margin: 5px 0px 11px 0px;
}


.supersmallBox1LeftContent{
    margin:0px;
	padding:0px;
	overflow: hidden;
}

.supersmallBox1LeftContent img{
    padding-bottom: 10px;
}

.supersmallBox1LeftContent p{
    margin: 0px 0px 0px 9px;
    width: 210px;
    color: #1b1b1b;
}

.supersmallBox1LeftContent h4{
    margin: 5px 0px 11px 0px;
}




.supersmallBox1RightContent{
    margin:0px;
	padding:0px;
	overflow: hidden;
}

.supersmallBox1RightContent img{
    padding-bottom: 10px;
}

.supersmallBox1RightContent p{
    margin: 0px 0px 0px 9px;
    width: 210px;
    color: #1b1b1b;
}

.supersmallBox1RightContent h4{
    margin: 5px 0px 11px 0px;
}




/*Left - Portfolio*/
.smallBox1LeftPortfolio{
    float: left;
    display: inline;
    width: 243px;
    border: solid 1px #d7d7d7;
}

.smallBox1LeftContentPortfolio{
    min-height:210px;
    height:auto !important;
    height:210px;
    
}

.smallBox1LeftContentPortfolio img{
    padding-bottom: 0px;
}

.smallBox1LeftContentPortfolio p{
    margin: 0px 0px 0px 9px;
    width: 210px;
    color: #1b1b1b;
}

.smallBox1LeftContentPortfolio h4{
    margin: 5px 0px 11px 0px;
}





/*table topSendungen*/

table.topSendungen{
    color: #767676;
}

table.topSendungen thead {
    background-color: #f4f3f3;
}

table.topSendungen tbody tr td{
    height: 27px;
    border-bottom: 5px solid #f4f3f3;
}
/*IE 7*/
*+html table.topSendungen tbody tr td, *html table.topSendungen tbody tr td{
    height: 22px;
    border-bottom: 5px solid #f4f3f3;
}
/*IE 6*/
*html table.topSendungen tbody tr td{
    height: 22px;
    border-bottom: 5px solid #f4f3f3;
}

table.topSendungen tbody tr td.desc{
    color: #de0125;
    text-transform: uppercase;
}

table.topSendungen tbody tr.hide td{
    border: 0px;
    background-color: #f4f3f3;
    height: 1px;
}

select{
    border: 1px solid #d0cfcf;
    width: 130px;
    height: 20px;
    background-color: #e8e8e8;
}


/*
------------------------------------------
NewsBox
------------------------------------------
*/


.newsWrapper{
    clear: both;
    margin-top: 30px;
    min-height:90px;
    height:auto !important;
    height:90px;
    border: 1px solid #d7d7d7;
}

.newsWrapper h2{
    margin: 0px 0px 7px 9px;
}

.newsItem{
	margin:0;
	padding:0;
    clear: both;
  /*   height: 90px; */
 	height:auto;
	min-height:90px;
    border-bottom: 3px solid #f4f3f3;
}

.newsItem img{
    margin-right: 10px;
}

.newsItem h2, .formItem h2{
    margin:0px;
	padding:0px;
	padding-top:5px;
	margin-left:25px;
    font: 11px/14px Arial, Helvetica, Tahoma, Verdana, sans-serif;
}

.newsItem p{
    margin:0;
	padding:0;
	margin: 0px 0px 0px 160px;
    width: 300px;
    color: #767676;
    font: 11px/14px Arial, Helvetica, Tahoma, Verdana, sans-serif;
}

/*------------------------------------------
VideoBox
------------------------------------------
*/


.videoWrapper{
    clear: both;
    margin-top: 0px;
    min-height:235px;
    height:auto !important;
    height:235px;
    border: 1px solid #d7d7d7;
}

.newsWrapper h2{
    margin: 0px 0px 7px 9px;
}

.videoItem{
    clear: both;
  /*   height: 235px; */
 	height:auto;
	min-height:235px;
    border-bottom: 3px solid #f4f3f3;
}

.videoItem img{
    margin-right: 10px;
}

.videoItem h2, .formItem h2{
    padding-top: 10px;
    font: 11px/14px Arial, Helvetica, Tahoma, Verdana, sans-serif;
}

.videoItem p{
    margin: 0px 0px 0px 0px;
    width: 598px;
    color: #767676;
	align: right
}

/*
------------------------------------------
Publikationen bestellen
------------------------------------------
*/


.pubWrapper{
    clear: both;
    margin-top: 30px;
    height:auto !important;
    border: 1px solid #d7d7d7;
}

.pubWrapper h2{
    margin: 0px 0px 7px 9px;
}

.pubItem{
    clear: both;
 	height:auto;
    border-bottom: 3px solid #f4f3f3;
}

.pubItem img{
    margin:0px;
	padding:0px;
	border:none;
}

.pubItem h2{
    padding-top: 10px;
    font: 11px/11px Arial, Helvetica, Tahoma, Verdana, sans-serif;
}

.pubItem p{
    color: #767676;
	margin-left:9px;
}

.widecontent{
padding:15px 25px;
}
/*
------------------------------------------
Formular
------------------------------------------
*/

.formItem{
padding:8px;
}

/*.formItem{
    clear: both;
 	height:auto;
	min-height:5px;
	color: #1b1b1b;
    border-bottom: 3px solid #f4f3f3;
}

.formItem p{
    margin: -20px 0px 10px 110px;
    width: 380px;
}

.formItem select{
    border: 1px solid #d0cfcf;
    width: 170px;
    height: 20px;
    background-color: #e8e8e8;
}

.formItem input[type="text"],.formItem input[type="password"]{
    border: 1px solid #d0cfcf;
    width: 170px;
    height: 18px;
    background-color: #ffffff;
}
.formItem input[type="checkbox"]{
    height: 20px;
	vertical-align:middle;
}

.button{
	border: 1px solid #d0cfcf;
	height:2.5em;
}
*/

/*
------------------------------------------
Shortcut 
------------------------------------------
*/


.shortcutWrapper{
    /*clear:both;*/
	float:left;
    margin-top: 5px;
	width:99%;
    height:auto !important;
    border: 1px solid #d7d7d7;
}

.shortcutHeader{
    height: 29px;
    background-image: url(/image/layout/bg_box_shadow.jpg);
    background-position: top left; 
    background-repeat: repeat-x;
}

.shortcutHeader h2{
	padding:8px 0px 7px 9px;
	color:#000000;
	width:100%;
}

.shortcutItem{
    /*clear: both;*/
	/*height:auto;
	min-height:1px;*/
	margin:0px;
	padding:10px 10px 10px 10px;
    border-bottom: 3px solid #f4f3f3;
}

.shortcutItem h2{
	margin:0px 0px 8px 0px;
	padding:0;
    font: 11px/11px Arial, Helvetica, Tahoma, Verdana, sans-serif;
	color:#1b1b1b;
}

.shortcutItem p{
    font: 11px Arial, Helvetica, Tahoma, Verdana, sans-serif;
    color: #787878;
	margin:0;
}
.shortcutItem a, .shortcutItem a:visited{
    font: 11px Arial, Helvetica, Tahoma, Verdana, sans-serif;
    color: #787878;
}

/*
------------------------------------------
Suchformular auf der rechten Seite 
------------------------------------------
*/

.searchtext{
	background-color:#fff;
	width:190px;
	border:1px solid #d7d7d7;
}

#cse-search-box{
	margin:0;
}

#cse-search-results iframe{
	height:1250px;
	width:490px;
}

/*
------------------------------------------
Resultate-Liste
------------------------------------------
*/
table.searchresults{
    background-color:#FFFFFF;
	border: 1px solid #d7d7d7;
	border-collapse:collapse;
	margin:0;
	padding:0;
	width:100%;
}
table.searchresults td{
    padding: 5px;
	border: 1px solid #d7d7d7;
}

table.searchresults th{
	margin:0;
	padding:0;
	width:auto !important;
	height:44px;
	border: 1px solid #d7d7d7;
	text-align:left;
    background-image: url(/image/layout/bg_box_shadow2Row.jpg);
    background-position: top left; 
    background-repeat: repeat-x;
}
table.searchresults th span{
	padding-left:5px;
	padding-right:5px;
}
table.searchresults th a:link, table.searchresults th a:visited{
	display:block;
	width:auto !important;
	height:34px;
	color:#000;
	text-decoration:none;
    font-style:normal;
	font-weight:bold;
	margin:0;
	padding-left:5px;
	padding-right:5px;
	padding-top:10px;
}
table.searchresults th a:hover, table.searchresults th a.active{
	background-color:#d7d7d7;
}

table.searchresults td a:link,table.searchresults td a:hover,table.searchresults td a:visited{
   color:#000;
}

table.searchresults th.tableheaderover{
background:#d7d7d7;
cursor:pointer;
}


/*--------------------------------------------------------
Formular-Styles
---------------------------------------------------------*/

/*input.text{
border:1px solid #d7d7d7;
}*/

.formItemSmall{
    clear: both;
 	height:auto;
	min-height:5px;
	color: #1b1b1b;
    border-bottom: 3px solid #f4f3f3;
	padding:8px;
}

.formtextsmall{
    border: 1px solid #d0cfcf;
    width: 50px;
    height: 18px;
    background-color: #ffffff;
}
.formtextmedium{
    border: 1px solid #d0cfcf;
    width: 125px;
    height: 18px;
    background-color: #ffffff;
}
.formtextlarge{
    border: 1px solid #d0cfcf;
    width: 218px;
    height: 18px;
    background-color: #ffffff;
}
.smallBoxSelect{
    border: 1px solid #d0cfcf;
    width: 220px;
    height: 22px;
    background-color: #eee;
}

/*-----------------------------------------------------------
Fehlermeldungen
-----------------------------------------------------------*/

.eyecatcher {
	color: #ffffff;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color : #EC2127;
	border : 2px solid #dddddd;
}
/*-----------------------------------------------------------
Rubriken auf publispot Suchformularen (kleine Box rechts)
-----------------------------------------------------------*/

.rubrikItem{
    clear: both;
 	height:auto;
	min-height:5px;
	color: #1b1b1b;
    border-bottom: 3px solid #f4f3f3;
	padding:8px;
}

.rubrikItem a, .rubrikItem a:visited{
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
	margin:0;
}

/*-----------------------------------------------------------
Medialexikon
-----------------------------------------------------------*/
#lexcats a{
	font: .8em Arial;
	color: #de0125;
	border: 1px solid #de0125;
	background-color: White;
	padding: 2px 5px 2px 5px;
	text-decoration: none;
	margin:0;
	margin-right:4px;
}
#lexcats a:hover{
	background-color:#F9AEA6;
}
#lexcats a:active, #lexcats a.selected{
	color: White;
	background-color: #de0125;
	border: 1px solid White;
}

/*-----------------------------------------------------------
Kontakt-Link , Chatfunktion
-----------------------------------------------------------*/
#contact{
	position:absolute;
	left:720px;
	top:37px;
	background-color:#FFFFFF;
	border:1px solid black;
	width:220px;
	height:250px;
	z-index:999;
	margin:0px;
	padding:10px;
}

/*-----------------------------------------------------------
VSS Menu Funktionen
-----------------------------------------------------------*/
.vss{
	position:absolute;
	right:5px;
	bottom:5px;
	text-align:right;
	}
.vssmenu{
	border:1px solid #333;
	background-color:#333;
	margin-bottom:-20px;
	margin-right:30px;
	text-align:left;
	text-decoration:none;
	}
.vssmenu ul{
	list-style:none;
	margin:0px;
	padding:0px;
	width:150px;
	margin-bottom:-1px;
}
.vssmenu li{
	border-bottom:1px solid #CCC;
}

.vssmenu ul li a:link,.vssmenu ul li a:visited{
	padding:4px 20px 4px 10px;
	display:block;
	font: 12px/15px Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-weight:bold;
    text-transform: uppercase;
	color:#FFF;
	text-decoration:none;
}
.vssmenu ul li a:hover{
	background-color:#CCC;
	color:#000;
	}