/* @charset "utf-8"; */

/* ##### CSS Document ##### */




/* ########## BODY ################################################## */

body {
	margin: 0;
	padding: 0;
	background: url(../img/gg/bg.gif) repeat-y #B8B8B8;
	
	color: #2D2D2D;
	font-size: 12px;
	font-weight: normal;
	font-family: arial, helvetica, verdana, sans-serif, swiss;
	}
	
	
	
/* ######### TEXTFORMATIERUNGEN ##################################### */

/* Hauptueberschrift */
h1 {color: #CF228E; font-size: 16px; margin: 0 0 12px 0;}

/* Zwischenueberschrift */
h2 {color: #CF228E; font-size: 12px; margin: 0 0 3px 0;}

/* Zwischenueberschrift HINWEIS */
h2.hinweis {color: #CF228E; font-size: 12px; margin: 0 0 3px 0; padding-top: 8px; border-top:solid 1px #CF228E}

/* Absaetze */
p {margin: 0 0 12px 0;}

/* Hyperlinks */
a:link     {text-decoration:none; color:#CF228E;}
a:visited  {text-decoration:none; color:#CF228E;}
a:hover    {text-decoration:underline; color:#CF228E;}
a:active   {text-decoration:underline; color:#CF228E;}



/* ######### SEITENSTRUKTUR ######################################### */

#container {
	float: left;
	width: 992px;
	margin: 0;
	padding: 0;
	}
	
	
	#header {
		float: left;
		width: 100%;
		height: 160px;
		background-color: #CF228E;
		}
		
		#logo {
			float: left;
			width: 992px;
			height: 129px;
			background: url(../img/gg/logo.jpg) #fff;
			}
			
			a.logo {
				width: 200px;
				height: 129px;
				display: block; 
				cursor: pointer;
				}
				
		#banner {
			display: none;
			}

		#follow {
			color: #fff;
			float: left;
			display: inline;
			margin: 8px 20px 0 200px;
			}
			
		#language {
			color: #fff;
			float: right;
			display: inline;
			margin: 8px 30px 0 0;
			}
			
		#language a:link     {text-decoration:none; color:#fff;}
		#language a:visited  {text-decoration:none; color:#fff;}
		#language a:hover    {text-decoration:none; color:#EB54B2;}
		#language a:active   {text-decoration:none; color:#EB54B2;}
			

/* ######### NAVIGATION ########## */
		
	#navigation {
		float: left;
		width: 160px;
		height: 200px;
		display: inline;
		margin: 0 0 0 5px;
		}
		
		#nav_top {
			width: 170px;
			height: 35px;
			background-image: url(../img/gg/nav-top.gif);
			}
			
		#nav_content {
			color: #fff;
			width: 170px;
			background-image: url(../img/gg/nav-content.gif);
			}
			
			ul.mainnav {
				padding: 0;
				width: 160px;
				font-size: 14px;
				list-style: none;
				margin: 0 0 0 5px;
				}
				
				li.mainnav {
					width: 140px;
					padding: 2px 0 0 0;
					}
					
				li.mainnav a:link,
				li.mainnav a:visited {
					color: #fff;
					width: 140px;
					height: 22px;
					display: block;
					padding: 2px 0 0 20px;
					text-decoration: none;
					}
					
				li.mainnav a:hover,
				li.mainnav a:active {
					color: #fff;
					width: 140px;
					height: 22px;
					display: block;
					padding: 2px 0 0 20px;
					text-decoration: none;
					background-image: url(../img/gg/nav-button.gif);
					}
					
				ul.mainnav_on {
					padding: 0;
					width: 160px;
					font-size: 14px;
					list-style: none;
					margin: 0 0 0 5px;
					}
				
				li.mainnav_on {
					width: 140px;
					padding: 2px 0 0 0;
					}
								
				li.mainnav_on a:link,
				li.mainnav_on a:visited,
				li.mainnav_on a:hover,
				li.mainnav_on a:active {
					color: #fff;
					width: 140px;
					height: 22px;
					display: block;
					padding: 2px 0 0 20px;
					text-decoration: none;
					background-image: url(../img/gg/nav-button.gif);
					}
				
				
				/* Nur bei Punkt BILDARCHIV */
				li.bildarchiv {
					width: 140px;
					padding: 2px 0 0 0;
					}
					
				li.bildarchiv a:link,
				li.bildarchiv a:visited {
					color: #000;
					width: 140px;
					height: 22px;
					display: block;
					padding: 2px 0 0 20px;
					text-decoration: none;
					background-image: url(../img/gg/nav-button-bildarchiv.gif);
					}
					
				li.bildarchiv a:hover,
				li.bildarchiv a:active {
					color: #000;
					width: 140px;
					height: 22px;
					display: block;
					padding: 2px 0 0 20px;
					text-decoration: none;
					background-image: url(../img/gg/nav-button-bildarchiv-hover.gif);
					}

					
					
					ul.subnav {
						padding: 0;
						width: 130px;
						font-size: 12px;
						list-style: none;
						margin: 0 0 10px 25px;
						}
						
						li.subnav {
							padding: 0;
							width: 130px;
							margin: 0 0 3px 0;
							}
							
						li.subnav a:link,
						li.subnav a:visited {
							color: #fff;
							width: 130px;
							display: block;
							background: none;
							padding: 0;
							text-decoration: none;
							}
							
						li.subnav a:hover,
						li.subnav a:active {
							width: 130px;
							color: #FF9BCE;
							display: block;
							background: none;
							text-decoration: none;
							}
							
						ul.subnav_on {
							padding: 0;
							width: 130px;
							font-size: 12px;
							list-style: none;
							margin: 0 0 20px 25px;
							}
						
						li.subnav_on {
							padding: 0;
							width: 130px;
							margin: 0 0 3px 0;
							}
							
						li.subnav_on a:link,
						li.subnav_on a:visited,
						li.subnav_on a:hover,
						li.subnav_on a:active {
							width: 130px;
							color: #FF9BCE;
							display: block;
							background: none;
							text-decoration: none;
							}

							
		#nav_bottom {
			width: 170px;
			height: 35px;
			background-image: url(../img/gg/nav-bottom.gif);
			}
			
/* ########## ENDE NAVIGATION ##########*/
		
		
	#content {
		float: left;
		width: 750px;
		height: 800px;
		display: inline;
		margin: 10px 0 0 40px;
		}
		
		
	#footer {
		width: 16px;
		height: 273px;
		position: fixed;
		bottom: 0px;
		left: 995px;
		background-image: url(../img/gg/copyright.gif);
		}