/* CSS Document */

/****** Textformatierungen ganze Seite ***************************************************************************/

html, body{
height:100%;/*!*/
}

body {
		font-family:		Arial, Helvetica, sans-serif;
		color:				#bccbd1;
		font-size:			12px;
		background:url(img/bg_body_big.jpg) center top no-repeat #000;
		}
		
img{border:none;}

a:link, a:visited {
		color:				#ffffff;
		text-decoration:	none;
		}

a:active, a:hover {
		color: 			#c14d47;
		text-decoration:	underline;
		}

ul a:link, ul a:visited {
		color: 			#ffffff;
		text-decoration:	none;
		}
ul a:active, ul a:hover {
		color: 			#c14d47;;
		text-decoration:	none;
		}
		
ul {
		list-style-type:	none;
		white-space:		nowrap;
		margin:				0;	
		padding:			0;	
}		

li {	margin:    			0 0 2px 0;
		font-size:			12px;
		color:				#005960;
		text-decoration:	none;
}


h1 {
		margin:    			0 0 2px 0;
		font-size:			18px;
		color:				#c14d47;
		}

h2 {
		margin:    			0 0 0 0;
		font-size:			15px;
		font-weight:		bold;
		color:				#c14d47;
		}

h3 {
		margin:    			0 0 0 0;
		font-size:			13px;
		font-weight:		bold;	
		color:				#c14d47;
		}

p  {
		margin:    			0 0 10px 0;
		font-size:			12px;
		}
a:link, a:visited {
	text-decoration: underline;
	outline:none;
	color:#fff;
}

a:hover, a:active {
	text-decoration: underline;
	color: 			#c14d47;
	outline:none;
}

#navi ul{
	position:absolute;
	top:70px;
	left:14px;
	text-align:left;}

#navi li li { height:25px; 
    background-image:url(img/trennlinie_subnav.gif); 
	background-position:bottom left; 
	background-repeat:no-repeat; 
	margin:12px 0 7px 0;
	padding:0;
	float:none;
	text-align:left;}
	
#navi li li a:link, #navi li li a:visited {
	text-decoration:  none;
	font-size:		12px;
	font-weight:	bold;
	color:				#e8edf1;
	margin:0;
	padding:0;
	width:150px;
	display:block;
	height:auto;
	text-transform:none;
}

#navi li li a:hover, #navi li li a:active, #wrapper #mainnavcontainer #mainnav #navi li li a.active{
	color: 			#c14d47;
	background:none;
	height:auto;
	margin:0;
	padding:0;
}
	
/*******Hauptnavigation****************************************************/

div#mainnav  {
		position:relative;
		top:	            0px;
	    display:            block;
		height:				33px;
		padding:	14px 0px 0px 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:			18px;
		text-decoration:none;
		list-style-type:	none;
		z-index: 1;
		}
		
#navi{
	margin:-20px 0 0 140px;
	padding:0;}		
		
#navi li{
	float:left;
	margin:0;
	padding:0;}

#navi li a, #navi li a:visited{
		text-decoration:	none;	
		vertical-align:middle;
		color:				#ffffff;
		height:				22px;	
		margin-top:			10px;
		padding:	10px 10px 10px 10px;
		border-left: 1px solid #000000;
		z-index: 1;
		font-size:18px;
		text-transform:uppercase;
		display:block;
		}	

#navi li a:hover, #navi li a:active, #wrapper #mainnavcontainer #mainnav #navi li a.active{
		text-decoration:	none;	
		vertical-align:     middle;
		background-color:	#33315d;
		color:				#c14d47;
		border-left: 1px solid #000000;
		z-index: 1;
		}
		
.lastnavipunkt a{
		border-left: none;
		border-right: 1px solid #000000;
		}				
		
/****** Definition und Position der Icons *************************************************************/	

.icons {
		float:				right;
		width:				154px;
		height:				16px;
		margin: 0 0 16px 0;
		text-indent:        20px;
		}


.icons a.infos, .icons  a.infos:visited {
		float:				left;
		display:			block;
		overflow:           hidden;
		text-indent:        20px;
		background:			url(img/icons.gif) 0 0px;	
		width:				16px;
		height:				16px;
		margin:				0 7px 0 0 ;
		}	

.icons  a.infos:hover, .icons  a.infos:active {
		background:			url(img/icons.gif) -16px 0;	
		float:				left;
		}	


.icons a.kontakt, .icons  a.kontakt:visited {
		display:			block;
		overflow:           hidden;
		text-indent:        20px;
		background:			url(img/icons.gif) -32px 0 ;	
		width:				16px;
		height:				16px;
		float:				left;
		margin:				0 7px 0 0;
		}	

.icons  a.kontakt:hover, .icons  a.kontakt:active {
		background:			url(img/icons.gif) -48px 0 ;
		float:				left;	
		}
.icons a.home, .icons  a.home:visited {
		display:			block;
		overflow:           hidden;
		text-indent:        20px;
		background:			url(img/icons.gif) -128px 0;	
		width:				16px;
		height:				16px;
		float:				left;
		margin:				0 7px 0 0;
		}	

.icons  a.home:hover, .icons  a.home:active {
		background:			url(img/icons.gif) -144px 0;	
		}		
		
.icons a.play, .icons  a.play:visited {
		display:			block;
		overflow:           hidden;
		text-indent:        20px;
		background:			url(img/icons.gif) -96px 0 ;	
		width:				16px;
		height:				16px;
		float:				left;
		margin:				0 4px 0 0;
		}	

.icons  a.play:hover, .icons  a.play:active {
		background:	url(img/icons.gif) -112px 0 ;
		float:				left;	
		}		

.icons a.submit, .icons  a.submit:visited {
		display:			block;
		overflow:           hidden;
		text-indent:        90px;
		background:			url(img/icons.gif) -160px 0;	
		width:				85px;
		height:				16px;
		float:				left;
		margin:				0 0 0 0;
		}	

.icons  a.submit:hover, .icons  a.submit:active {
		background:			url(img/icons.gif) -245px 0;	
		}		

 
#navi dfn, #navi span{display:none;}		
				   
#navi li ul{
	display:none;}
	
#navi li.active ul{
	display:block;}
	
#navi ul ul{
	display:none!important;}

/***************************************** kontaktform ***************/

form{
	margin:0;
	padding:0;}
	
form td{
	vertical-align:top;}
	
input, textarea, select{
	border:1px solid #C24C4A;
	width:200px;
	margin:0 0 10px 0;}
	

formtype_mail{
	display:none;}

.imgtext-table a img{
	border:1px solid #ccc!important;}
	
form, fieldset.csc-mailform{
	border:none!important;
	margin:0;
	padding:0;}		
		
label{
	width:150px;
	display:block;
	height:20px;
	float:left;}
	
.csc-mailform-submit{
	margin-left:150px;}

/*****************************************/

.imgnavi{
	margin-bottom:15px;}

.imgnavi a, .imgnavi a:visited{
	font-size:11px;
	color:#BCCBD1;}

.imgnavi a:hover, .imgnavi a:active, .imgnavi a.active{
	text-decoration:none;
	color:#C14D47;}
	


#imageContainer, #imageDataContainer{
	background:#33315D!important;}
	
#numberDisplay{
	color:#fff;}

span.lightboxSpan a img{
	border:1px solid #33315D!important;}


a.homelink{
	display:block;
	width:220px;
	height:170px;
	position:absolute;
	text-indent:-9999px;
	overflow:hidden;
	top:0;
	left:81px;}

.webdesignby{
	display:block;
	background:url(img/webdesignby.gif) no-repeat;
	width:9px;
	height:129px;
	position:absolute;
	text-indent:-9999px;
	overflow:hidden;
	left:918px;
	top:44px;}