/*****  Grundlagen  *****/



body {
	color: #333333;
	font-size: 12px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	line-height: 16px;
	background-color: #AAAAAA;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


html, body {
	height:100%;
}



p { }



td { }


h1 {
	color: #333333;
	font-size: 30px;
	line-height: 38px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom: 30px;
	margin-top: 0px;
	padding-top: 0px;
	font-weight: normal;
}

h2 {}

h3 {
	font-size: 16px;
	line-heigh: 24px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-weight: bold;
	margin-bottom: 5px;
}

a:link {
	color: #333333;
	text-decoration: underline;
}


a:visited {
	color: #333333;
	text-decoration: underline;
}


a:hover {
	color: #999999;
	text-decoration: none;
}



a:active { }










/*****  Template  *****/


.page {
	width: 900px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	vertical-align: center;
	overflow: visible;
}

.head {
      width: 900px;
      margin-top: 0px;
      margin-left: auto;
      margin-right: auto;
      height: 160px;
      background-color: #333333;

}

.navigation {
	width: 880px;
	height: 25px;
	background-color: #FFEC00;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-right: 10px;
	padding-left: 10px;
}

.content {
	width: 900px;
	margin-top: 80px;
	height: auto;
	background-color: #FFFFFF;
}

.local_nav {
	width: 200px;
	vertical-align: top;
	height: 100%;
	float: left;
	margin-top: 11px;
}

.logo {
	vertical-align: bottom;
}



.main {
      width: 480px;
	  height: 100%;
	  padding-left: 25px;
	  padding-right: 10px;
	  vertical-align: top;
	  float: left;
}




.right {
	width: 170px;
	float: right;
}



.bottom {
	width: 900px;
	height: 20px;
	vertical-align: bottom;
	bottom: 3px;
	clear: both;
	position: relative;
}














/*****  Menu Links  *****/



.local_menu {
	height: 25px;
	width: 200px;
	font-weight: bold;
	text-align: right;
	border-color: #000000;
	line-height: 25px;
	border-top-width: 1px;
	border-top-style: solid;
	height: auto;
	overflow: visible;
}



.local_menu a:link, .local_menu a:visited {
	color: #000000;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-color: #000000;
	text-decoration: none;
	

}



.local_menu a:hover {
	color: #999999;
	text-decoration: none;

}









/*****  Menü  *****/



/* DropDown */

/* div Definitionen */

.main_nav {
width:900px;
margin-left: auto;
margin-right: auto;
font-size:0.85em;
padding-bottom:0px;

}

/* Aufzählungszeichen, Linien und Padding von Standard Liste entfernen */

.main_nav ul {
padding:0;
margin:0;
list-style-type:none;

}

.main_nav ul ul {

/* width:150px; */

}

/* Horizontale Ansicht des Menüs definieren und um die Untermenüs zu posinieren */

.main_nav li {
float:left;
/* width:150px; */
position:relative;

}

/* Top level Links formatieren */

.main_nav a, .main_nav a:visited {
	display:block;
	font-size:12px;
	text-decoration:none;
	color:#333333;
	/* width:150px; */
	height:25px;
	border:1px solid #FFEC00;
	border-width:0 0 0 0px;
	padding-left:15px;
	padding-right:15px;
	line-height:25px;
	background-color: #FFEC00;
	font-weight: bold;
}

/* IE5 Korrektur: faulty box model is corrected */

* html .main_nav a, * html .main_nav a:visited {
width:150px;
w\idth:139px;

}



/* 2. Level Hintergrund */

.main_nav ul ul a, .main_nav ul ul a:visited {
background:#000000;


}

/* 2. Level hover */

.main_nav ul ul a:hover{
background:#DDDDDD;
color:#000000;


}

.main_nav ul ul :hover > a:hover {
background:#DDDDDD;
color:#000000;


}

/* 3. Level Hintergrund */

.main_nav ul ul ul a, .main_nav ul ul ul a:visited {
background:#CCCCCC;

}

/* 3. Level hover */

.main_nav ul ul ul a:hover {
background:#CCCCCC;

}

.main_nav ul ul ul :hover > a {
background:#CCCCCC;

}



/* Sub Levels ausblenden und eine absolute Position definieren, so dass es oben keinen Raum gibt */

.main_nav ul ul {
visibility:hidden;
position:absolute;
height:0;
top:25px;
left:0;
width:150px;

}

/* IE5.5 Korrektur */

* html .main_nav ul ul {
top:19px;
t\op:20px;

}



/* Position vom 3. Level-Menü, Flyout */

.main_nav ul ul ul{
left:150px;
top:0;
width:150px;

}

/* Position vom 3. Level-Menü, Flyout links */

.main_nav ul ul ul.left {
left:-150px;

}



/* Tabelle festlegen, so dass es nicht im Layout gemacht werden muss - für IE */

.main_nav table {
position:absolute;
top:0;
left:0;

}



/* 2. Level Links */

.main_nav ul ul a, .main_nav ul ul a:visited {
	background:#EEEEEE;
	color:#333333;
	height:auto;
	line-height:1em;
	padding:6px 15px;
width:129px
border:1px solid #FFEC00;
	border-width:0 0 0 0px;
	font-weight: normal;


/* Korrektur IE5.5 */

}

* html .main_nav ul ul a{
width:150px;
w\idth:129px;

}





/* Top Level hover */

.main_nav a:hover, .main_nav ul ul a:hover{
color:#000000;
background:#EEEEEE;


}

.main_nav :hover > a, .main_nav ul ul :hover > a {
color:#000000;
background:#EEEEEE;


}



/* 2. Level sichtbar machen */

.main_nav ul li:hover ul,

.main_nav ul a:hover ul{
visibility:visible;

}

/* 3. Level unsichtbar machen wenn über 1. Level */

.main_nav ul :hover ul ul{
visibility:hidden;

}

/* 4. Level unsichtbar machen wenn über 2. Level */

.main_nav ul :hover ul :hover ul ul{
visibility:hidden;

}

/* 3. Level sichtbar machen */

.main_nav ul :hover ul :hover ul{
visibility:visible;

}

/* 4. Level sichtbar machen */

.main_nav ul :hover ul :hover ul :hover ul {
visibility:visible;

}









/*****  Inhalt  *****/


.art, .grp, .cat {
	margin-bottom: 45px;	
}	

.right .noenties {
	display: none;	
}

.right h1 {
	display: none;
}


.right h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #333333;
	line-height: 18px;
	width:170px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	font-weight: bold;
	margin: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
}

.right .article {
	margin-top: 0px;
	margin-bottom: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 3px;
	color: #666666;
	width: 165px;
}


.main .article_ti, .main .noenties {
	color: #333333;
	font-size: 12px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding-left: 0px;

}



.main .article {
	color: #333333;
	font-size: 12px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-weight: normal;
	text-decoration: none;
	margin-bottom: 45px;
	padding-left: 0px;

}



.main .author {
        color: #666666;
        font-size: 11px;
        font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
        margin-bottom: 0px;

}



.content_image {
	margin-right: 10px;
	margin-bottom: 10px;

}



.content_bold {
	font-weight: bold;	

}



.beitrag-weiter {
        color: gray;
        font-size: 11px;
        font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
        text-decoration: none;
        margin-top: 5px;

}



.beitrag-weiter a:link, .beitrag-weiter a:visited {
        color: gray;
        text-decoration: none;

}



.beitrag-weiter a:hover {
        color: #f40;
        text-decoration: none;
        margin-top: 5px;

}


.foot {
	color: #666666;
	font-size: 11px;
	margin-top: 7px;
	text-align: center;
}



.fehler {
        color: #f40;

}

.fehler-ti {
        color: #f40;
        font-weight: bold;
        float: left;
        padding-right: 5px;
        padding-left: 10px;

}





.viewer_image_large {
	top: 20px;
	position: absolute;
	line-height:250%;
	width:auto;
	text-align:center;
	z-index: 1;
	background-color: #FFFFFF;
	margin-top: 1em;
	margin-right: 20%;
	margin-bottom: 1em;
	margin-left: 20%;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	border: 1px solid #CCCCCC;

}



.viewer_close{
	text-align:right;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0%;

}



.viewer_close_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #999999;
	background-position: right;

}



.viewer_close_text a:link, a:visited {
	text-decoration: none;
	color: #999999;

}



.viewer_close_text a:hover {
	text-decoration: none;
	color: #666666;

}



.viewer_close_text a:active {
	text-decoration: none;
	color: #999999;

}





.viewer_close_img {
	margin-right: 5px;
	margin-bottom: 2px;
	vertical-align: text-bottom;

}

.viewer_close{
	text-align:right;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0%;
}

.viewer_close_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #999999;
	background-position: right;
	text-decoration: none;
}

.viewer_close_text a:link, .viewer_close_text a:visited {
	text-decoration: none;
	color: #999999;
}

.viewer_close_text a:hover {
	text-decoration: none;
	color: #666666;
}

.viewer_close_text a:active {
	text-decoration: none;
	color: #999999;
}


.viewer_close_img {
	margin-right: 5px;
	margin-bottom: 2px;
	vertical-align: text-bottom;
}

.ajax_link {
	cursor: pointer;
}












/*****  Formular  *****/



.forminput {
        color: #333333;
        font-size: 12px;
        font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
        background-color: #EEEEEE;
        z-index: -4;
        padding: 1px;
        border: solid 1px #333333;

}

.formsubmit {
        color: #333333;
        font-size: 11px;
        font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
        z-index: -4;
        border: solid 1px;

}









/*****  Paginierung  *****/



.pagination_start  { 
	color: #333333; 
	text-align: right; 
	margin-bottom: 10px; 
	margin-left: 0px; 
	padding-bottom: 2px; 
	border-bottom: 1px solid #333333; 
}


.pagination_start a:link, .pagination_start a:visited { 
	color: #333333; 
	text-decoration: none; 
	padding: 4px 3px 3px; 
}


.pagination_start a:hover { 
	color: #333; 
	background-color: #DDDDDD; 
	text-decoration: none; 
	padding: 4px 3px 3px; 
}


.pagination_start a:active { 

}


.pagination_end  { 
	color: #333333; 
	text-align: right; 
	margin-bottom: 10px; 
	margin-left: 0px;
	padding-top: 2px; 
	border-top: 1px solid #333333; 
}


.pagination_end a:link, .pagination_end a:visited { 
	color: #333333; 
	text-decoration: none; 
	padding: 3px 3px 4px; 
}
	

.pagination_end a:hover { 
	color: #333; 
	background-color: #DDDDDD; 
	text-decoration: none; 
	padding: 3px 3px 4px;
}


.pagination_end a:active { }




/*****  Eventlist  *****/

.component_eventlist_text {
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: 1px solid #333333;
}

.component_eventlist_tabletitle td {
	padding-top: 0px;
	padding-bottom: 5px;
	border-bottom: 1px solid #333333;
	font-weight: bold;
}

.component_eventlist_table_1 td, .component_eventlist_table_2 td {
	border-bottom: 1px solid #333333;
	border-bottom-style: olid;
	border-bottom-color: #333333;
	padding-top: 5px;
	padding-bottom: 5px;
}

.component_eventlist_table_1_hover td, .component_eventlist_table_2_hover td {
	border-bottom: 1px solid #333333;
	border-bottom-style: olid;
	border-bottom-color: #333333;
	background-color: #EEEEEE;
	padding-top: 5px;
	padding-bottom: 5px;
}





/****** Netzone Werbung *******/
.netzone {
	margin-left: 120px;
	margin-top: 20px;
}



/*****  Lightbox *****/
#lightbox{	
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center; 
	line-height: 0;
}

#lightbox img{ 
	width: auto; 
	height: auto;
}

#lightbox a img{ 
	border: none;
}



#outerImageContainer{ 
	position: relative;
	background-color: #fff; 
	width: 250px; 
	height: 250px; 
	margin: 0 auto; 
}

#imageContainer{ 
	padding: 10px; 
}



#loading{ 
	position: absolute; 
	top: 40%; 
	left: 0%; 
	height: 25%; 
	width: 100%; 
	text-align: center; 
	line-height: 0;
}

#hoverNav{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	height: 100%; 
	width: 100%;
	z-index: 10;
}

#imageContainer>#hoverNav{ 
	left: 0;
}

#hoverNav a{ 
	outline: none;
}



#prevLink, #nextLink{ 
	width: 49%; 
	height: 100%; 
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ 
	display: block;
}

#prevLink { 
	left: 0; 
	float: left;
}

#nextLink { 
	right: 0; 
	float: right;
}

#prevLink:hover, #prevLink:visited:hover { 
	background: url(../../librarys/lightbox/images/prevlabel.gif) left 15% no-repeat; 
}

#nextLink:hover, #nextLink:visited:hover { 
	background: url(../../librarys/lightbox/images/nextlabel.gif) right 15% no-repeat;
}



#imageDataContainer{ 
	font: 10px Verdana, Helvetica, sans-serif; 
	background-color: #fff; margin: 0 auto; 
	line-height: 1.4em; 
	overflow: auto; 
	width: 100%	; 
}

#imageData{	
	padding:0 10px; 
	color: #666;
}

#imageData #imageDetails{ 
	width: 70%; 
	float: left; 
	text-align: left; 
}	

#imageData #caption{ 
	font-weight: bold;	
}

#imageData #numberDisplay{ 
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			

#imageData #bottomNavClose{ 
	width: 99px; 
	float: right;  
	padding-bottom: 0.7em; 
	outline: none;
}	 	

#overlay{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 90; 
	width: 100%;
	height: 500px; 
	background-color: #000; 
}