@charset "utf-8";
/* CSS Document */

body {
  padding: 0px;
  margin: 0px;
  background-color: #FCFCFC;
  height: 100%;
  
}

a.active{
	color: #E5E5E5;
	text-decoration: underline;
	font-weight: bold;

}



#imp
{
  position: absolute;
  top: 5px;
  left: 930px;
  
}


#outer-container
{ 
  position:absolute; 
  top:50%; 
  height:10em;  
  width:100%;
} 
 
#wrapper
{
   height:100%;
   position: relative;
   width:100%;
}

#inner-container
{ 
 margin:auto; 
  margin-top: -288px; 
  position:relative;
  width:100%;
  height:576px;

}

#page-header {
	width: 100%;
	height: 100px;
	margin: auto;
	background: 
	            url(../images/5u.gif) no-repeat;
	background-position: center;
}

#page-submenu {
	text-decoration: none;
	font-family: Tahoma;
	font-size: 12px;
	color: #333333;
	position: relative;
	width: 1000px;
	height: 30px;
	margin: auto;
	
}


h2{
  font-family: Tahoma;
  font-size: 16px;
  letter-spacing: 4px;
  color: #333333;
  
}


h1{
   display: inline; 
   font-family: Tahoma; 
   font-size: 24px;
   color: #333333;
   font-weight: normal;
  
}

h3{
   display: inline; 
   font-family: Tahoma; 
   font-size: 22px;
   color: #333333;
   font-weight: normal;
  
}








.obj
{
  padding-top: 0px;
  height: 125px;
  
  
}

.ft
{
  height: 10px;
  background: 
	            url(../images/ft.png) no-repeat;
  
}
.tha
{
  padding-top: 5px;
  height: 25px;
  background: 
	            url(../images/th.png) no-repeat;
	background-position: bottom center;
  
}







p {
  
  font-family: Tahoma;
  font-size: 12px;
  margin: 0px;
  padding: 0px;
  color: #333333;
  
  
}

.titel
{
  
  font-size: 28px;
}

.short
{
  font-weight: bold;
  font-size: 12px;
  
}

.beschreibung
{
  
  
  font-size:  12px;
  
}

.konzepth
{
  font-size: 16px;
  font-weight: bolder;
  
}

.slogan
{
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 2px;
  
  
}

.konzept
{
  font-size: 13px;
  margin-bottom: 10px;
  margin-top: 0px;
}

.konzeptt
{
	font-size: 14px;
	margin-bottom: 0px;
	font-weight: bold;
	

}


#page-line{
width: 100%;
	height: 5px;
	margin: auto;
	background: 
	            url(../images/5u_line.gif) no-repeat;
	background-position: center;
	font-size: 1px;

}

#page-content{
position: relative;
width: 1000px;
height: 390px;
margin: auto;
}



#page-content img
{
  
}

.slideshowThumbnail {

	width: 90px;
	height: 66px;
}


#page-content a{
  
  text-decoration: none;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #333333;

  
  
}






#page-footer{
position: relative;
width: 100%;
	height: 50px;
	background: 
	            url(../images/5u_footer.gif) no-repeat;
	background-position: center;

}

#header{
width: 1000px;
	height: 100px;
	margin: auto;
	background: 
	            url(../images/5u_2.png) no-repeat;
	background-position: center;

}

#line{
width: 1000px;
	height: 5px;
	margin: auto;
	background: 
	            url(../images/5u_line.png) no-repeat;
	background-position: center;

}

#footer{
position: relative;
width: 1000px;
	height: 50px;
	margin: auto;
	background: 
	            url(../images/5ufooter_2.png) no-repeat;
	background-position: center;

}



#menu
{position: absolute;
height: 67px;
padding: 0px 0px 0px 0px;
margin: 76px 0px 0px 0px;
}



#menu ul {
	margin: 0;
	padding: 0px 0 0 0px;
	line-height: normal;
	list-style-type: none;
	display: inline;
}

#menu li {
	float:left;
	width: 120px;
  	
  	padding: 0;
	
}

#menu a.active{
	color: #00ac00;
	background:
	            url(../images/button_active.gif);

}

#menu a.active:hover{
	text-decoration: underline;
	color: #00ac00;
	background:
	            url(../images/button_active.gif);

}

#menu a {
	float: left;
	background:
	            url(../images/button_v2.gif);
	text-decoration: none;
	text-transform: uppercase;
	font-family: Tahoma;
	font-size: 12px;
	color: #FFFFFF;
	width:120px;
	padding-top:5px;
	padding-bottom:5px;
  	text-align:center;
}

#menu a:hover {
	text-decoration: underline;
	background:
	            url(../images/button_v2.gif);
	color: #FFFFFF;
	
}

#subadresse{
display: inline;
position: absolute;
left: 5px;
top: 10px;
font-family: Tahoma;
font-size: 12px;
height: 15px;
width: 800px;    
  
  
}

#subadresse a{
 float: none;
 font-family: Tahoma;
 font-size: 12px;
 text-decoration: underline;
 width: 200px; 
  
  
}

#mail{
position: absolute;  
top: 9px;
left: 530px;
font-family: Tahoma;
font-size: 12px;
height: 15px;
width: 800px;
text-decoration: underline;
width: 200px;
color: #333333;
  
  
}

#mail a{
  width: 400px;
  font-family: Tahoma;
font-size: 12px;
color: #333333;
  
}

#submenu
{

text-decoration: none;
font-family: Tahoma;
font-size: 14px;  
padding-top:5px;
padding-bottom:5px;
position: absolute;
margin-top: 2px;
height: 25px;
width: 1000px;
}

#submenu2
{

text-decoration: none;
font-family: Tahoma;
font-size: 14px;  
padding-top:5px;
padding-bottom:5px;
position: absolute;
margin-top: 2px;
height: 25px;
width: 1000px;
}

#link_fw{
top: 0px;
width: 600px;
text-align: center;

}

#link_q{
position: absolute;
top: 350px;
left: 500px;
width: 100px;
text-align: center;


}




#submenu ul {
	margin: 0;
	padding: 0px 0 0 0px;
	line-height: normal;
	list-style-type: none;
	display: inline;
}

#submenu li {
	float:left;
	width: 120px;
  	
  	padding: 0;
	
}



#submenu a.active{
	color: #333333;
	text-decoration: underline;

}

#imp a.imp{
  color: #333333;
  text-decoration: none;
  width: auto;
  font-size: 12px;
	padding-top:5px;
	padding-bottom:5px;
  	text-align:center;
}


#submenu a {
	float: left;
	color: #333333;
	text-decoration: none;
	font-family: Tahoma;
	font-size: 12px;
	width:120px;
	padding-top:5px;
	padding-bottom:5px;
  	text-align:center;
}



#submenue p{
  text-decoration: none;
	font-family: Tahoma;
	font-size: 12px;
  padding-top:5px;
	padding-bottom:5px;
  
  
}

#submenu a:hover {
	text-decoration: underline;
	color: #00ac00
	
}


#slogans
{
position: absolute;
margin-left: 20px;
width: 460px;
height: 300px;
font-family: Tahoma;
font-size: 24px;
font-style: italic;


}

#dummytext
{
position: absolute;
margin-top: 20px;
margin-left: 0px;
width: 480px;
height: 300px;
font-family: Tahoma;
font-size: 24px;


}


#slogans a{
color: #00ac00;
font-size: 16px; 

}



#diashow{
font-family: Tahoma;
position: absolute;
margin-bottom: 5px;
margin-top: 10px;
width: 500px;
margin-left: 500px;
}


.slideshowContainer {
	border: 1px solid #ccc;
	width: 400px;
	height: 300px;
	
	
}

.loading {
	background: url(images/loading.gif) center no-repeat;
}

.slideshowThumbnail {
	outline: none;
}

.slideshowThumbnail img {
	border: 1px solid white;
	padding: 4px;
	width: 90px;
	height:  66px;
}

.objektshowThumbnail img {
	border: 1px solid white;
	padding: 4px;
	width: 90px;
	height:  66px;
}

a:hover.slideshowThumbnail img {
	border: 1px solid #ccc;
	padding: 4px;
}

.current img {
	border: 1px solid red;
	padding: 5px;
}

.outline {
	border: 1px solid orange;
	z-index: 0;
	position: absolute;
}

#thumbnails {
	/*width: 130px;
	float: left;*/
}

#verfahren-menue{
  position: absolute;
  margin-left: 5px;
  margin-top: 25px;
  margin-bottom: 25px;
  width: 195px;
  height: 300px;
  
}

#verfahren-menue a.active{
	color: #00ac00;
	text-decoration: underline;
	font-weight: bold;

}


	


#verfahren-menue a {
	float: left;
	text-decoration: none;
	font-family: Tahoma;
	font-size: 12px;
	font-weight:normal;
	color: #333333;
	width:120px;
	padding-top:5px;
	padding-bottom:5px;
}

#verfahren-menue a:hover {
	text-decoration: underline;
	color: #333333;
	
}



#verfahren-text{
position: absolute;  
margin-top: 20px;
margin-left: 175px;
margin-bottom: 25px; 
width: 400px;
height: 310px;

  
}

#verfahren-image{

position: absolute;
margin-top: 22px; 
margin-left: 810px;
margin-bottom: 25px;
width: 190px;
height: 340px;

}

#verfahren-text image{
  
  text-decoration: none;
  
}

#verfahren-text a.active{
	color: #00ac00;
	text-decoration: underline;
	font-weight: bold;

}

#verfahren-text td{
  
  padding: 0px 2px 0px 5px;
  margin-bottom: 10px;
}

#verfahren-text td.unten{
  
  padding-left:0px;
  padding: 0px;
  
}

#verfahren-text table{
  margin-bottom: 10px;
}
	


#verfahren-text a {
	
	text-decoration: none;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	width:120px;


}




#verfahren-text a:hover {
	text-decoration: underline;
	color: #333333;
	
}

#verfahren-text h1{
  
  font-size: 14px;
	text-decoration: underline;
  
}




#angebot_line{
  
position: absolute;
left: 0px;
top:  15px;
width: 1000px;
height: 5px;
	background: 
	            url(../images/5u_line.png) no-repeat;
}


#angebot_header{
position: absolute;
left:  0px;
top:  20px;
padding: 20px;
width: 1000px;
height: 100px;

}

#qiu-logo{
position: absolute;  
left: 850px;
top: 35px;
height: 60px;
width: 140px;
  
  
}

#angebot_adresse{
  display:none;
}

#angebot_footer{
position: absolute;
top: 500px;
left: 0px;
width: 1000px;
height: 50px;
background: 
	            url(../images/5ufooter_2.png) no-repeat;


}

#angebot_text
{

position: absolute;
padding: 20px;
top: 75px;
left: 0px;
float: left;
width: 480px;
height: 350px;

}

#angebot_pic{
position: absolute;
left: 500px;
top: 100px;
width: 400px;
height: 400px;
padding: 10px;


}

#angebot_menue{
position: relative;
width: 400px;
height: 100px;
padding: 10px;


}
#angebot_menue a.active{
	color: #00ac00;
	text-decoration: underline;
	font-weight: bold;

}

#angebot_thumbnails
{
position: absolute;
left: 920px;
top: 110px;
width: 100px;
height: 600px;
}

#admintext
{
  position: absolute;
  left: 10px;
  top: 10px;
  width: 500px;
}


#adminoptions
{
  position: absolute;
  left: 500px;
  top: 50px;
}

#teamtext
{
  font-family: Tahoma;
  padding: 5px;
	font-size: 12px;
	color: #333333;
  position: absolute;
  left: 50px;
  top: 20px;
  width: 410px;
  height: 160px;
  background-color: #E5E5E5;
}

#teaminfo{
  font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
  position: absolute;
  top: 200px;
  left: 66px;
  width: 325px;
  height: 20px;
}
#teamimg{
  position: absolute;
  top: 20px;
  left: 495px;
  width: 440px;
  height: 200px;
}
#mitarbeiter{
  font-family: Tahoma;
	font-size: 12px;
	color: #333333;
  position: absolute;
  top: 230px;
  left: 63px;
  width: 900px;
  height: 180px;
}


#koop-menue{
  position: absolute;
  top: 10px;
  left: 200px;
  width: 400px;
  height: 300px;
  
}

#koop-menue a.active{
	color: #00ac00;
	text-decoration: underline;
	font-weight: bold;

}



#koop-pic
{
  position: absolute;
  left: 600px;
  top: 25px;
  
}
	


#koop-menue a {
	float: left;
	text-decoration: none;
	line-height: 27px;
	font-family: Tahoma;
	font-size: 20px;
	font-weight: normal;
	color: #333333;
}

#koop-menue a:hover {
	text-decoration: underline;
	color: #333333;
	
}

#kontakt{
  position: absolute;
  height: 400px;
  width: 455px;
  left: 50px;
  top: 5px;
  
  
}


#adresse{
  position: absolute;
  height: 200px;
  width: 400px;
  left: 550px;
  top: 120px;
}
#adresse a{
  font-size: 22px;
  text-decoration: underline;
  font-weight: normal;


}
#kauefertext{
  position: absolute;
  width: 600px;
  height: 400px;
  left: 200px;
  top: 50px;
}

input, select, textarea { font-size:13px; font-family:Tahoma;}
textarea {margin: 0px;}