/** (c) 2007-2010 All Rights Reserved by Carina Crenshaw **/
/** Illustrationen, Grafikdesign und Zeichnungen **/




/* -- Alles auf Null setzen -- */
*{
	margin: 0;
	padding: 0;
	border:0;
}
a {	
	outline:0;
	}
li, ul{
	list-style-type: none;
	}
h4, h3, h2, h1, li, ul, p, a {
	font-family: Verdana, Geneva, sans-serif;
	font-weight:normal;
	text-align: left;
	}
body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	text-align: center;
	background: url(../bilder/bgkachel.jpg) repeat;
	}
#sugahbox{
	width: 960px;
	height:: 600px;
	margin: 50px auto 0 auto;
	text-align: center;
	}
#leftbox{
	width: 150px;
	height: 600px;
	float: left;
	background-color: white;
	}
		#logo{
			width: 150px;
			height: 120px;
			float: left;
			}
			#logo img{
			border: none;
			display: block;
			}
		#freiraum{
			width: 150px;
			height: 230px;
			float: left;
			background-color: white;
			}	
		#navigation{
			width: 150px;
			height: 230px;
			text-align:left;
			float: left;
			background-color: white;
			}
				#navigation ul{
					list-style: none;
					background-color: white;
					}
				#navigation li{
					font-family: Verdana, Geneva, sans-serif;
					font-weight: normal;
					font-size: 9px;
					line-height: 15px;
					color: #000;
					}
				#navigation li.headschrift{
					font-family: Verdana, Geneva, sans-serif;
					font-weight: bold;
					font-size: 9px;
					line-height: 15px;
					color: #000;
					padding: 0 0 0 10px;
					}
				#navigation a{
					font-family: Verdana, Geneva, sans-serif;
					font-weight: normal;
					font-size: 9px;
					line-height: 15px;
					font-style: normal;
					text-decoration: none;
					color: #000;
					padding: 1px 10px 1px 10px;
					}
				#navigation a.active{
					background-color: black;
					color: white;
					}
				#navigation a:hover{
					background-color: black;
					color: white;
					}				
		
#animationbox{
	width: 800px;;
	height: 600px;
	float: left;
	background-color: white;
	}
	#starterbox{
		width: 800px;
		height: 600px;
		background-color: white;
		}
		#starterbox ul.slideshow {
			list-style:none;
			width:800px;
			height:600px;
			overflow:hidden;
			position:relative;
			margin:0;
			padding:0;
			}	
		#starterbox ul.slideshow li {
			position:absolute;
			left:0;
			right:0;
			}
		#starterbox ul.slideshow li.show {
			z-index:500;	
			}
		#starterbox ul img {
			border:none;	
			}



#contentbox{
	width: 660px;
	height: 600px;
	float: left;
	position: 0 0;
	background-color: #FFF;
	}
	#contentbox h1, h2, h3, h4, a{
		font-family: Verdana, Geneva, sans-serif;
		font-weight: bold;
		text-align: left;	
		font-size: 9px;
		line-height: 15px;	
		}
	#contentbox p{
		font-family: Verdana, Geneva, sans-serif;
		font-weight: normal;
		text-align: left;	
		font-size: 9px;
		line-height: 15px;	
		}
	#contentbox p.strong{
		font-family: Verdana, Geneva, sans-serif;
		font-weight: bold;
		font-size: 9px;
		line-height: 15px;
		}
	#contentbox a:hover, a.current{
		font-family: Verdana, Geneva, sans-serif;
		font-size: 9px;
		line-height: 15px;	
		font-weight: bolder;
		color: #000;
		}
	#contentbox img{
		border: none;
		position: 0 0;
		}
		#contentabout{
			width: 600px;
			height: 440px;
			float: left;
			margin: 150px 0 0 10px;
			background-color: white;
			}		
			#contentabout img{
				display: block;
				text-align: left;
				border: none;
				padding: 0 0 10px 0;
				}
	#contentimprint{
		width: 600px;
		height: 350px;
		float: left;
		margin: 235px 0 0 10px;
		background-color: white;
		}
	#contentpic{
		width: 660px;
		height: 600px;
		float: left;
		}
		#contentpic img{
			text-align: center;
			position: 0 0;			
			}
	#contentproject{
		width: 660px;
		height: 570px;
		float: left;
		background-color: white;
		}
		#contentproject img{
			text-align: center;
			}
	#description{
		width: 480px;
		height: 20px;
		float: left;
		background-color: #FFF;
		}
		#descriptiontext{
			font-family: Verdana, Geneva, sans-serif;
			font-size: 9px;
			line-height: 15px;	
			font-weight: normal;	
			text-align: left;
			color: #000;	
			}
	#skipbox{
		width: 150px;
		height: 20px;
		float: right;
		background-color: #FFF;
		}		
		#skipbox a{
			font-family: Verdana, Geneva, sans-serif;
			font-size: 9px;
			line-height: 14px;	
			font-weight: normal;
			color: #FFF;
			float: right;
			padding: 0.5px 6px 1px 6px;
			margin: 2px 0 0 5px;
			background-color: #000;
			}	
		#skipbox a:hover{
			font-family: Verdana, Geneva, sans-serif;
			font-size: 9px;
			line-height: 15px;	
			font-weight: normal;
			color: #000;
			float: right;
			background-color: #FFF;
			}		
#rightbox{
	width: 145px;
	height: 600px;
	float: left;
	background-color: white;
	}
#rightbox p.strong{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	line-height: 15px;	
	font-weight: bold;
	color: #000;
	}
	#subnavigation{
		width: 135px;
		height: auto;
		margin: 10px 0 0 10px;
		background-color: #FFF;
		overflow: hidden;
		}
		#subnavigation li, #subnavigation a{
			font-size: 9px;
			line-height: 18px;
			color: black;
			}
		#subnavigation p{
			font-family: Verdana, Geneva, sans-serif;
			font-size: 10px;
			line-height: 20px;	
			font-weight: bold;
			text-decoration: none;
			color: #000;
			}
	
	#textboxright{
		width: 130px;
		margin: 10px 0 0 10px;
		}
		#textboxright p, a{
			font-family: Verdana, Geneva, sans-serif;
			font-size: 9px;
			line-height: 15px;	
			font-weight: normal;
			text-decoration: none;
			color: #000;
			}		
		#textboxright a:hover{
			font-family: Verdana, Geneva, sans-serif;
			font-size: 9px;
			line-height: 15px;	
			font-weight: bolder;
			color: #000;
			}
		#textboxright p.xing{
			font-family: Verdana, Geneva, sans-serif;
			font-size: 9px;
			line-height: 15px;	
			font-weight: normal;
			color: #000;
			margin: 480px 0 0 0;
			}			
		#textboxright img.xing{
			border: none;
			position: 0 0;
			}

			
			





/*preload classes*/ 
.svw {
	width: 50px; 
	height: 600px; background: #fff; 
	text-align: center; 
	vertical-align: center; 
	float: left;
	} 
.svw ul {
	position: relative; 
	left: -999em;
	} 
 
/*core classes*/ 
.stripViewer {  
	position: relative; 
	overflow: hidden;  
	margin: 0;
	float: left;
	} 
.stripViewer ul { /* this is your UL of images */ 
	margin: 0; 
	padding: 0; 
	position: relative; 
	left: 0; 
	top: 0; 
	width: 1%;
	list-style-type: none; 
	} 
.stripViewer ul li {  
	float:left; 
	} 
.stripTransmitter { 
	overflow: auto; 
	width: 130px;
	height: auto;
	float: left;
	margin: 10px 0 0 10px;
	background-color: white;
	} 
.stripTransmitter ul { 
	list-style-type: none; 
	} 
.stripTransmitter ul li{ 
	float:left; 
	}