@charset "UTF-8";


* {
		margin:0;
		padding:0;
		}

	html, body {
		height:100%;
		}

	body {
		background-color:#000000;
		text-align:center; /* horizontal centering for IE Win quirks */
		}
		
	#bgimage {
	position:absolute;
	width:100%;
	height:100%;
	background-color:#ffffff;
	overflow:hidden;
	z-index:1;
	left: 0px;
	top: 0px;
		}	
	
	#bgimage img {
	position:absolute;
	display: none;
	left: 0px;
	top: 0px;
		}

	#container {
		margin:0 auto;
		position:relative; /* puts container in center position */
		text-align:left;
		height:auto;
		width:800px;
		clear:left;
		z-index:8;
		}
		
	#signet {
		margin-top: 80px;
		position:absolute; /* puts container in center position */
		text-align:left;
		height:18px;
		width:270px;
		clear:left;
		background-color:#ffffff;
		z-index:4;
		}
		
	#signetback {
		margin-top: 75px;
		margin-left: -5px;
		position:absolute;
		text-align:left;
		height:28px;
		width:280px;
		clear:left;
		background-color:#ffffff;
		z-index:3;
		}
		
	#grafikdesign {
		margin-top: 80px;
		margin-left: 290px;
		position:absolute; /* puts container in center position */
		text-align:left;
		height:18px;
		width:270px;
		clear:left;
		background-color:#none;
		z-index:4;
		}

	#navigation {
		margin-top: 140px;
		margin-left: 50px;
		position:absolute;
		text-align:left;
		height:40px;
		width:120px;
		clear:left;
		background-color:#ffffff;
		z-index:4;
		}
		
	#navigationback {
		margin-top: 135px;
		margin-left: 45px;
		position:absolute; /* puts container in center position */
		text-align:left;
		height:50px;
		width:130px;
		clear:left;
		background-color:#ffffff;
		z-index:3;
		}
		
		
	#contentinfoleftback {
		margin-top: 135px;
		margin-left: 235px;
		position:absolute; /* puts container in center position */
		text-align:left;
		height:400px;
		width:240px;
		clear:left;
		background-color: none;
		z-index:3;
		}
		
	#contentinforightback {
		margin-top: 135px;
		margin-left: 490px;
		position:absolute; /* puts container in center position */
		text-align:left;
		height:auto;
		width:240px;
		clear:left;
		background-color: none;
		z-index:3;
		}
		
	#accordion {
		margin-top: 140px;
		margin-left: 235px;
		position:absolute; /* puts container in center position */
		text-align:left;
		height:auto;
		width:495px;
		clear:left;
		background-color: none;
		z-index:3;
		}
		
		
/* here come the classes */

	.grafikdesign {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	/*font-style:italic;*/
	line-height: 20px;
	font-weight: normal;
	/*font-variant: small-caps;
	text-transform: uppercase;*/
	color: #FFFFFF;
	text-decoration: none;		
	letter-spacing: 2px;
			}

	.navigation {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: small-caps;
	text-transform: uppercase;
	color: #000000;
	text-decoration: none;		
	letter-spacing: 2px;
			}
			
	.navigation a { 
	color: #000000;
	text-decoration: none;
	border:none;	
	text-decoration: line-through;	
	}
	.navigation a:visited { 
	color: #000000;
	/*text-decoration: line-through;*/	
	}
	.navigation a:hover, a:focus {
	color: #000000;
	text-decoration: none;	
	}

	.navigation a:active { 
	color: #000000; 
	/*text-decoration: line-through;*/	
	}
		
	.navigation hr {
	background-color: #000000;
	color: #000000;
	border: none;
	height: 1px;
	width: 120px;
	}
	
	.infotext {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	letter-spacing: 1px;
	background-color:none;
			}
			
			
	.infotext span {
	background-color: #FFFFFF;
	}
			
	.infotext span p {
	padding-left: 2px;
	background-color: #FFFFFF;
	
			}
			
	.infotext span a { 
	color: #000000;
	text-decoration: none;
	border:none;	
	text-decoration: line-through;	
	}
	.infotext span a:visited { 
	color: #000000;
	/*text-decoration: line-through;*/	
	}
	.infotext span a:hover, a:focus {
	color: #000000;
	text-decoration: none;	
	}

	.infotext span a:active { 
	color: #000000; 
	/*text-decoration: line-through;*/	
			
	h3.toggler {
	cursor:pointerr;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: small-caps;
	text-transform: uppercase;
	color: #000000;
	text-decoration: none;		
	letter-spacing: 2px;
	}
	
	.toggler hr {
	background-color: #000000;
	color: #000000;
	border: none;
	height: 1px;
	width: 495px;
	}
	
	.element {
		padding-top: 5px;
		margin-top: 5px;
	}