/*(c) www.bauplansv.de
 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, var, a, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, button, input, select, textarea { margin:0; padding:0; border:0; outline:0; font-size:100%; font-family: inherit;vertical-align:baseline; background:transparent;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
#full-bild {z-index:-999;min-height: 100%;min-width: 1024px;width: 100%;height: auto;position: fixed;top:0;left:0;}
body {font-family:Georgia, Helvetica, Arial, sans-serif;color: #666666;background: #FFFF90;}
h1{font-size:2.5em;}
h2{font-size:2em;}
h3{font-size:1.5em;}
h4{font-size:1.3em;}
p{margin-bottom:.8em;}
h1 + p, h2 + p, h3 + p, h4 + p {margin-top:10px;}
h2 + h3,h3 + h4,h2 + h4 {margin-top:30px;}
.fl {float:left;}
.fr {float:right;}
abbr {border-bottom: 1px dotted #000000;cursor: help;font-variant: normal;font-weight: bold;}
#page { margin: 0 auto; padding: 0; width:986px;border:4px ridge yellow; background: #fff;line-height: 1.5;} 
#header {height:138px;background: url(../gifs/bauvor/t1.jpg) repeat-x; }
#kopf{font-size: 65%; font-weight:bold;padding:2px 10px;}
#baupla{font-size: 1.125em;font-style: italic;padding:2px 10px;line-height: 1.2;}
#baupla a{font-size: 3em; color: #666666;text-decoration: none;}
#baupla a:hover {text-decoration: underline;}
#suche{height:30px;margin: 2px 0;}
#wobinich{height:30px;margin: 4px 15px;font-style: normal; font-size:14px;}
#nav {margin: 10px;background: yellow;}
#navi li {float: left;background: #FFCC66;border-left: 1px solid #333333; border-right: 1px solid #333333;list-style-type: none;font-weight: bold;margin-left: 10px;}
#navi li a {color: #666666;float: left;padding: 5px 10px;text-decoration: none;}
#navi li a:hover {background: #FFCC33;color: #333333;text-decoration: underline;}
#navi li a.stop {background: #666666;color: #fff;}
.photos{width:76.3%;margin: 0 auto;}
.photos img{width:32.5%;max-width:100%;}


/*** Clearfix***/
.clearfix:before,.clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}

blockquote:before, blockquote:after {content: "";}
blockquote {quotes: "" "";}
blockquote {font-size: 1.5em;font-style: italic;margin:2em 3em;padding-left:1em;	border-left: 5px solid #FFFF33;}

.fw60 {width:60%;margin: 5px auto;}
.fw80 {width:80%;margin: 5px auto;}

/*** Schriftgröße***/
.f_s14{font-size:14px;}
.f_s18 {font-size:18px;}
.f_s20 {font-size:20px;}

.l_s {letter-spacing:-.05em;}

.f_w4 {font-weight:400;}
.f_wb, strong {font-weight:bold;}

/*** Schriftfarbe***/
.cyell {color: yellow;}
.cgr51 {color: #333333;} 
.cgray {color: gray;} 
.cgreen {color: green;} 
.cred {color: red;} 
.cwhite {color: white;} 
.cteal {color: teal;} 
.cblu {color: blue;} 
.coli {color: olive;} 
.weih {color: white;background: green;font-weight:300;padding:25px;	} 
/*** Hintergrund***/
.hg_y {background: yellow;} .hg_l {background: lime;} .hg_g {background: green;} 
.hg_o {background: orange;} 
.hg_yg {background: #9acd32;} 
.hg_sg {background: #00ff7f;}
.hg_p {background: #98fb98;}
.hg_lg {background: #32cd32;}
.hg_la {background: #e6e6fa;}

/*** Schriftstil***/
i {font-style:italic;}
sub {vertical-align:sub; font-size:smaller;position:relative;bottom:-.25em;}
sup {vertical-align:super; font-size:smaller;position:relative;top:-.4em;}
small {font-size:smaller;}
aside {font-size:14px;}
.aaa  {cursor:text;}
.hi {visibility:hidden;display:none;}
/*** Zeilenhöhe***/
.z_h11 {line-height:1.1;} 

/*** Werbung***/
.werbe { border:1px dashed #66CC66; background:#CCCC99; padding: 3px;} 

h1.stora  {border-top: 1px solid #666666;border-bottom: 1px solid #666666;margin: 20px 10px;padding:0 25px;} 
#buero a{font-size: 36px;}

/*** Liste***/
ul.disc {list-style-type: disc;margin-left:25px;}

ul.circle {list-style-type: circle;margin-left:25px;}
li.cirno {list-style-type: none;margin-left:-25px;margin-top:15px;background:#CCCC99;}
.box{ list-style-type:lower-alpha; }
.ab{font-size: 1.25em;}
ul {list-style-type: none;}
ul.circle {list-style-type: circle;}
ul.decimal {list-style-type: decimal;}
ul.abst6 { margin: 60px;}
ul.abst3 { margin: 20px 30px;}
ul.abst1 { margin: 10px;}
ul  li.abst6{margin: 20px;line-height: 34px;}
ul.abst3 li{margin: 10px 20px;}


#vorschA,#schaeA{padding:5px;margin: 20px 0px;border:5px solid #FFCC66;} 
#schaeA{background: url(../gifs/bauvor/schaden.jpg ) no-repeat;} 
#schaeA a{color: white;}
#vorschA{background: url(../gifs/bauvor/gericht.jpg ) no-repeat;}
#vorschA a{color: red;}

#neu, #schae, #angebot, #vorsch, #profil{min-height: 160px;padding:5px;margin: 20px 10px;border:10px solid #FFCC66;} 
#neu{background: url(../gifs/bauvor/neub.jpg ) no-repeat;} 
#vorsch{background: url(../gifs/bauvor/gericht.jpg ) no-repeat;}
#vorsch a{color: red;}
#schae{background: url(../gifs/bauvor/schaden.jpg ) no-repeat;} 
#schae a{color: white;}
/************ Section ************/
#buero, #neueTh, #neueTh1,#thematik{margin:20px auto;width:90%;clear:both;}
.themen {margin:0 auto;width:80%;clear:both;}
.thema {margin:0 auto;width:90%;clear:both;}
.thema1 {margin:0 auto;width:95%;clear:both;}
section a:link, section a:visited{color:#666666;padding: 5px 0;font-weight:bold;}
section a:hover, section a:active{color:white; background:green;}
#gewe ul {margin:100px 20px;}
#gewe li {width:45%;margin: 20px 1% 0 0;padding:0; list-style:none;border: 1px solid #cccccc;}
#gewe li span{font-size:1em;} #gewe li a {font-weight:normal !important; }
#gewe li a {padding:10px; display: block; font-weight:bold; color: #333333; text-align: center; text-decoration: none;}
#gewe a:hover, #gewe a:focus {color: #fff; background:green;text-decoration: none;}


/************ Abstand ************/

.mb3 {margin-bottom: 30px;}
.abst2 {	height:20px;}
.abst5 {	height:50px;}
.abst10 {height:100px;} 

/*** Spalten ***/
.col23R {float: left;width: 23%;margin-right:1%;}
.col23L {float: left;width: 23%;margin-left:1%;}
.col24 {float: left;width: 24%;margin-left:1%;}
.col32 {float: left;width: 31%;margin:0 1%;}
.col30 {width: 31%;margin:0 1%;}
.col45 {float: left;width: 45%;margin:0 2%;}
.col50 {float: left;width: 48%;margin:0 1%;}
.col60 {float: left;width: 60%;margin:0 6%;}
.col70 {float: left;width: 70%;margin-left:2%;}
 
.gesund {margin-bottom: 20px; overflow: hidden;}
.krank-4 {margin-bottom: 10px; overflow: hidden; padding: 0;}
.krank-4 div {float: left; margin-left: 2%; width: 22.5%;font-size:12px;line-height: 1.2;}
.krank-3 div {float:left; margin-left:2%; margin-right:0;width: 30.5%;}
.krank-2 div {float:left; margin-left:0;margin-right:3%; width:47%;}
.krank-2 img {width: 100%;}
.klima {	margin:0 9%;}
.klimaBild img {float: left;display:block;margin:1px 1px 0px 0px;	font-size:15px;}
.klimaBild img:hover {opacity: 0.8;}
.bildu{color: white;font-size:12px;background:gray;padding:5px;}

  
#inhalt {width: 100%;margin:20px auto;}
#artfot {height:104px;width:894px;margin:5px auto;padding:2px;background:#FFFFCC; border:1px solid #00FF00;}
.imag { padding:2px; border:0px solid #9FA41D;margin:0px;}
.imaT { padding:2px; border:4px solid #000;margin:0px;}
.ima {float:left; padding:1px; margin:3px 10px 0 0; border:1px solid #9FA41D;}
.imr {float:right; padding:1px; margin:3px 10px 0 0; border:1px solid #9FA41D;}
.imaA{ padding: 2px; border: 2px solid #CCCC99; margin: 4px;}
.imaB{ padding: 2px; border: 1px solid #CCCC99;}
/*** Rahmen ***/
.rahm_t {border-top:1px solid #9C9C11;  padding-top: 10px;}
.rahm_b {border-bottom:1px solid #9C9C11;  padding-bottom: 10px;}
.rahm_l {border-left:3px solid #9C9C11;  padding-left: 5px;}
.rahm {border:3px double #00ffff; padding: 5px;}

article.abschnitt {clear:both;padding:0px;}
.abschnitt p {line-height: 1.5;}

.natur {width: 100%;margin:10px auto;}
.naturstein  img{border: 1px solid #9FA41D;padding: 5px;} 
.bild {float: left;width: 26%;margin:15px 10px 0 0;}
.bild  img{width: 100%;border: 1px solid #9FA41D;} 
 
.bilda {float: left;width: 26%;margin:15px 10px 0 0;}
.bilda img{border: 1px solid #9FA41D;} 

.text {float: right;width: 70%;margin:15px 0;}
.bild1{float: right;width: 26%;margin:15px 10px 0 0;}
.bild1  img{width: 100%;border: 1px solid #9FA41D;} 
.text1 {float: left;width: 70%;margin:15px 0;}
.bild2 {float: left;width: 18%;margin:15px 10px 0 0;}
.text2 {float: right;width: 78%;margin:5px 0;min-height: 70px;}
.textG {margin:25px 0;}
.say {float: left;width: 70%;margin:15px 0;min-height: 70px;text-align: center;}
.lesen {clear: both;font-size:13px; margin: 20px;text-decoration:none;}
.clear { clear: both; }
.cent {text-align: center;}

#contact {font-size:.76em;}
#contact input,#contact textarea {background: #fff;width:65%;border:1px solid  #cccccc;padding:.5em;float:left;display:block;font-size:1.3em;}
#contact textarea {resize: vertical;height:10em;}
#contact label {display:block;padding-bottom:1em;overflow:hidden;}
#contact button {margin-left:12.5em;}
#contact label span.label {text-transform:uppercase;width:10em;vertical-align:top;display:block;float:left;font-size:1.38em;line-height:1em;}
#contact button {padding:.3em;border:1px solid #333333;color:#666666;cursor: pointer;background: #666666;color: #fff;font-weight: bold;}
#contact button.buttona {background: red;color: yellow;}
#contact button:hover {color:white; background:green;text-decoration: underline;}
#footer{color:white; padding:25px 25px 5px; margin:0; font-size:.8em;background:#333333;}
footer a:link,footer a:visited{font-weight:bold; color: white; background: red;text-decoration:none;} 
footer a:hover, footer a:active {background: #006600;color: #FFFFCC;text-decoration:underline;}
.logo,.logo1 {background: url(../gifs/themen/putz1.jpg) repeat;	display: block;width:90%;padding: 5px;}
.logo {color:white;} .logo1 {color:#666666;}
.netz  {font-size:16px;text-align:center;}
.name  {font-size: 12px;font-weight:300;text-align:center;}
#copy {margin-top:2em;border-top: 1px solid #666666;padding:15px 25px 5px;}

 @media only screen and (max-width: 810px) {
 
h1{font-size:2.1em;}
h2{font-size:1.6em;}
h3{font-size:1.3em;}
#page {width:100%;} 
#navi li {margin: 5px 0 0 5px;} 
#buero a{font-size: 24px; font-weight:300;}
#buero img {display:none;} 
.textG p img{display:none;}
.textG img{width: 100%;}
#buero, #thematik{margin:20px auto;width:95%;clear:both;}
#neueTh, #neueTh1{margin:20px 5px;width:95%;clear:both;}
.werb img{width:95%;}
#artfot {display:none;} 
.col70 {width: 68%;margin:0 1%;}
.col24 {width: 24%;margin:0 1%;}
.themen {margin:0;width:100%;clear:both;}

}

@media only screen and (max-width: 710px) {
#page {width:100%;} 
#buero a{font-size: 24px; font-weight:300;}
#buero img {display:none;} 

#buero, #thematik{margin:15px auto;width:95%;clear:both;}
.nosi{display:none;}
}
@media screen and (max-width: 640px) {
h1{font-size:1.8em;}
h2{font-size:1.5em;}
h3{font-size:1.2em;}
#page {width:100%;} 
#buero a{font-size: 24px; font-weight:300;}
#buero img {display:none;} 
#buero, #thematik{	margin:15px auto;width:95%;clear:both;font-size: 16px;}
blockquote {font-size: 1.125em;margin:2em 1em;}
.fl,.fr {float:left;}
.col50 {width: 100%;margin:0 1%;}
.krank-3 div {float:left; margin-left:2%; margin-right:0;width: 97%;}
article.abschnitt .textG  {width: 100%;min-height: 30px;} 
article.abschnitt .text  {width: 100%;min-height: 30px;}
article.abschnitt .say {display:none;} 
.rahm_t {border-top:0;}
.nosicht{display:none;}
.col24 {width: 45%;margin-right:3%;}
}

@media screen and (max-width: 480px) {
h1{font-size:1.6em;}
h2{font-size:1.4em;}
h3{font-size:1.2em;}
#page {width:100%;} 
#buero a{font-size: 24px; font-weight:300;}
#buero img {display:none;} 
.naturstein {width: 90%;margin:10px auto;}
.naturstein  img{width: 100%;border: 1px solid #9FA41D;} 
.natur {width: 100%;margin:10px auto;}
.natur  img{width: 80%;border: 1px solid #9FA41D;} 
.fl,.fr {float:left;}
#gewe li {width:100%;}
#baupla{font-size: 1.125em;letter-spacing:-.1em;}
#baupla a{font-size: 2.8em; }
#buero, #thematik{	margin:20px auto;width:90%;clear:both;font-size: 16px;}
blockquote {font-size: 1em;margin:2em 1em;} 
.col30 {width: 100%;margin:0 1%;}
.col32 {width: 100%;margin:0 1%;}
.col50 {width: 100%;margin:0 1%;}
.col60 {width: 100%;margin:0 1%;}
.col70 {width: 100%;margin:0 1%;}
.col24 {width: 100%;margin:0 1%;}
#artfot {display:none;} 
article.abschnitt .bild {width:90%;} 
article.abschnitt .textG  {width: 100%;min-height: 30px;} 

article.abschnitt .text  {width: 100%;min-height: 30px;} 
article.abschnitt .say {display:none;} 

ul.abst3 { margin: 20px 20px;}
ul.abst3 li{margin: 10px 10px;}
.ab{font-weight:300;font-size: 1.1em;}


.abschnitt  img {width: 100%;border: 1px solid #9FA41D;} 
.rahm_t {border-top:0;}

.bild2 {float: left;width: 14%;margin:15px 10px 0 0; max-height: 70px;}
.text2 p {float: right;width: 78%;margin:5px 0;max-height: 85px;overflow:hidden;}
.krank-2 div {float: none; margin: 0; width: 99%;}
.krank-4 div {float: left; margin-left: 2%; width: 48%; }
.klimaBild {margin:0 1%;}

.col23R{float: none;width: 100%;} 

#contact input,#contact textarea {background: #fff;width:95%;border:1px solid  #cccccc;padding:.5em;float:left;display:block;font-size:1.3em;}
#contact textarea {resize: vertical;height:10em;}
#contact label {display:block;padding-bottom:1em;overflow:hidden;}
#contact button {margin: 0 0 1em 1.5em;}
#contact label span.label {text-transform:uppercase;width:10em;vertical-align:top;display:block;float:left;font-size:1.38em;line-height:1em;}
#contact button {padding:.3em;border:1px solid #333333;color:#666666;cursor: pointer;background: #666666;color: #fff;font-weight: bold;}
#contact button.buttona {background: red;color: yellow; }
#contact button:hover {color:white; background:green;text-decoration: underline;}

}

@media screen and (max-width: 360px) {
h1{font-size:1.5em;}
h2{font-size:1.3em;}
h3{font-size:1.1em;}

h1.stora  {letter-spacing:-.05em;} 
#kopf{width: 24em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
#baupla a{font-size: 2em; }
#baupla{font-size: 1.125em;width: 16em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; }
.nosicht{display:none;}
}

@media screen and (max-width: 320px) {
.krank-4 div {float: none; margin-left: 2%; width: 95.5%;}
.klimaBild {margin:0 1%;width: 90%;}
  }