* {
	margin: 0;
	padding: 0;
	font-family:arial;
	font-size:12px;
	}

h1 {
	font-size:17px;
	}
	

#homepage {
 	background-color: #000;
	}	

	
#container {
       	width: 950px;
       	height: 700px;
        background: #000;
	overflow: hidden;
	position: relative;
	margin: auto auto;
	z-index: 1;
	}	

#containerlang {
       	width: 950px;
       	min-height: 700px;
        background: #000;
	overflow: hidden;
	position: relative;
	margin: auto auto;
	z-index: 1;
	}
	
#bg_main {
	position:absolute;
	z-index: 1;
	top: 261px;
	background: url(./images/bg_main.jpg);
	width:	950px;
	height: 244px;
	}

#bg_menuesub {
	position:absolute;
	z-index: 1;
	top: 54px;
	width:	950px;
	height: 30px;
	background: url(./images/bg_menuesub.jpg);
	}

#orange1,#orange2,#orange3,#orange4,#orange5,#orange6,#orange7,#orange8 {
	position:absolute;
	top: 21px;
	width: 13px;
	height: 22px;
	background: #fe5c1f;
	}

#orange1 {
	left:28px;	
	}
	
#orange2 {
	left:162px;	
	}	

#orange3 {
	left:291px;	
	}

#orange4 {
	left:411px;	
	}

#orange5 {
	left:531px;	
	}

#orange6 {
	left:652px;	
	}

#orange7 {
	left:777px;	
	}

#orange8 {
	left:904px;	
	}
	
#whisprs_sm {
	position:absolute;
	z-index:99;
	left: 56px;
	top:9px;
	}	
	
.menuemainpkt {
	position:absolute;
	z-index:98;
	top:23px;
	color: #fff;	
}
	
#menuemainpkt1 { left:176px; }
#menuemainpkt2 { left:305px; }
#menuemainpkt3 { left:425px; }
#menuemainpkt4 { left:545px; }
#menuemainpkt5 { left:666px; }
#menuemainpkt6 { left:791px; }

#menuemain a {
	width: 111px;
	float: left;
	display: block;
	font-size:14px;
	text-align: center;	
	text-decoration: none;
	color: #fff;
	}
	
#menuemain a:hover {
	color: #fe5c1f;
	}		
	
		
	
	
	
	
	
	
	
	
	
	



#impressum {
	position:absolute;
	z-index:99;
	top: 680px;
	left: 23px;
	}

#impressum a, #datenschutz a {
	font-size: 11px;
	text-decoration:none;
	color: #fff;
	}
	
#datenschutz {
	position:absolute;
	z-index:99;
	top: 680px;
	left: 826px;
	}
	
#friendslogo {
	font-size:16px;
	position:absolute;
	z-index:98;
	top: 670px;
	width:350px;
	left: 300px;
	text-align: center;	
	color: #fff;

	}	

#friendslogo a, #friendslogo a:hover {
	text-decoration:none;
	color: #fff;
	font-size:16px;
	}
		

#iframe {
	position:absolute;
	z-index:98;
	left:246px;
	top:121px;
	}	
	
#seramisbg {
	position:absolute;
	z-index:11;
	left:28px;
	top:74px;
	width: 887px;
	height: 581px;
	background: url(./images/seramisbg.jpg);
	}

#seramisfruehlingbg {
	position:absolute;
	z-index:11;
	left:28px;
	top:74px;
	width: 887px;
	height: 581px;
	background: url(./images/seramisfruehlingbg.jpg);
	}
	
#loading {
	position:absolute;
	z-index:13;
	left:529px;
	top:341px;
	width: 46px;
	height: 46px;
	background: url(./images/loading4.gif);
	}

#projektex {
	position:absolute;
	z-index:12;
	left:836px;
	top:96px;
	width: 22px;
	height: 26px;
	background: url(./images/projekte_x.gif);
	}

.schalter {
	cursor: hand;
	cursor: pointer;
	}

div.box1 {
	position: absolute;
	left:102px;
	top: 95px;
	width: 590px;
	height:312px;
	z-index:5;
	overflow:hidden;
	border:1px solid #f5af96;
	background: #fff;
	}

div.box1big {
	position: absolute;
	left:28px;
	top: 77px;
	width: 888px;
	height: 577px;
	z-index:200;
	border:1px solid #f5af96;
	}


div.box2 {
	position: absolute;
	left:718px;
	top: 293px;
	width: 161px;
	height:130px;
	z-index:5;
	overflow:hidden;
	border:1px solid #f5af96;
	background: #fff;

	}

div.box2big {
	position: absolute;
	left:28px;
	top: 77px;
	width: 888px;
	height: 577px;
	z-index:200;
	border:1px solid #f5af96;
	}


div.box3 {
	position: absolute;
	left:604px;
	top: 449px;
	width: 297px;
	height:202px;
	z-index:5;
	overflow:hidden;
	border:1px solid #f5af96;
	background: #fff;
	}

div.box3big {
	position: absolute;
	left:28px;
	top: 77px;
	width: 888px;
	height: 577px;
	z-index:200;
	border:1px solid #f5af96;
	}

div.box4 {
	position: absolute;
	left:67px;
	top: 437px;
	width: 423px;
	height:202px;
	z-index:5;
	overflow:hidden;	
	border:1px solid #f5af96;
	background: #fff;
	}



#box1innen, #box2innen, #box3innen, #box4innen {
	height: 539px;
	padding:10px 10px 10px 10px;
	margin-top:18px;
	color: #808080;
	background: #fff;
	}

#box1innen a, #box2innen a, #box3innen a, #box4innen a {
	color: #fe5c1f;
	text-decoration: none;
	}

#box1innen a:hover, #box2innen a:hover, #box3innen a:hover, #box4innen a:hover {
	color: #808080;
	}

	
#box1schatten {
	position: absolute;
	left:102px;
	top: 410px;
	width: 592px;
	height: 53px;
	z-index:4;
	background: url(./images/boxschatten.jpg) repeat-x;
	}
	
#box2schatten {
	position: absolute;
	left:718px;
	top: 426px;
	width: 163px;
	height: 53px;
	z-index:4;
	background: url(./images/boxschatten.jpg) repeat-x;
	}	
	
#box3schatten {
	position: absolute;
	left:604px;
	top: 654px;
	width: 299px;
	height: 53px;
	z-index:4;
	background: url(./images/boxschatten.jpg) repeat-x;
	}	

#box4schatten {
	position: absolute;
	left:67px;
	top: 642px;
	width: 425px;
	height: 53px;
	z-index:4;
	background: url(./images/boxschatten.jpg) repeat-x;
	}

#boxoben {
	background: url(./images/orange_m.gif) repeat-x;
	}

#boxoben, #boxoben1, #boxoben2, #boxoben3, #boxoben4 {
	position: absolute;
	left:0px;
	top: 0px;
	width: 100%;
	height: 18px;
	z-index:0;
	text-align: center;	
	letter-spacing: 1px;
	color: #fff;
	overflow:hidden;
	}


.orange_l {
	width: 4px;
	height: 18px;
	background: url(./images/orange_l.gif) repeat-x;
	float:left;
	}	
	
.orange_m {
	height: 18px;
	float:left;
	}	
	
.orange_r {
	width: 4px;
	height: 18px;
	background: url(./images/orange_r.gif) repeat-x;
	float:right;
	}	

#orange_x99 {
	position: absolute;
	z-index:201;
	left:896px;
	top: 78px;
	width: 22px;
	height: 18px;
	background: url(./images/orange_x.gif) repeat-x;
	cursor:hand;
	cursor: pointer
	}	
	
#orange_x99 a {
	width: 18px;
	height: 18px;
	float:right;
	display:block;
	}

#orange_zoom1, #orange_zoom2, #orange_zoom3, #orange_zoom4 {
	position: absolute;
	z-index:201;
	right:0px;
	top: 0px;
	width: 22px;
	height: 18px;
	cursor:hand;
	cursor: pointer;
	color: #000;
	}

	
#login {
	margin:auto;
	width: 150px;
	border: 1px solid red;

	}

#login * {
	color: #808080;
	}

#links {
	width:410px;
	float:left;
	text-align: justify;
	}

#rechts {
	width:400px;
	float:left;
	padding-left: 50px;
	}

#center {
	width:500px;
	margin:auto;
	}

.red {
	color: #ff0000;
	}
	
.checklist li {
	padding: 3px 0px 3px 10px;
	margin-left:25px;
	list-style-image: url(./images/checklist.gif)
	}
	
#whisprsbig {
	position:absolute;
	z-index:2;
	left:236px;
	top:207px;
	width:546px;
	height:376px;
	background: url(./images/whisprs_big.jpg);
	opacity: 0;
	}
	
#whisprsbig a {
	width:546px;
	height:376px;
	display:block;
	text-decoration:none;
	}


#warnung {
	position:absolute;
	z-index:300;
	left:236px;
	top:100px;
	width:546px;
	height:376px;
	background: #fff;
	border:2px solid red;
	opacity: 0;
	padding: 50px;
	}	
	
#mywsmall {
	width:400px;
	text-align: left;
}

	
.small {
	font-size: 10px;
	line-height:12px;
	}	
	
.fragebogen {
	width:500px;
}

.tableborder table{
	border-collapse: collapse;
}

.tableborder table tr td{
	border: 1px solid #ccc;
	border-collapse: collapse;
	padding: 3px;
}

.fragebogen3er {
	width:100px;
	text-align: center;
}

.fragebogen3ermini {
	width:65px;
	text-align: center;
}

.fragebogen5er {
	width:50px;
	text-align: center;
}

div.box1lang {
	position: absolute;
	left:28px;
	top: 77px;
	width: 888px;
	min-height: 577px;
	z-index:200;
	border:1px solid #f5af96;
	}

#boxlanginnen {
	min-height: 539px;
	padding:10px 10px 10px 10px;
	margin-top:18px;
	color: #808080;
	background: #fff;
	}
	
#container2 {
   	width: 950px;
   	min-height: 700px;
    background: #000;
	overflow: show;
	position: relative;
	margin: auto auto;
	z-index: 1;
	}	

#center2 {
	width:600px;
	margin:auto;
	padding-top:20px;
	}	
	
.projektebig {
	width:100%;
}

.projektebig tr td{
	padding:10px 2px 10px 2px;
}

.projektesmall tr td{
	padding:5px 2px 5px 2px;
}

#projektclosed {
	background:#fff;
	padding:10px 20px 10px 20px;
	font-size:10px;
	color:#87888a;	

}

#projektclosed a{
	text-decoration: none;
	color: #87888a;
	font-size: 10px;

}