/* CSS Document - temp_flexi*/
/* Martin Spatz | Rechtsanwalt - www.raspatz.com */
body { text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%; margin:0; padding:0;}

/* für Browser, die min-width umsetzen */
.width {width:100%; min-width:900px; margin:0 auto;}

/* für IE`s  - min-width-hack von Stu Nicholls - http://www.cssplay.co.uk/boxes/minwidth.html */
* html .minwidth {border-left:900px solid #fff; position:relative; float:left; z-index:1;}
* html .page {margin-left:-900px; position:relative; float:left; z-index:2; text-align:left;}



#container {margin:0; padding:0; text-align:left;}
#header {width:100%; height:120px; margin:0; padding:0; background: url(bilder/head_5.jpg) top left no-repeat;}

/* Navigation oben */
#menuTop {float:right; margin:20px 30px 0 0; padding:0; color:#999;}
#menuTop a, menuTop a:visited {font-size:80%; color:#900; line-height:1.5em; text-decoration:none; border-bottom: 2px solid #900;}
#menuTop a:hover {color:#999; text-decoration:none; border-bottom: 2px solid #999;}

/* Navigation - Linke Spalte */
#columnLeft {float:left; width:20%; margin:0; padding:0 0 25px 0; background:url(bilder/bg4.gif) top right repeat-y;}
#columnLeft ul { width:80%; list-style-type:none; padding:10px 0 10px 0; margin:0px 0 0 3px; font-size:75%; color:#454545; background: url(bilder/bottom4.gif) bottom left repeat-x; }
#columnLeft li { list-style-type: none; padding:3px 0 3px 0; margin:0; color:#454545;  left no-repeat;}
#columnLeft a {text-decoration:none; color:#555; font-weight:bold; padding-left:5px;}
#columnLeft a:hover {text-decoration:none; color:#900; border-left:4px solid #900; padding-left:5px;}

/* Rechte Spalte */
#columnRight {float:right; width:25%; margin:0; padding:0; background:url(bilder/bg4.gif) top left repeat-y;}
#columnRight h3 {font-size:80%; line-height:2em; margin:0; padding:5px 0 0 10px;}
#columnRight p {font-size:85%; line-height:1.5em; margin: 0 0 0 10px; padding:8px;}

/* Content */
#content {width:55%; margin:0; padding:0; float:left; }
#content h1 {font-size:115%; color:#9BBDB3; line-height:1.4em; padding-left:25px; padding-top:0px;}
#content h2 {font-size:100%; color:#9BBDB3; line-height:1.4em; padding-left:25px; padding-top:0px;}
#content p {font-size:80%; color:#454545; line-height:1.5em; padding-left:25px;}
#content a {text-decoration: underline; color:#900;}
#content a:hover {text-decoration:none; color:#fff; background:#900;}
#content li {list-style-type: bullet;  font-size:80%; color:#454545;padding-left:25px;}

/* Footer */
#footer {clear:both; width:100%; min-width:800px; background: url(bilder/bottom4.gif) top left repeat-x; margin:0; padding-top:15px; text-align:center;}
#footer p {font-size:70%; color:#999; text-align:center; padding:8px; line-height:1.5em; margin: 0 auto;}
#footer a { text-decoration:none; color:#999;}
#footer a:hover { text-decoration:none; color:#900; border-bottom:2px solid #900;}

/* Box Mitte - Boxen mit runden Ecken zum Mitwachsen von Stu Nicholls - www.cssplay.co.uk - thank you!! */
.inset {background: transparent; width:90%; margin:0 auto;}
.inset h2, .inset p {margin:0;}
.inset h2 {font-size:120%; color:#9BBDB3; line-height:1.8em; font-weight:normal; padding-left:5%;}
.inset p {padding:5px; margin:0; line-height:1.5em;}
.inset .top, .inset .bottom {display:block; background:transparent; font-size:1px;}
.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {display:block; overflow:hidden;}
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {height:1px;}
.inset .b2 {background:#E8F0EE; border-left:1px solid #D9E6E2; border-right:1px solid #D9E6E2;}
.inset .b3 {background:#E8F0EE; border-left:1px solid #D9E6E2; border-right:1px solid #D9E6E2;}
.inset .b4 {background:#E8F0EE; border-left:1px solid #D9E6E2; border-right:1px solid #9BBDB3;}
.inset .b4b {background:#E8F0EE; border-left:1px solid #D9E6E2; border-right:1px solid #9BBDB3;}
.inset .b3b {background:#E8F0EE; border-left:1px solid #9BBDB3; border-right:1px solid #9BBDB3;}
.inset .b2b {background:#E8F0EE; border-left:1px solid #9BBDB3; border-right:1px solid #9BBDB3;}
.inset .b1 {margin:0 5px; background:#D9E6E2;}
.inset .b2, .inset .b2b {margin:0 3px; border-width:0 2px;}
.inset .b3, .inset .b3b {margin:0 2px;}
.inset .b4, .inset .b4b {height:2px; margin:0 1px;}
.inset .b1b {margin:0 5px; background:#9BBDB3;}
.inset .boxcontent {display:block; background:#E8F0EE; border-left:1px solid #D9E6E2; border-right:1px solid #9BBDB3;}

/* Boxen Rechts - Boxen mit runden Ecken zum Mitwachsen von Stu Nicholls - www.cssplay.co.uk - thank you!! */
.rbox {background: transparent; width:90%; margin-left:8%; margin-top:25px; color:#fff; padding:0;}
.rbox h2, .rbox p {margin:0;}
.rbox h2 {font-size:120%; line-height:1.8em; font-weight:normal; padding-left:5%;}
.rbox p {padding:5px; margin:0; line-height:1.5em;}
.rbox a {color:#fff; text-decoration:none; border-bottom:1px solid #fff;}
.rbox a:hover {color:#900; text-decoration:none; border-bottom:1px solid #900; background:#fff;}
.rbox .top, .rbox .bottom {display:block; background:transparent; font-size:1px;}
.rbox .b1, .rbox .b2, .rbox .b3, .rbox .b4, .rbox .b1b, .rbox .b2b, .rbox .b3b, .rbox .b4b {display:block; overflow:hidden;}
.rbox .b1, .rbox .b2, .rbox .b3, .rbox .b1b, .rbox .b2b, .rbox .b3b {height:1px;}
.rbox .b2 {background:#900; border-left:1px solid #C5342F; border-right:1px solid #C5342F;}
.rbox .b3 {background:#900; border-left:1px solid #C5342F; border-right:1px solid #C5342F;}
.rbox .b4 {background:#900; border-left:1px solid #C5342F; border-right:1px solid #530000;}
.rbox .b4b {background:#900; border-left:1px solid #C5342F; border-right:1px solid #530000;}
.rbox .b3b {background:#900; border-left:1px solid #530000; border-right:1px solid #530000;}
.rbox .b2b {background:#900; border-left:1px solid #530000; border-right:1px solid #530000;}
.rbox .b1 {margin:0 5px; background:#900;}
.rbox .b2, .rbox .b2b {margin:0 3px; border-width:0 2px;}
.rbox .b3, .rbox .b3b {margin:0 2px;}
.rbox .b4, .rbox .b4b {height:2px; margin:0 1px;}
.rbox .b1b {margin:0 5px; background:#530000;}
.rbox .boxcontent {display:block; background:#900; border-left:1px solid #C5342F; border-right:1px solid #530000; margin:0; padding:0;}

.rbox2 {background: transparent; width:90%; margin-left:8%; margin-top:25px; color:#454545; padding:0;}
.rbox h2, .rbox p {margin:0;}
.rbox2 h2 {font-size:120%; line-height:1.8em; font-weight:normal; padding-left:5%;}
.rbox2 p {padding:5px; margin:0; line-height:1.5em;}
.rbox2 a {color:#900; text-decoration:none; border-bottom:1px solid #900;}
.rbox2 a:hover {color:#fff; text-decoration:none; border-bottom:1px solid #900; background:#900;}
.rbox2 .top, .rbox2 .bottom {display:block; background:transparent; font-size:1px;}
.rbox2 .b1, .rbox2 .b2, .rbox2 .b3, .rbox2 .b4, .rbox2 .b1b, .rbox2 .b2b, .rbox2 .b3b, .rbox2 .b4b {display:block; overflow:hidden;}
.rbox2 .b1, .rbox2 .b2, .rbox2 .b3, .rbox2 .b1b, .rbox2 .b2b, .rbox2 .b3b {height:1px;}
.rbox2 .b2 {background:#E8F0EE; border-left:1px solid #D9E6E2; border-right:1px solid #D9E6E2;}
.rbox2 .b3 {background:#E8F0EE; border-left:1px solid #D9E6E2; border-right:1px solid #D9E6E2;}
.rbox2 .b4 {background:#E8F0EE; border-left:1px solid #D9E6E2; border-right:1px solid #9BBDB3;}
.rbox2 .b4b {background:#E8F0EE; border-left:1px solid #D9E6E2; border-right:1px solid #9BBDB3;}
.rbox2 .b3b {background:#E8F0EE; border-left:1px solid #9BBDB3; border-right:1px solid #9BBDB3;}
.rbox2 .b2b {background:#E8F0EE; border-left:1px solid #9BBDB3; border-right:1px solid #9BBDB3;}
.rbox2 .b1 {margin:0 5px; background:#D9E6E2;}
.rbox2 .b2, .rbox2 .b2b {margin:0 3px; border-width:0 2px;}
.rbox2 .b3, .rbox2 .b3b {margin:0 2px;}
.rbox2 .b4, .rbox2 .b4b {height:2px; margin:0 1px;}
.rbox2 .b1b {margin:0 5px; background:#9BBDB3;}
.rbox2 .boxcontent {display:block; background:#E8F0EE; border-left:1px solid #D9E6E2; border-right:1px solid #9BBDB3;}
.rbox2 .boxcontent ul { list-style-type:none; margin:0; padding:0;}
.rbox2 .boxcontent li { list-style-type:none; margin-left:15px; padding:0; background:url(bilder/list4.gif) left no-repeat; font-size:75%; line-height:1.7em; text-indent:1em;}
.rbox2 .boxcontent li a { text-decoration:none; color:#900; border:none;}
.rbox2 .boxcontent li a:hover { text-decoration:none; color:#fff; background:#900; margin:0; padding:0;}

/* Kontaktformular */
fieldset {width:90%;  margin:0 auto; padding:10px 0 10px 5px; border:1px solid #E8F0EE; }
fieldset legend {font-size:90%; color:#999; font-weight:bold; background:none; padding:15px 5px 0 5px;}
label { font-size:85%; line-height:1.5em; float:left; height:20px; padding:0 0 0 5px; margin-top: 1px; margin-bottom: 10px; color:#999; width:35%; }
.field { height:18px; float:left; border: #555 1px solid; width:55%; margin-bottom: 10px; margin-right:20px; background: #FFF; line-height:18px; color:#003366; text-indent:.5em; font-size:11px;}
.textarea {border: #555 1px solid; width:90%; margin:0 0 0 5px; }
.button {height: 20px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center }
.submit{cursor: pointer; clear:both; margin-left:22px; height: 22px; font-size:.8em; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff; background:#900; border-top:1px solid #cc3300; border-left:1px solid #cc3300; border-right:1px solid #6A0000; border-bottom:1px solid #6A0000; }
.submit:hover {cursor: pointer; color:#fff; background:#6A0000; border-top:1px solid #cc3300; border-left:1px solid #cc3300; border-right:1px solid #6A0000; border-bottom:1px solid #6A0000; }