* 
{
margin: 0;
padding: 0; 
}


a:active, a:focus 
{
outline: none; 
}



body 
{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: center;
color: #000;
font-size: 90%;
background: #ACAB9D url(images/bg_streifen.gif) repeat-x 0px 0px; 
}



#header 
{
width: 1000px;
float: left;
}



#streifen 
{
width: 800px;
float: left;
letter-spacing: 0.05em; 
display: block;
}



#wrap 
{
margin: 10px auto;
width: 800px;
text-align: left; 
clear: both;
}



#main 
{
width: 800px;
float: left;
padding: 0 0 40px 0;
background: #BEBDAE url(images/bg_main.jpg) repeat-y 0 0; 
}



#maincontent 
{
background: white;
float: left;
width: 800px; 
}



#text 
{
width: 400px;
float: left; 
}



#picts 
{
width: 400px;
float: right; 
}



#beschreibung 
{
width: 260px;
float: left; 
}



#schau 
{
width: 520px;
float: right; 
}



#innenausbau #beschreibung, #impressum 
{
width: 260px;
float: right; 
}



#innenausbau #schau, #formular 
{
width: 520px;
float: left; 
}



#footer 
{
border-top: 1px solid #E5DBA7;
width: 100%;
float: left;
display: inline;
overflow: hidden;
background: #E7F6FF; 
}


.hide
{
display: none;
}

.loadcard
{
	background: url(images/bg_hcard-download.gif) no-repeat 0px 1px;
	padding: 2px 0 0 36px;
}

/*---------------------------------------------main nav */





#nav ul#navigation
{
display: block;
margin: 0 0 0 10%;
float: left;
width: 700px;
}



#nav li 
{
display: inline; 
width: 100%;
}



#nav a 
{
margin: 38px 0 0 0;
display: inline; 
float: left;
/*
padding: 8px 0 0 0;
*/
text-indent: -9999px; 
background: grey;
height: 24px
}



#mechelke_nav a 
{
padding: 0;
margin-top: 27px;
width: 152px;
height: 35px;
background: url(images/navlist_mechelke.jpg) no-repeat 0 0;
}



#nav a:hover 
{
background-position: 0 -32px; 
}



#mechelke_nav a:hover
{
background-position: 0 -41px; 
}


#nav a:active, #nav a.selected 
{
background-position: 0 -65px; 
}



#mechelke_nav a:active, #mechelke_nav a.selected 
{
background-position: 0 -81px; 
}


#baustelle_nav a 
{
width: 118px;
background: url(images/navlist_baustelle.jpg) no-repeat 0 0; 
}



#referenzen_nav a 
{
width: 118px;
background: url(images/navlist_referenzen.jpg) no-repeat 0 0; 
margin-left: 2px;
}



#kontakt_nav a 
{
width: 118px;
background: url(images/navlist_kontakt.jpg) no-repeat 0 0; 
}



/*---------------------------------------------fonts */



a 
{
text-decoration: none; 
}



#main a 
{
color: #333;
text-decoration: none; 
}


#main p a 
{
text-decoration: underline; 
}




#main p a:hover 
{
background: #FFC;
text-decoration: none; 
}


li 
{
list-style-type: none; 
}



p 
{
color: #666;
font-size: 13px;
line-height: 1.33em;
margin: 20px 18px 0 8px; 
}


#ownpicts #main p
{
width: 400px;
color: #333;
margin: 10px 0 20px 8px;
}


#ownpicts #main .image p
{
font-size: 11px;
margin: 4px 0 0 8px;
}


h3 
{
margin: 20px 0 0 8px;
font-size: 18px;
font-weight: bold;
letter-spacing: 0.33em;
color: #FFF; 
}



#streifen p 
{
font-size: 14px;
margin: 12px 10px 20px 10px;
line-height: 28px;
letter-spacing: 0.05em; 
}



#streifen a 
{
font-size: 23px;
color: #900;
font-weight: normal;
border-bottom: 4px solid #BEBDAE; 
}



#streifen a:hover 
{
background: #900;
color: #FFF;
border-bottom: 4px solid #FFF; 
}



/*---------------------------------------------pics */



img#logo 
{
float: right;
margin: 14px 120px 4px 0;
display: block; 
}



a img 
{
border: none; 
}



#main img 
{
padding: 2px;
margin: 20px 0 0 0;
background: #D8ECFF; 
}



#main li img 
{
padding: 2px;
margin: 0;
background: #D8ECFF; 
}



#main li img:hover 
{
background: #8CA4C0; 
}



#main img.foto, #main .image img
{
margin-left: 8px; 
}




/*---------------------------------------------refs-seite */


li#seit, li#db_small
{

}




#text li, #picts li 
{
width: 364px;
height: 320px; 
float: left;
}



li#seit p 
{
margin-top: 20px; 
float: left;
}



li h1 
{
width: 364px;
font-size: 15px;
text-align: center;
font-weight: bold;
color: #F4F9FF;
letter-spacing: 0.15em;
margin: 20px 0 0 0;
line-height: 1.5em;
background: url(images/bg_refs_h1.gif) no-repeat 0 0; 
}



.bildreihe h1 
{
margin-left: 8px; 
}



li h1 a 
{
color: #F4F9FF; 
}


/*---------------------------------------------einzelne*/




ul#imagegallery 
{
width: 500px;
float: left;
margin: 10px 0 40px 0; 
}



#imagegallery 
{
width: 500px;
float: left; 
}



#imagegallery li 
{
display: inline; 
}



#imagegallery li a img 
{
border: 0;
margin: 0 10px 0 0; 
}



/*---------------------------------------------bottom_nav */



#footer ul#detail_nav 
{
margin: 10px auto 0 auto;
width: 800px;
padding-left: 140px;
display: block;
overflow: auto;
}



#footer ul#bottom_nav 
{
width: 800px;
margin: 10px auto;
display: block;
padding-bottom: 60px; 
}



#footer li 
{
display: inline; 
}



#footer a 
{
float: left;
padding: 10px 0 0 20px;
color: #663; 
}



#footer a:hover 
{
color: #BD6434; 
}



#footer a:active, #footer a.selected 
{
text-decoration: underline; 
}



ul#detail_nav a 
{
margin-left: 30px; 
}



#empfang a 
{
margin: 0;
padding: 10px 0 0 0; 
}



#wstatt a 
{
background: url(images/bg_home.gif) no-repeat 0 10px;
margin-left: 20px; 
}



#refs a 
{
background: url(images/bg_more.gif) no-repeat 0 10px;
margin-left: 20px; 
}



#con a 
{
background: url(images/bg_email-contact.gif) no-repeat 0 10px;
margin-left: 20px; 
}


#bau a
{
margin-left: 20px; 
background: url(images/bg_popular.gif) no-repeat 0 10px;
}


.fb-like
{
margin: 9px 0 0 30px;
}


#fbook a
{
background: url(images/bg_facebook_logo.png) no-repeat 0 10px;
margin-left: 20px; 
}


#login a
{
margin-left: 30px;
background: url(images/bg_lock.gif) no-repeat 0 10px;
opacity: 0.2;
}


#login a:hover
{
opacity:0.9999;
}


#up a 
{
width: 70px;
float: right;
margin-right: 20px;
background: url(images/bg_up.gif) no-repeat 0 10px; 
}


.black
{
font-weight: 800 !important;
}


/*---------------------------------------------forms */



#impressum h2 
{
font-weight: bold;
letter-spacing: 0.1em;
font-size: 16px;
padding: 0;
color: #036;
margin: 50px 18px 0 0; 
}



.meister 
{
line-height: 1.6em;
margin: 0 18px 0 8px;
font-size: 12px;
color: #333;
font-weight: normal; 
}



#impressum p 
{
margin: 20px 18px 0 8px;
font-size: 12px;
color: #333;
line-height: 1.6em; 
}



#impressum p#rechte 
{
margin-top: 80px; 
}



#formular h3 
{
display: block; 
}



fieldset 
{
border: 1px solid #8CA4C0;
margin: 20px 0 20px 8px;
padding: 20px 10px;
font-size: 12px;
background: #DFDECB;
width: 440px;
float: left; 
}



legend 
{
font-size: 14px;
font-weight: bold;
margin-left: 4px;
color: #333;
letter-spacing: 0.1em; 
padding: 0 4px;
background-color: #FFF;
border: 2px double #8CA4C0;
border-top-color: #999;
background-color: white; 
}



#informationen div 
{
width: 200px;
float: left; 
}



.checkbox 
{
width: 16px;
height: 16px;
float: left;
display: inline;
margin-left: 8px;
border: 1px solid #600;
background: #fef1f4; 
}



label 
{
color: #900;
padding: 2px 0 4px 6px; 
float: left;
width: 424px; 
}




#informationen label 
{
width: 140px;
float: right;
display: inline; 
}




#informationen label.drueber 
{
float: left;
width: 100%;
}



select 
{
width: 204px;
border: 2px double #333;
border-top-color: #999;
background-color: white; 
}



input 
{
width: 200px;
border: 2px double #333;
border-top-color: #999;
font-family: "Trebuchet MS", Helvetica, Arial;
font-size: 14px;
color: #600; 
}



textarea 
{
width: 405px;
height: 100px;
font-family: "Trebuchet MS", Helvetica, Arial;
font-size: 12px;
padding: 4px 6px;
border: 1px solid #600;
color: #600; 
float: left;
}



span.kdetails 
{
float: left;
width: 220px;
text-align: right;
padding-top: 2px; 
}



fieldset input 
{
float: right;
width: 190px;
border: 1px solid #600;
font-size: 12px;
padding: 2px; 
}



fieldset input:hover, textarea:hover 
{
border-color: #000; 
}



fieldset input:active, input:focus, textarea:active, textarea:focus 
{
border-color: #900;
background: #fef1f4; 
}



.small 
{
font-size: 9px;
color: #666; 
}



.abschicken 
{
width: 300px;
float: left; 
}



fieldset:hover 
{
border: 1px solid #900; 
}