body {
	height: 100%;
	font-family:"Lucida Grande","Lucida Sans Unicode","Trebuchet MS",Helvetica,Arial,Verdana,sans-serif;
line-height:1.7em;
font-size:12px;
	
	

	background: #c3d3d9 url(../images/bg.jpg) center 258px no-repeat fixed;
	color:#4b565a;
	
}

img{border:none}
img a{border:none}


a{color:#52889c; text-decoration:none;}
a:hover{color:#95a9b1; text-decoration:none;}
h1{
font-size:22px;
color:#fff;
margin-bottom:5px;
}

h2{
font-size:14px;
color:#52889c;
margin-bottom:5px;
}

h2{
font-size:12px;
font-weight:bold;
color:#52889c;
margin-bottom:5px;
}

#wrapper{width:950px;
height:auto;
margin: 0 0 0 50px;

}

#leftContent{
	
	width:270px;
	
	float:left;
	margin-bottom:70px;
	margin-top:8px;}
	
	#rightContent{	
	width:650px;	
	float:left;
	margin-bottom:70px;
	margin-top:10px;}
	
	
#aktuelles{width:245px; text-align:justify; padding: 20px 20px 20px 0;}


.contentText{ width:245px; float:left; margin-left:40px;}


#nav{
	width:300px;
    height:auto;
}


.mainNav a {
	float:left;
	height:123px;
	text-indent:-10000px;
	position:relative;
	cursor:pointer;
	width:123px;
	margin:0 3px 3px 0;
	

}


	.mainNav a.linkClass { background:url(../images/start.jpg) top left no-repeat;}
	.mainNav a.linkClass1 { background:url(../images/leistungen.jpg) top left no-repeat;}
	.mainNav a.linkClass2 { background:url(../images/ueber.jpg) top left no-repeat;}
	.mainNav a.linkClass3 { background:url(../images/portfolio.jpg) top left no-repeat;}
	.mainNav a.linkClass4 { background:url(../images/aktuelles.jpg) top left no-repeat;}
	.mainNav a.linkClass5 { background:url(../images/kontakt.jpg) top left no-repeat;}
	.mainNav a:hover {background-position:left bottom }
	.mainNav a.open {background-position:left bottom  !important;}
	.mainNav a.active {background-position:left bottom }
	.mainNav a:focus {
  outline: none;
}

	.ui-tabs-hide {
	display: none;
}


.legende a{
	display: block;
		width:200px;
		height:19px;
		color:#60604D;
		padding:0 0 0 0;
		margin:0px 5px 5px 0px;
		font-size:12px;
		color:#FFF;
		text-decoration:none;
	
		
	position:relative;
	cursor:pointer;
	
	}


.legende a.int{ 
background: transparent url(../images/swapRefInternet.png) top left repeat-x; display: block;
	}
	
	.legende a.des{ 
background: transparent url(../images/swapRefDes.png) top left repeat-x; display: block;
	}
	
	.legende a.son{ 
background: transparent url(../images/swapRefSon.png) top left repeat-x; display: block;
	}
	
	.legende a.alle{ 
background: transparent url(../images/swapRefAlle.png) top left repeat-x; display: block;
	}
	
.legende a:hover {background-position:left bottom repeat-x}
	.legende a.open {background-position:left bottom repeat-x !important;}
	.legende a.active {background-position:left bottom repeat-x }
	.legende a:focus {
  outline: none;
}


.untNav {
	margin:0;
	padding: 0;
	list-style: none;
	
	
	}
	
	.untNav li{
	margin-left:0;
	padding: 0;
	list-style: none;
	float:left;
	
	}
	
.untNav a {
		display: block;
		width:47px;
		height:47px;
		color:#60604D;
		padding:0 0 0 0;
		margin:0px 3px 3px 0px;
		font-size:12px;
		background: transparent url(../images/swapRef.jpg) top left no-repeat;
		text-indent:-10000px;
	position:relative;
	cursor:pointer;
	}
	
.untNav a.refint {
		
	background: transparent url(../images/swapRefInternet.png) top left no-repeat;
	
	}	
	
	.untNav a.refdesign {
		
	background: transparent url(../images/swapRefDes.png) top left no-repeat;
	
	}	
	
	.untNav a.refsonst {
		
	background: transparent url(../images/swapRefSon.png) top left no-repeat;
	
	}	


.untNav a.active:link, .untNav a.active:visited, .untNav a:hover, .untNav a.open, .untNav li.ui-tabs-selected  {
		background-position:left bottom;
		color:#FFF;
		
	} 
	
	.untNav a.open {
		background-position:left bottom  !important;
		color:#FFF;
		
	} 
	
		.untNav a:focus {
  outline: none;
}


#aktuelles{width:250px; text-align:justify; padding: 20px 20px 20px 0;}


.aktuellesText{ border-bottom:1px #333 solid; padding-bottom:10px; margin-bottom: 10px;}

		
		
		
	.aktuellesText	a{
		color:#4b565a;
		font-weight:bold;
		text-decoration:none;
		background:transparent url(../images/pfeil.png) right top no-repeat;
			padding:4px 25px 0 0;
		}
		.aktuellesText a:hover, .aktuellesText a.toggler-opened{
		color:#fff;
		font-weight:bold;
		background:transparent url(../images/pfeil.png) right bottom no-repeat;
		}



#footMain{
	/*background: url(../pics/greenRepeat.png);
	background-repeat:repeat;*/
	background-color:#000;
	border-top:solid 1px #575757;
	position:fixed; 
	bottom:0; 
	left:0; 
	width:100%; 
	min-height:25px; 
	color:#FFF; 
	padding:3px 0 0 0;
	z-index:200;
	
	}


div.clear {		
		clear:both;		
		font-size: 1px;
		height: 0; /* Moderne Browser */
		line-height: 0; /* IE */
	}
	
	

		

#refTextContent{
	width:400px;
	height:auto;
	float:left;
}

/* Ausz etc.*/
.refIcon{width:600px; height:auto; margin-bottom:10px;}
.refIconImg{float:left; width:100px; color:#4b565a; font-weight:bold}
.refIconText{float:left; margin-left:10px; width:450px;}





.zemContactForm fieldset { border: 0px; }

.zemContactForm {line-height: 15px; padding: 10px; width:400px; height:auto; }

.zemContactForm label { float: left; width: 100px; margin: 0px 5px 0 0; text-align: right; }


.zemContactForm br { clear: both; }

.zemContactForm legend { display: none; }

.zemContactForm input, .zemContactForm select, .zemContactForm textarea { margin: 0 0 0.1em 0; background-color:#E8E8E8; border:solid 1px #C5C5C5; }



.zemContactForm fieldset .buttons { margin: 1em 0 1em 1em; }



.zemContactForm .zemCheckbox { float:left; margin: 0px 5px 5px 5px; }


ul.zemError { color: #910404; list-style-type: none; padding: 10px 0px; line-height: 20px; }

.zemThanks {color: #910404; font-style: italic; }




#ft {  }
#example { float: left; }
.ft-title { padding: 10px 10px; width: 480px; text-align: left; }


/*--- end:shared */



.ft-prev, .ft-next { background-color: #000; padding: 0 10px; }

.ft-button-ft-active { color: black; }



	.boxgrid{ 
				width: 123px; 
				height: 123px; 
				margin:0 0 3px 3px; 
				float:left; 
				background:none;
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#fff; 
					font-size:10px;
				
					
				}
				
				

				
				.boxgrid a{ color:#52889c; text-decoration:none; }
				.boxgrid a:hover{ color:#95a9b1; text-decoration:none; }
				.boxgrid h3{color:#4b565a; font-size:11px; padding-left:10px; width:100px;} 
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220;
 					left: 0;
 				}
				
				
				
				.basic  {
	width: 260px;
	font-family: verdana;
	border: 1px solid black;
}
.toggler p{width:510px; height:auto}
.toggler p a{color:#52889c; text-decoration:none; background:none; font-weight:normal; padding:0;}
.toggler p a:hover{color:#95a9b1; text-decoration:none; background:none; font-weight:normal; padding:0;}



#navFoot {
	
	width:auto;
	height:auto;
	padding-left:320px;
	
	
}

.navFootList{list-style:none; text-decoration:none; padding:0 0 0 0; margin:0;}
.navFootList li{list-style:none; text-decoration:none; font-size:11px; margin:0 10px 0 0; float:left;}
.navFootList li a{color:#fff; text-decoration:none;}
.navFootList li a:hover, .navFootList li a.active{color:#52889C;}