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

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





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

body {
	margin: 0px auto;
	padding-top: 80px;
	text-align: center;
	background-color: #333333;
	
	color: #404041;
	font-size: 12px;
	font-weight: normal;
	font-family: arial, helvetica, verdana, sans-serif, swiss;
	}

/* ########## TEXTFORMATIERUNG ###################################### */

/* Allgemeine Links im Text */
a:link     {text-decoration:underline; color:#818285;}
a:visited  {text-decoration:underline; color:#818285;}
a:hover    {text-decoration:underline; color:#404041;}
a:active   {text-decoration:underline; color:#404041;}

/* ########## STRUCTURE ############################################# */


#horizont {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block;
	}
	
	
	#container {
		margin-left: -475px;
		position: absolute;
		top: -350px;
		left: 50%;
		width: 950px;
		height: 700px;
		text-align: left;
		visibility: visible;
		background-color: #fff;
		}
		
		
		#left {
			float: left;
			width: 310px;
			height: 340px;
			display: inline;
			margin: 40px 0 0 30px;
			}
			
			
		#right {
			float: right;
			width: 500px; 
			height: 590px;
			display: inline;
			line-height: 20px;
			margin: 40px 30px 0 0;
			}
			
			#diashow {
				float: left;
				display: inline;
				margin: 297px 0 0 82px;
				}
			
			
		#logo {
			float: left;
			width: 198px;
			height: 45px;
			display: inline;
			margin: 35px 0 0 144px;
			background-image: url(../img/gg/logo.gif);
			}
			
			a.logo {
				width: 198px;
				height: 45px;
				display: block;
				cursor: pointer;
				}
			

			
		
		/* ########### NAVIGATION ########### */
		
		#mainnav {
			float: left;
			width: 310px;
			height: 20px;
			font-size: 13px;
			display: inline;
			text-align: right;
			font-weight: bold;
			margin: 10px 0 0 32px;
			}
			
			ul.mainnav {
				float: right;
				margin: 0;
				padding: 0;
				list-style: none;
				}
				
				li.mainnav {
					float: right;
					padding: 0;
					list-style: none;
					margin: 0 0 0 10px;
					}
					
		#subnav {
			float: left;
			width: 140px;
			display: inline;
			margin: 52px 0 0 147px;
			}
			
			ul.subnav {
				padding: 0;
				margin: 0;
				list-style: none;
				}
				
				li.subnav {
					padding: 0;
					margin: 5px 0 0 0;
					list-style: none;
					}
					
		/* ########## END NAVIGATION  ########## */
		
		
		#footer {
			float: left;
			color: #fff;
			width: 530px;
			height: 30px;
			display: inline;
			font-size: 11px;
			margin: 40px 0 0 0;
			padding: 3px 0 0 420px;
			background-color: #333333;
			font-family: arial narrow, arial, helvetica, verdana, swiss;
			}
		
		#footer a:link    {text-decoration: none; color: #fff;}
		#footer a:visited {text-decoration: none; color: #fff;}
		#footer a:hover   {text-decoration: none; color: #818285;}
		#footer a:active  {text-decoration: none; color: #818285;}
		
		
		
		
		
		/* Nur auf den Diashow Seiten */	
		#diashow_back {
			margin: 375px 0 0 0;"
			}	
			
		#diashow_back a:link     {text-decoration:none; color:#fff;}
		#diashow_back a:visited  {text-decoration:none; color:#fff;}
		#diashow_back a:hover    {text-decoration:none; color:#818285;}
		#diashow_back a:active   {text-decoration:none; color:#818285;}