/* CSS Document */

/*-----------------------------------------------------------------------------
[Arlt] Screen Stylesheet

version:   1.0
date:      13.11.2007
author:    [your email]
-----------------------------------------------------------------------------*/

*{
	margin:0px;
	padding:0px;
	border:0px;
	}

.clear{
	clear:both;
	}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%/1.5;
	background-color:#666;
	text-align:center;
	}

h1{
	font-size: 13pt;
	color: #cd0921;
	clear:left;
	padding:0;
	border-bottom:1px solid #cd0921;
	width:400px;
	}

h2{
	font-size: 11pt;
	color: #666;
	clear:left;
	padding-top: 15px;
	}

/*-----------Head-----------------------------------*/

#wrapper{
	width:950px;
	margin: 0px auto;
	text-align:left;
	}

#head{
	background-image:url(img/bg_head.jpg);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	width: 950px;
	height: 123px;
	float: left;
	}
 
 
#head_admin{
	background-image:url(img/bg_head_admin.jpg);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	width: 950px;
	height: 123px;
	float: left;
	}


#head img{
	float:right;
	margin: 24px 10px 24px 0px;
	}
 
#head_admin img{
	float:right;
	margin: 24px 10px 24px 0px;
	}




/*-----------Navi-----------------------------------*/

#navi{
	width: 950px;
	float:left;
	height:31px;
	}

#navi ul{
	list-style-type: none;
	float:left;
	}

#navi ul li{
	display: inline;
	width:117px;
	float:left;
	height:31px;
	text-align:center;
	border-left: 1px solid #e66890;
	border-right: 1px solid #8a0003;
	}

#navi li a:link,#navi li a:visited{
 background-image:url(img/bg_navi.jpg);
        background-position: left top;
	background-repeat: no-repeat;
	display:block;
	height: 26px;
	text-decoration: none;
	font-size: 10pt;
	font-weight: bold;
	color:#FFFFFF;
	padding-top: 7px;
	}

#navi li a:hover{
 background-image:url(img/bg_navi.jpg);
	background-position: left -41px;
	background-repeat: no-repeat;
	}

#navi li.first{
	border-left: none;
	}

#navi li.last,#footer li.last{
	border-right: none;
 	}
  


  

body#stellen a#stellen,body#brueckenbau a#brueckenbau,body#hochbau a#hochbau,body#tiefbau a#tiefbau,body#strassenbau a#strassenbau,body#abbruch a#abbruch,body#aktuell a#aktuell,body#kontakt a#kontakt{
	background-image:url(img/bg_navi.jpg);
	background-position: left -41px;
	background-repeat: no-repeat;
	}


/*-----------unternavi-----------------------------------*/



/*-----------Content-----------------------------------*/

#unaviDIv{
    position: absolute;
	top:15px;
	left:125px;
    width:800px;
	float:right;
	text-align:right;
	height:200px;
	}

/* ul */
#unavi ul{
    list-style-type:none;
	list-style:none;
	float:right;
	margin:0px;
	width:800px;
	}


#unavi li{
	list-style:none;
    display:inline;
    float:right;
	text-align:center;
    padding:5px 3px 5px 3px;
	margin:0px;
	width:auto;
	}

#unavi li a:link,#unavi li a:visited{
	height:100px;
	text-decoration:none;
	font-size:10pt;
	font-weight:bold;
	color:#990000;
    padding:3px;
/*	border:0px solid #ccc;*/
	}

#unavi li a:hover{
    padding: 3px;
/*	border: 0px solid #ccc;*/
	color:#000000;
	}
/*
* html ul#unavi a, * html ul#unavi span {
    width: 1em;    /* nur fuer IE 5.0x erforderlich */
/*    width: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
/*  } */





#content{
	position:relative;
	float:left;
	width: 890px;
/*	min-height:400px;*/
	background-color: #FFFFFF;
	color: #666;
	padding: 24px 30px 10px 30px;
	clear:both;
	
	}

#content_start{
	position:relative;
	float:left;
	width: 950px;
	min-height:350px;
	background-color: #FFFFFF;
	color: #666;
	padding: 0px;
	overflow:hidden;
	}

#content_start p.ani{
	width:950px;
	height: 350px;
	margin:0px;
	text-align:center;
	}

#texte{
	width:420px;
	float:left;
	line-height:130%;
	
	}

#texte_tabelle{

 top:35px;
	width:840px;
	float:left;
	line-height:130%;
	min-height:350px;
	padding-right:15px;
	
	}
 
 #texte_tabelle_admin{
	width:880px;
	float:left;
	line-height:130%;
	padding-right:15px;
	}
 
#texte_haftung{
	width:100%;
	float:left;
	line-height:130%;
	}

#texte4cols{
	width:100%;
	float:left;
	line-height:130%;
	
	}

.MsoNormal {
	padding-right:20px;
	color: #000000;
	line-height:130%;
}

P {
	color: #000000;
	line-height:130%;
}

.feldbezeichnung {
	color: #000000;
	line-height:130%;
	width:400px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	vertical-align:top;
	padding-bottom:5px;	
}

.feld{
	color: #000000;
	line-height:130%;
	width:250px;
	padding-left:20px;
}

.inputfeld {
	width:250px;
	background-color:#CCCCCC;
	padding-left:2px;
}

.submitButton {
	background-color:#cd0921;
	padding:2px;
	color:#ffffff;
	font-style:normal;
	font-weight:bold;
	margin-top:10px;
}

#bilder{
   /*     position: absolute;
	top:50px;
	left:440px; */
	 position: relative;
	float:left;
	margin-top:15px;
	
        width:150px;
		

	}

#bilder ol{
	list-style:none;
	margin-top:2px;
	}

#bilder li{
	padding: 3px;
	}

#bilder li img{
	border: 1px solid #ccc;
	padding: 3px;
	}

#texte ul{
	position:relative;
	list-style:url(img/list_style.jpg);
	float:left;
	clear:left;
/*	margin-top: 5px; */
	width:400px;
	padding-left:18px;
	line-height:130%;
	color: #000000;
	
	}
	
#texte4cols ul{
	position:relative;
	list-style:url(img/list_style.jpg);
	float:left;
	clear:left;
/*	margin-top: 5px; */
	width:400px;
	padding-left:18px;
	line-height:130%;
	color: #000000;
	
	}

*html #texte ul{
	list-style:none;
	list-style:url(img/1.gif);
	float:left;
/*	margin-top: 5px; */
	width: 400px;
	padding-left:0px;
	color: #000000;
	
}


*html .MsoNormal  {
	padding-right:20px;
	color: #000000;
	line-height:130%;
	list-style:none;
	list-style-type:none;
	
}

*html #texte li, *html #texte li.MsoNormal {
	padding-right:20px;
	color: #000000;
	line-height:130%;
	background-image:url(img/list_style_explorer.jpg);
	background-position:left 3px;
	background-repeat:no-repeat;
	padding-left:15px;
}


#texte_tabelle ul{
	list-style:none;
	list-style:url(img/1.gif);
	float:left;
/*	margin-top: 5px; */
/*	width: 400px;  */
	padding-left:0px;
	color: #000000;

}



#texte_tabelle li {
	padding-right:20px;
	color: #000000;
	line-height:130%;
	background-image:url(img/list_style_explorer.jpg);
	background-position:left 3px;
	background-repeat:no-repeat;
	padding-left:15px;
}

ul img{
	padding: 3px;
	border: 1px solid #ccc;
	margin-bottom: 5px;
	}

#content #ansicht{
	
	padding: 3px;
	border: 1px solid #ccc;

	position: relative;
	float:right;
	margin-top:20px;
	}

#ansicht p.bu{
	font-size: 8pt;
	color: #999999;
	padding: 5px 3px 3px 0px;
	}


/*-----------Footer-----------------------------------*/



#footer {
	float:left;
	width: 910px;
	height: 44px;
	background-image:url(img/schatten_footer.gif);
	background-position: left top;
	background-repeat: no-repeat;
	color: #666;
	font-size: 8pt;
	padding:8px 20px 5px 110px;
	clear:both;
	text-align:center;
	overflow:hidden;
	}

#footer ul{
	list-style-type:none;
	
	}

#footer ul li{
	float:left;
	width:auto;
	display: inline;
	padding: 0px 10px 0px 10px;
	border-right: 1px solid #666;
	}

#footer li a:link,#footer li a:visited{
	color: #666;
	text-decoration: none;
	border-bottom: 1px dotted #666;
	}

#footer li a:hover{
	color:#333333;
	border-bottom: 1px dotted #333;
	text-decoration: none;
	}