@charset "ISO-8859-1";

body { font-family: Arial, Helvetica, sans-serif; background: #FFFFFF; margin:0; padding:0; font-size:14px; line-height: 18px; text-align:center; }
img, a { border:0; }



/* ### SCHNELLANFRAGE ### */

#schnellanfrage {  }
#schnellanfrage #schnellformular { height:400px; background:#CCC;filter:alpha(opacity=95); -moz-opacity: 0.95; opacity: 0.95; } 
#formcontent { width:1000px; margin:0 auto 0 auto; }
#formcontent #formdata { background:#999999; height:230px; position:relative; }
#formcontent #formdata .buttons { position:absolute; right:0; bottom:0; }
#formcontent div.padder { padding:70px 50px 0 325px; text-align:left; }
#formcontent a.close { display:block; float:right; }

#formdata table { }
#formdata td { padding:3px 0 3px 0; overflow:hidden; font-size:14px; color:#FFF }
#formdata .txtwid { width:180px; }
#formdata textarea.fixtext { width:395px; height:120px; font-family: Arial, Helvetica, sans-serif; }

#formsent { background:#999999; height:200px }

#schnellanfrage #schnellbutton { padding:0 50px 0 0; text-align:right; background: url(../images/bgs/bg-body.gif) repeat-x }


/* ### SUCHE ### */

#searchsite { position:absolute; right:50px; bottom:-30px; width:200px; height:40px; }
#searchsite #sbutton a.open { display:block; padding:15px 0 0 0; color:#999999; text-decoration:none; text-align:right;}
#searchsite #sbutton a span { background:#FFF; padding:5px }
#searchsite #sform { padding:10px 27px 10px 27px; background:#1c1c2d; text-align:center; position:relative; }
#searchsite #sform form { display:inline }
#searchsite #sform input { font-size:100%;width:140px; color:#666666 }
#searchsite #sform img { position:absolute; top:0; right:0; }



/* ### KOPF ### */

#kopfzeile { position:relative; text-align:left; width:1000px; margin:0 auto 0 auto; height:120px; }
#headlogo { position:fixed; z-index:90; top:0px; left:-500px; margin:0 0 0 50%; padding:0; width:320px;height:200px; }

#topnavi { 	position:absolute; top:58px; left:300px; z-index:25; width:700px; margin:0px; padding:0px; list-style-type:none; font-size:21px; line-height:21px; }
#topnavi li { float:left }
#topnavi li a { display:block;float:left;color:#666666; text-decoration:none;padding:0 25px 0 25px; height:21px; }
#topnavi li.na1 a { background: url(../images/nav/fachwerk.gif) no-repeat 25px top }
#topnavi li.na2 a { background: url(../images/nav/leistungen.gif) no-repeat 25px top }
#topnavi li.na3 a { background: url(../images/nav/klienten.gif) no-repeat 25px top }
#topnavi li.na4 a { background: url(../images/nav/aktuell.gif) no-repeat 25px top }
#topnavi li.na5 a { background: url(../images/nav/kontakt.gif) no-repeat 25px top }

#topnavi li.na1 a:hover, #topnavi li.na1 a.on { background: url(../images/nav/hfachwerk.gif) no-repeat 25px top }
#topnavi li.na2 a:hover, #topnavi li.na2 a.on { background: url(../images/nav/hleistungen.gif) no-repeat 25px top }
#topnavi li.na3 a:hover, #topnavi li.na3 a.on { background: url(../images/nav/hklienten.gif) no-repeat 25px top }
#topnavi li.na4 a:hover, #topnavi li.na4 a.on { background: url(../images/nav/haktuell.gif) no-repeat 25px top }
#topnavi li.na5 a:hover, #topnavi li.na5 a.on { background: url(../images/nav/hkontakt.gif) no-repeat 25px top }

#topnavi li a span { visibility:hidden }



/* ### HAUPTSEITE ### */

#page { border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; background-color:#FFFFFF; background-repeat: no-repeat; background-position: center bottom; } 
#pagecontent { text-align:left; width:1000px; margin:0 auto 0 auto; padding:0 0 15px 0 }

#left { float:left; width:250px; }

#left #subnavi { text-align:right; list-style-type:none; margin:0; padding:110px 0 50px 0; width:250px }
#left #subnavi li { display:inline }
#left #subnavi li a { display:block; font-size:16px; text-decoration:none; padding:5px 0 5px 0; }
#left #subnavi li a.on { font-weight:bold }

#left #newsteaser { text-align:right; list-style-type:none; padding:110px 0 0 40px; font-size:13px; line-height:20px; margin:0; }
#left #newsteaser li { color:#666; margin:0;  }
#left #newsteaser li strong { font-size:13px; }
#left #newsteaser li a { color:#64747f ! important; }

#kundenlink { padding:10px 0 0 0 }
#kundenlink a { text-decoration:none; display:block; background: url(../images/kundenstimmen.gif) no-repeat top right; height:30px }
#kundenlink a:hover { background: url(../images/kundenstimmenh.gif) no-repeat top right; height:30px }
#kundenlink a span { visibility:hidden; }

#left #bildliste { text-align:right; list-style-type:none; margin:0 -40px 0 0; padding:110px 0 0 0; }
#left #bildliste li a  { display:block; filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; padding:0 0 5px 0}
#left #bildliste li a:hover { filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; }

#maincontent { float:right; width:675px; padding:50px 0 0 0; line-height:21px; color:#333333 } 

	#grauteaser { padding:0 50px 0 0 }

	#maincontent h2.hh { font-size:30px;margin:0 0 0 0; padding:7px 0 7px 0; font-weight:normal }
	#textspalte blockquote { margin:0;padding:10px 10px 10px 40px; background:#F2F2F2 url(../images/zitat.gif) no-repeat top left; border-left:1px solid #999; color:#333 }
	
	/* ### 1 spalte + Farbe ### */
	
	#maincontent #textspalte { width:350px; padding:0 275px 0 0; position:relative; }
	#maincontent #textspalte #grafikspalte { width:230px; position:absolute; top:10px; right:10px; font-size:18px; line-height:22px;color:#FFF }
	
	/* ### 1 spalte - breit ### */
	
	#maincontent #einspalter { padding:0 50px 0 0; }
	
	#newsliste { list-style-type:none; margin:0; padding:15px 0 0 10px; }
	#newsliste li { float:left; width:290px; margin:0 10px 10px 0; padding:0 0 10px 0; height:130px; background: url(../images/bgs/bg-h-trenner.gif) repeat-x bottom }
	#newsliste li strong a { text-decoration:none; }
	#newsliste li strong { font-size:15px ! important }
	
	#projektliste { list-style-type:none; margin:0; padding:15px 0 0 10px; }
	#projektliste li { float:left; width:290px; margin:0 10px 10px 0; padding:0 0 10px 0; height:190px; }
	#projektliste li strong a { text-decoration:none; }
	#projektliste li strong { font-size:16px; line-height:30px }
	
	/* ### 1 spalten gleichberechtigt ### */
	
	#spalteeins  { float:left; width:300px; background:#FFF }
	#spaltezwei { float:right; width:300px; background:#FFF }
	
	/* ### Text- und Boxen-Stile ### */
	
	#maincontent .anleser { padding:10px; font-weight:bold; font-size:16px }
	#maincontent .farbstufe { padding:15px 10px 15px 10px; font-size:16px; background:#E5E5E5 url(../images/bgs/bg-h-trenner.gif) repeat-x bottom; border-top:1px solid #CCC }
	#maincontent .vollfarbe { padding:5px 20px 5px 20px; margin:15px 0 0 0 }

	#newsliste { list-style-type:none; margin:0; padding:15px 0 0 10px; }
	#newsliste li { float:left; width:290px; margin:0 10px 10px 0; padding:0 0 10px 0; height:130px; background: #FFF url(../images/bgs/bg-h-trenner.gif) repeat-x bottom }
	#newsliste li strong { font-size:16px }
	
	span.kundenfoto { float:right; margin:0 0 2px 3px; padding:1px; display:block; }
	span.newsfoto img { float:left; margin:0 5px 0 3px; }
	
	#map { height:280px; border-bottom:7px solid #333 }
	#map small { font-size:11px ! important; color:#666 }

	.kontform { width:210px;margin-bottom:5px;margin-right:5px;font-size:120%;color:#333; }
	#formular { padding:20px ;  background:#f2f2f2 }
	#formular label { position:absolute; left:250px; border-bottom:1px solid #CCC; }
	#formularsend { padding:20px 0 10px 0; }
	#formularsend input { font-size:18px }
	.small { font-size:12px; color:#666 }



/* ### FOOTER ### */

#footer { width:900px; margin:0 auto 0 auto; padding:15px 0 15px 0; font-size:12px; color:#999; text-align:right; }
#footer a { color:#999 }
#pagination { text-align:right; font-size:13px; font-weight:bold; padding-right:30px  }
#pagination a { font-weight:normal ! important; text-decoration:none; }

span.svs { float:left; display:block;padding-left:20px }

/* ############# sIFR ############# */

.sIFR-flash { visibility: visible !important;margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute;left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-flash + div[adblocktab=true] { display: none !important; }
#linkespalte .sIFR-hasFlash h3 { visibility: hidden; }
#linkespalte .sIFR-hasFlash p.further { visibility: hidden; }


.breaker { clear:both; visibility:hidden }


/* ANIMS */

#homean { padding:60px 0px 20px 50px }


/* SPRY */

.selectRequiredMsg,.selectInvalidMsg{display:none;}.selectRequiredState .selectRequiredMsg,.selectInvalidState .selectInvalidMsg{display:inline;color:#C33;border:1px solid #C33;}.selectValidState select,select.selectValidState{background-color:#B8F5B1;}select.selectRequiredState,.selectRequiredState select,select.selectInvalidState,.selectInvalidState select{background-color:#FF9F9F;}.selectFocusState select,select.selectFocusState{background-color:#FFC;}.textareaRequiredMsg,.textareaMinCharsMsg,.textareaMaxCharsMsg,.textareaValidMsg{display:none;}.textareaRequiredState .textareaRequiredMsg,.textareaMinCharsState .textareaMinCharsMsg,.textareaMaxCharsState .textareaMaxCharsMsg{display:inline;color:#C33;border:1px solid #C33;}.textareaValidState textarea,textarea.textareaValidState{background-color:#B8F5B1;}textarea.textareaRequiredState,.textareaRequiredState textarea,textarea.textareaMinCharsState,.textareaMinCharsState textarea,textarea.textareaMaxCharsState,.textareaMaxCharsState textarea{background-color:#FF9F9F;}.textareaFocusState textarea,textarea.textareaFocusState{background-color:#FFC;}.textareaFlashState textarea,textarea.textareaFlashState{color:red!important;}.textfieldRequiredMsg,.textfieldInvalidFormatMsg,.textfieldMinValueMsg,.textfieldMaxValueMsg,.textfieldMinCharsMsg,.textfieldMaxCharsMsg,.textfieldValidMsg{display:none;}.textfieldRequiredState .textfieldRequiredMsg,.textfieldInvalidFormatState .textfieldInvalidFormatMsg,.textfieldMinValueState .textfieldMinValueMsg,.textfieldMaxValueState .textfieldMaxValueMsg,.textfieldMinCharsState .textfieldMinCharsMsg,.textfieldMaxCharsState .textfieldMaxCharsMsg{display:inline;color:#C33;border:1px solid #C33;}.textfieldValidState input,input.textfieldValidState{background-color:#B8F5B1;}input.textfieldRequiredState,.textfieldRequiredState input,input.textfieldInvalidFormatState,.textfieldInvalidFormatState input,input.textfieldMinValueState,.textfieldMinValueState input,input.textfieldMaxValueState,.textfieldMaxValueState input,input.textfieldMinCharsState,.textfieldMinCharsState input,input.textfieldMaxCharsState,.textfieldMaxCharsState input{background-color:#FF9F9F;}.textfieldFocusState input,input.textfieldFocusState{background-color:#FFC;}.textfieldFlashText input,input.textfieldFlashText{color:red!important;}