body * {
    font-size: 11px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
	color:#3C5A50;
	/*line-height:150%;*/
    /*border:1px solid red;*/
}

/*#content{
    border:1px solid red;
	
}*/

a {
    text-decoration: none;
	color:#932F4B;
}

a:hover{
	text-decoration: underline;
}

a:active, a:focus { 
	background-color:transparent; 
}

a.more{
	padding-left:15px;
	background-position:0px;
	background-repeat: no-repeat;
	background-image:url(img/ic_more.gif);
}

span, hr {
    display: none;
}

body {
    margin: 0 0 25px 0;
    padding: 0;
    text-align: center;
}

#all {
    width: 802px;
    margin: 0 auto 0 auto;
    background: url(img/bg_border.gif) repeat-y #F3F3F3;
}

#page {
    text-align: left;
    padding: 0 11px 0 11px;
}

#head{
	background:url(img/white.gif) repeat transparent;
}
#head, #metanavi, #metanavi *{
	background-color:#FFFFFF;
}

#metanavi {
    float: right;
    padding-right: 30px;
}

#metanavi li {
    float: left;
    font-size: 12px;
    line-height: 28px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-left: 15px;
}

#metanavi li a {
    color: #335D4F;
}

#metanavi li.selected a, #metanavi li a:hover, #metanavi li.selected a:hover, #metanavi li a:active, #metanavi li.selected a:active, #metanavi li a:focus, #metanavi li.selected a:focus      {
    color: #932F4B;
	background-color:#FFFFFF;
	text-decoration:none;
}

#logo {
    clear: right;
    height: 70px;
    background: url(img/logo.gif) no-repeat;
    background-position: 30px 0;
    z-index: 1;
}

#logo a {
    display: block;
    height: 70px;
    width: 250px;
}

#logo h1 {
    display: none;
}

#navigation {
	margin:0;
    height: 250px;
    background: url(img/bg_verlauf.gif) repeat-x;
    /*
    TODO hochrücken vom visual klappt noch nicht  
    position: relative;
    top: -10px;
    z-index: 2;*/
}

#navigation ul {
    float: left;
    margin-top: 50px;
    list-style: none;
    display: block;
}

#navigation ul li {
    line-height: 24px;
    display: inline;
}

#navigation ul li a {
    display: block;
    height: 24px;
    width: 220px;
    background-color: transparent;
    background-image: url(img/navigation.gif);
    background-repeat: no-repeat;
}

#navigation ul ul{
	float:none;
    margin-top: 0;
	padding-top:5px;
    list-style: none;
    display: inline;
}

#navigation ul ul li {
    line-height: 16px;
    display: inline;
}

#navigation ul ul li a {
	padding-left:56px;
	color:#93C5A0;
    display: block;
    height: 16px;
    width: 150px;
    background-color: transparent;
    background-image: url(img/nav_arrow_lo.gif);
    background-repeat: no-repeat;
	background-position:46px 7px;
}

#navigation ul ul li a.selected {
	color:#ffffff;
    background-image: url(img/nav_arrow_hi.gif);
	}

.navi01 {
    background-position: 0px 0px;
}

.navi02 {
    background-position: 0px -24px;
}

.navi03 {
    background-position: 0px -48px;
}

.navi04 {
    background-position: 0px -72px;
}

.navi05 {
    background-position: 0px -96px;
}

.navi01:hover {
    background-position: -220px 0px;
}

.navi02:hover {
    background-position: -220px -24px;
}

.navi03:hover {
    background-position: -220px -48px;
}

.navi04:hover {
    background-position: -220px -72px;
}

.navi05:hover {
    background-position: -220px -96px;
}

.navi01sel {
    background-position: -440px 0px;
}

.navi02sel {
    background-position: -440px -24px;
}

.navi03sel {
    background-position: -440px -48px;
}

.navi04sel {
    background-position: -440px -72px;
}

.navi05sel {
    background-position: -440px -96px;
}

#visual {
    height: 180px;
    margin-left: 236px;
}

.visual_home {
    background: url(img/visual_home.jpg) no-repeat;
}

.visual_leistungen {
    background: url(img/visual_leistungen.jpg) no-repeat;
}

.visual_unser_betrieb {
    background: url(img/visual_unser_betrieb.jpg) no-repeat;
}

.visual_referenzen {
    background: url(img/visual_referenzen.jpg) no-repeat;
}

.visual_kontakt {
    background: url(img/visual_kontakt.jpg) no-repeat;
}

h2 {
    height: 70px;
    margin-left: 236px;
}

h2.claim_home {
    background: url(img/claim_home.jpg) no-repeat;
}

h2.claim_leistungen {
    background: url(img/claim_leistungen.jpg) no-repeat;
}

h2.claim_unser_betrieb {
    background: url(img/claim_unser_betrieb.jpg) no-repeat;
}

h2.claim_referenzen {
    background: url(img/claim_referenzen.jpg) no-repeat;
}

h2.claim_kontakt {
    background: url(img/claim_kontakt.jpg) no-repeat;
}

#content_wrapper{
	background: url(img/bg_content_home.gif) repeat transparent;
	/*height:450px;*/
}

#content_home{
	/*height:450px;*/
	padding:30px;
}

#content_sub{
	padding:30px;
}

#content_sub #kontakt{
	float:left;
}

#content{
	margin-left:233px;
	margin-top:17px;
	width:484px;
}

.teaser{
	/*height:230px;*/
	width: 113Px;
	float:left;
	display:inline;
	background: url(img/bg_content_home.gif) repeat transparent;
	/*margin-bottom: 10Px;*/
	margin:0;
	padding:0;
}

.teaser p{
	margin-bottom:10px;
}

dl{
	margin-bottom:10px;
}
dt{
	float:left;
	width:55px;
}

dd{
	margin-left:55px;
}

.textimgblock dt{
	width:92px;
}

.textimgblock dd{
	margin-left:92px;
	margin-bottom:5px;
}

#leistungen, #referenzen, #unser_betrieb {
/*	height:100px;*/
	margin-top:20px;
	width:230px;
	margin-bottom:0px;
}

#content dl{
	margin-bottom:20px;
}

#content dt{
	float:left;
	width:90px;
}

#content dd{
	margin-left:90px;
}

#content h2{
	margin:0;
	height:37px;
	background-repeat:no-repeat;
}

#content h2.nosub{
	height:62px;
}
h2.agb{
	background-image:url(img/hlc_agb.gif);
}

h2.impressum{
	background-image:url(img/hlc_impressum.gif);
}

h2.leistungen{
	background-image:url(img/hlc_leistungen.gif);
}

h2.unser_betrieb{
	background-image:url(img/hlc_unser_betrieb.gif);
}

h2.referenzen{
	background-image:url(img/hlc_referenzen.gif);
}

h2.kontakt{
	background-image:url(img/hlc_kontakt.gif);
}

#content h3{
	margin:0;
	height:54px;
	background-repeat:no-repeat;
}

h3.waswirkoennen{
	background-image:url(img/hlc_s_waswirkoennen.gif);
}

h3.waswirhaben{
	background-image:url(img/hlc_s_waswirhaben.gif);
}

h3.team{
	background-image:url(img/hlc_s_team.gif);
}

h3.geschichte{
	background-image:url(img/hlc_s_geschichte.gif);
}

h3.galerie{
	background-image:url(img/hlc_s_galerie.gif);
}

h3.partner{
	background-image:url(img/hlc_s_partner.gif);
}

h3.arbeitsbeispiele{
	background-image:url(img/hlc_s_arbeitsbeispiele.gif);
}

h3.meisterstuecke{
	background-image:url(img/hlc_s_meisterstuecke.gif);
}

#content p{
	margin-bottom:18px;
}

.textimgblock{
	margin-bottom:30px;
	overflow:hidden;
	position:relative;
}

.textimgblock .imgblock{
	width:170px;
	background:url(img/img_border_s.jpg) no-repeat;
	background-position:0 0;
	float:right;
	margin-left:20px;
	overflow:hidden;
}

.textimgblock .imgblock .img{
	padding:5px 5px 20px 5px;
	overflow:hidden;
	}
	
.textimgblock dl{
	margin-bottom:0 !important;
}

div.imgtext{
	color:#A0A9A6;
	font-style:italic;
	overflow:hidden;
	}

.textimgblock .text{
	width:290px;
}

.geschichtelinklist{
	padding:0;
	padding-bottom:30px;
	margin:0;
	overflow:hidden;
	background:url(img/line_hori.gif) 0 bottom no-repeat transparent; 
}
.geschichtelink{
/*	height:20px;*/
	float:left;
	width:240px;
	margin-bottom:5px;
	overflow:hidden;
}

.geschichtelink a{
	padding-left:15px;
}
	
.geschichteblock{
	margin-top:30px;
	width:484px;
}

.galerieitem, .partneritem{
	float:left;
	width:230px;
	margin-bottom:30px;
}

.meisterstueck{
	margin-bottom:10px;
}

.galerieitem .img, .partneritem .img{
	background:url(img/img_border_l.jpg) 0 0 no-repeat transparent; 
	padding:5px 5px 20px 5px;
	position:relative;
}

.galerieitem .zoom, .textimgblock .zoom{
	position:relative;
}
.galerieitem .zoom .zoomlink, .textimgblock .zoom .zoomlink{
	position:absolute;
	}
.galerieitem .zoom .zoomlink{
	top:-36px;
	left:206px;
	}

.textimgblock .zoom .zoomlink{
	top:99px;
	left:453px;
	}
.galerieblock, .kontaktblock{
	margin-bottom:30px;
}	
.routeblock{
	padding-top:30px;
	background:url(img/line_hori.gif) 0 0 no-repeat transparent;
}
.galerieblock .odd,.partnerblock .odd{
	margin-right:20px;
	}

.partneritem .img{
	background:url(img/img_border_m.jpg) 0 0 no-repeat transparent; 
}

.partneritem .imgtext{
	margin-bottom:5px;
}

h3{
	height:32px;
}

h4{
	font-size:14px;
	margin-bottom:10px;
}

h5{
	margin-bottom:10px;
}

#kontakt{
	height:225px;
	width:206px;
}

#news{
	background: url(img/news_border.jpg) no-repeat transparent;
	height:233px;
	width:484px !important;
	width:514px;
	padding-left:30px;
}

#news img{
	float:right;
	margin:5px 5px 0 25px;
}

#leistungen{
	width:186px;
	margin-right:50px;
}

#unser_betrieb{
	width:225px;
	margin-right:50px;
}

#referenzen{
	width:186px;
}

#kontakt h3{
	background:url(img/hl_kontakt.gif) no-repeat;
	margin-top:17px;
}

#news h3{
	background:url(img/hl_news.gif) no-repeat;
	margin-top:17px;
}

#leistungen h3{
	background:url(img/hl_leistungen.gif) no-repeat;
}

#unser_betrieb h3{
	background:url(img/hl_unser_betrieb.gif) no-repeat;
}

#referenzen h3{
	background:url(img/hl_referenzen.gif) no-repeat;
}

#kontakttable {
	margin-bottom:10px;
}
#kontakttable input, #kontakttable select{
	width:140px;
	height:20px;
	border:solid 1px #ECECEC;
	padding-left:2px;
}
	
	#kontakttable select{
		width:142px;
	}
#kontakttable textarea{
	width:155px;
	height:95px;
	border:solid 1px #ECECEC;
}
.checkbox{
	border:none !important;
	height:12px !important;
	width:12px !important;
	margin-top:7px !important;
}

.sendbutton{
	text-align:right;
}

.sendbuttonimg{
	width:74px !important;
	height:19px !important;
	border:none !important;
}
#kontakttable td{
	vertical-align:top;
	padding-right:8px;
	padding-bottom:3px;
}
	
#kontakttable td.label{
	padding-top:4px;
}

#footer {
    height: 5px;
    background-color: #48815E;
	clear:left;
}

#borderbottom {
    height: 11px;
    background: url(img/bg_border_bottom.gif) no-repeat transparent;
}

.nobottom{
	margin-bottom:0px !important;
}

.clearfixleft:after {
  content:".";
  display:block;
  height:0;
  clear:left;
  visibility:hidden;
}

.clearfixright:after {
  content:".";
  display:block;
  height:0;
  visibility:hidden;
}

.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

.clearright{
	clear:right;
}

.fehler{
	color:#ff0000;
}