/*
  css Datei copyright by ilch.de
  erstellt von scaRFhogg
  seite: www.daiwai.de

  --

  Design copyright by ilch.de
  erstellt von fanguro
  seite: www.zurro.de

  --

  Support auf www.webd-sign.at
*/
hr {width: 100%;
    background-color: #333;
	color:#333;
    }
h3 { color:#0571B1;
font-size:18px;}



.menu {
	
width:590px; 
font-size:0.85em;
padding:0px 0 0 350px;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {

}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
margin-left: 5px;
position:relative;

}




/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:11px;
text-decoration:none; 
color:#fff; 
 
height:30px; 
background:#17202c url(img/navbg.jpg) repeat-x bottom; 
bottom:0;
line-height:29px;
padding:40px 5px 0 5px;
text-align:center;
margin-left:11px;
margin-right:11px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {

}



/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0; 

}



/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#626262; 
background:#17212C url(img/bgnavhover.jpg) repeat-x bottom;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#626262;
background:#17212C url(img/bgnavhover.jpg) repeat-x bottom;
}

#navigation .active {color:#fff; 
background:#0571B1 url(img/navbgactive.jpg) repeat-x bottom; }

#nav2header{overflow:hidden;}

#nav2header ul{
padding:0;
margin:0;
list-style-type:none;
}

#nav2header .active{
background: #14191F url(img/ecke.jpg) top right no-repeat;
padding-left:25px;
color:#ffffff;
}
#nav2header ul{
list-style-type:none;
margin: 0px;
  padding: 0px;
  ;
  }


#nav2header ul li a {

display:none;
}


#nav2header ul ul li a{
display:block;
margin:0 0 5px 0;
padding:6px 0px 6px 10px;
width:150px;
font-size:13px;
text-decoration: none;
text-underline: none;
background:#0571B1;
display: block;
color:#ffffff;

}
#nav2header ul li a:hover{
background: #14191F url(img/ecke.jpg) top right no-repeat;

}
body {
  margin: 0;
  padding: 0;
  text-align: center;
  font:12px 'Helvetica Neue',Arial,Helvetica,'Lucida Grande',Verdana,sans-serif;
width: 100%;
  background-color: #14191F;
background-image: url(img/bghd.jpg);
position:relative;
color:#FFFFFF;

  
}
#wrapanfang{background: url(img/headerbg1.png) repeat-x;
width:100%;
height:100%;
position:relative;
}
#wrap {

  width: 980px;
  text-align: left;
height:100%;
 margin: 0 auto 0 auto;

}

#header {
  background: url(img/header.png);
  height: 342px;
  color:#FFFFFF;
  width:980px;
 
}
#header h1 {
  display: inline;
  position: absolute;
  top: 110px; left: 100px;
  color: #fff;
  font-family: 'Trebuchet MS';
  font-weight: normal;
  font-size: 24px;
}
#top2 {
	margin-top:20px;
  background: url(img/top2.gif) no-repeat;
  height: 20px;
 
}
#top2footer {
	margin-bottom:50px;
  background: url(img/top2footer.gif) no-repeat;
  height: 20px;
 
}

#content1{
  background:#14191F;
  background-repeat: repeat;
  width: 540px;
  float:left;
  padding-left:40px;
  
}

#nav2{ float:left;
width:300px;
margin-left: 64px;
background:url(img/nav2header.jpg) no-repeat;
}
#nav2header{  
background:#3DA6E7 url(img/nav2footer.jpg) no-repeat bottom;
width:286px;
margin: 0 0px 0 7px;
padding-bottom:10px;
padding-top:35px;
min-height:200px;

}

.tagcloud{ float:left;
width:300px;
margin-left: 0px;
background:url(img/cloudtopr.jpg) no-repeat top;
margin-top: 20px;
}
.tagcloudheader{  
background: url(img/nav2footer.jpg) no-repeat bottom;
width:286px;
margin: 0 0px 0 7px;
padding-bottom:10px;
padding-top:15px;


}
.cloudinhalt{

margin-left: -7px;
background:url(img/boxbg.jpg) repeat-y;

padding: 0 5px 5px 20px;
}

#footeraussen {
  background: url(img/footerbg.png) repeat-x;
width:100%;
 
}
#footer {
  background: url(img/footer.png) top;
  min-height: 145px;
  position: relative;
  width: 980px;
  text-align: left;
  margin: 0 auto 0 auto;
}

#footeraussen ul {
padding:0;
margin:0;
list-style-type:none;
}
#left_col {
  width: 158px;
  float: left;
  padding-top: 0px;
  padding-left: 9px;
  padding-right: 18px;
  padding-bottom: 0px;
  color: #fff;
  overflow: hidden;
}

#left_col .Cmite, #left_col .Cnorm, #left_col .Cdark {
  color: #000000;
}

#left_col a {
  color: #CCCCCC;
}

#left_col .menu_heading
{
  color: #000;
  display:block;
  letter-spacing: 1px;
  font-size: 11px;
  padding: 0  0 3px 5px;
}

#main_col {
  width: 100%;
  float: left;
  padding-top: 0px;
  margin-left: 0px;
 padding-right: 0px;
  padding-bottom: 0px;
  clear: none;
  min-height: 100px;
  color: #FFF;
  
}




#right_col1 {
  width: 141px;
  float: left;
  padding-top: 0px;
  padding-left: 7px;
  padding-right: 10px;
  padding-bottom: 0px;
  overflow: hidden;
}
#right_col2 {
  width: 141px;
  float: right;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 14px;
  padding-bottom: 0px;
  overflow: hidden;
}

#right_col1 .menu_heading,
#right_col2 .menu_heading
{
  color:#fff;
  font-size:11px;
  letter-spacing: 1px;
}

#left_col ul
{
  padding: 0;
  margin: 0;
  list-style: inside url(img/box_menu_pfeil.gif);
  width: 149px;
}

#left_col li
{
  margin:0;
  padding: 5px 0 0 2px;
  background: url(img/box_menu_trennlinie.gif) no-repeat bottom;
}

#left_col li ul
{
  width: 146px;
  background: url(img/box_menu_trennlinie.gif) no-repeat top;
}

#left_col li li
{
    padding-left: 16px;
}
#left_col li a
{
  color: #fff;
  padding-left: 8px;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
}

td
{
  font-family: Verdana;
  font-size: 12px;
}

a, #left_col .Cmite a, #left_col .Cnorm a, #left_col .Cdark a
{
  color: #2FABDE;
	font-family: Verdana;
	font-size: 12px;
	text-decoration: underline;
}

a:hover
{
  text-decoration: none;
}

a.box
{
  color: #003366;
	font-family: Verdana;
	font-size: 11px;
	text-decoration: underline;
}

a.box:hover
{
  text-decoration: none;
}

.Chead
{
  background: #16639b;
  color: #9dbdd4;
}



.Cheadkalender
{
background:#35acff;
  color: #9dbdd4;
}

.Chead a
{
  color: #9dbdd4;
}

.Chead td, .Chead td strong, .Chead h4, .Chead td b
{
  background: #16639b;
  color: #9dbdd4;
}

.Callg
{
  background-color: #EFEFEF;
	color: #000000;
}

.Callg td
{
  color: #000000;
}

.Cnorm
{
  background-color: #e5e5e5;
}
.Cmite
{
  background-color: #B4C6D8;
}
.Cdark
{
  background-color: #9AB1C8;
}

.rand
{
  border: solid #FFFFFF 1px;
}

.smalfont
{
    font-size: 10px;
		text-decoration: none;
}

.border
{
   background-color: #185685;
}


input, textarea, select
{
    color:#5b5b5b;
    font: 12px Verdana;
    border-color: #c8c8c8;
  	border-width: 2px;
    border-style: solid;
    
    text-decoration: none;
    background-color: #ffffff;
}

input:focus, input.sffocus, textarea:focus {
border: 2px solid #0571B1;
}

#kontaktmail input, #kontaktmail textarea, #kontaktmail select
{
    color:#5b5b5b;
	padding:2px;
    font: 14px Verdana;
    border-color: #c8c8c8;
  	border-width: 2px;
    border-style: solid;
   
    text-decoration: none;
    background-color: #ffffff;
}

#kontaktmail input:focus, #kontaktmail textarea:focus {
border: 2px solid #0571B1;
}

#header input:focus, #header textarea:focus {
border: 2px solid #0571B1;
}



#umfragebox textarea{     color:#5b5b5b;
padding:2px;
font: 14px Verdana;
background-color:#ffffff;
border-color: #b9b9b9;
  	border-width: 2px;
    border-style: solid;}
	
.LV_valid {
padding-left:10px;
color:#009900;
}
	
.LV_invalid {
padding-left:10px;
	color:#CA007A;
}

#pflichtfelder{padding-left: 120px;}

#webdesign a {

color:#FFFFFF;
font-size:9px;}

#webdesign {padding-top:60px;
padding-left:20px;}

/* einstellungen für 4seiten slide ANFANG*/
.qitem {
	width:180px;
	height:180px;	
	border:8px solid #fff;	
	margin:5px 5px 5px 0;
	background: url('img/BG4ecken.gif') no-repeat;
	
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
	cursor:hand; cursor:pointer;
}

	.qitem img {
		border:0;
	
		/* allow javascript moves the img position*/
		position:absolute;
		z-index:200;
	}

	.qitem .caption {
		position:absolute;
		z-index:0;	
		color:#ccc;
		display:block;
	}

		.qitem .caption h4 {
			font-size:12px;
			padding:10px 5px 0 8px;
			margin:0;
			color:#91D810;
		}

		.qitem .caption p {
			font-size:10px;	
			padding:3px 5px 0 8px;
			margin:0;
		}



/* Setting for corners */

.topLeft, .topRight, .bottomLeft, .bottomRight {
	position:absolute;
	background-repeat: no-repeat; 
	float:left;
}

.topLeft {
	background-position: top left; 	
} 

.topRight {
	background-position: top right; 
} 

.bottomLeft {
	background-position: bottom left; 
} 

.bottomRight {
	background-position: bottom right; 
}

.clear {
	clear:both;	
}

/* Einstellungen für 4 Seiten slide ENDE*/
	
	
	#homeinhalt{
background: url(img/taegehome.jpg) no-repeat ;
 width: 100%;

  padding-top: 50px;
  margin-left: 0px;
 padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 20px;
  clear: none;
  min-height: 1400px;
  color: #FFF;
  position:relative;
}
	
	#allink{
margin:0px;
background: transparent url(img/allink.jpg);
width:250px;
height:139px;
padding: 5px 0px 0 150px;
float:left;
}


#allink:hover{
margin:0;
background: transparent url(img/allink.jpg);
background-position: 0 -144px;
width:250px;
height:139px;
}

#ecorechner{
float:left;
margin:10px 0 0 30px;
background: transparent url(img/ecorechner.jpg);
width:250px;
height:139px;
padding: 5px 0px 0 150px;
}


#ecorechner:hover{

background: transparent url(img/ecorechner.jpg);
background-position: 0 -144px;
width:250px;
height:139px;
}

#service{
margin:0px 0 0 30px;
background: transparent url(img/service.jpg);
width:250px;
height:139px;
padding: 5px 0px 0 150px;
float:left;
}


#service:hover{

background: transparent url(img/service.jpg);
background-position: 0 -144px;
width:250px;
height:139px;
}

#oeko{
float:left;
margin:110px 0 0 0px;
background: transparent url(img/oeko.jpg);
width:250px;
height:139px;
padding: 5px 0px 0 150px;
}


#oeko:hover{

background: transparent url(img/oeko.jpg);
background-position: 0 -144px;
width:250px;
height:139px;
}

#prozent{
margin:10px 0 0 0px;
background: transparent url(img/prozent.jpg);
width:250px;
height:150px;
padding: 5px 0px 0 150px;
float:left;
}


#prozent:hover{

background: transparent url(img/prozent.jpg) no-repeat;
background-position: 0 -171px;
width:250px;
height:150px;
}

#quali{
float:left;
margin:110px 0 0 20px;
background: transparent url(img/quali.jpg) no-repeat;
width:250px;
height:139px;
padding: 5px 0px 0 220px;
}


#quali:hover{

background: transparent url(img/quali.jpg) no-repeat;
background-position: 0 -171px;
width:250px;
height:139px;
}

#jobs {
margin: 97px 0 0 240px;
position:absolute;
z-index:10000;
}

#finanz {
margin: 155px 0 0 640px;
position:absolute;
z-index:10000;
}