/* CSS Document - temp_flexi*/
/* brings | büro für kommunikation - www.brings-online.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:780px; 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 0; padding:0 0; text-align:left;}
#header {width:880px; height:150px; margin:0 0; padding:0 0;; background-image: url(bilder/header4.jpg); background-repeat: no-repeat; background-position: top left}

/* Navigation oben */
#menuTop {float:right; margin:20px 30px 0 0; padding:0; color:#999;}
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:170px; margin:0 0; padding:0 0 5px;; background-image: url(bilder/bg4.gif); background-repeat: repeat-y; background-position: top right; line-height: 1.2em; font-size: 15px; clip:   rect(   )}
#columnLeft ul { width:80%; list-style-type:none; padding:0 0 5px; margin:5px 0 0 7px; font-size:11px; color:#454545; ; background-image: url(bilder/bottom4.gif); background-repeat: repeat-x; background-position: bottom left}
#columnLeft li { list-style-type: none; padding:3px 0 1px; margin:0 0; color:#454545; background:url(bilder/list4.gif) left no-repeat;; font-size: 11px}
#columnLeft a {text-decoration:none; color:#555; font-weight:bold; padding-left:12px;; font-size: 10px}
#columnLeft a:hover {text-decoration:none; color:#900; border-left:4px solid #900; padding-left:8px;}

/* Rechte Spalte */
#columnRight {
	float:right;
	width:190px;
	margin:0 0;
	padding:0 0 5px;
	;
	background-image: url(bilder/bg4.gif);
	background-repeat: repeat-y;
	background-position: top left;
	line-height: 1.2em;
	font-size: 15px;
	clip:      rect(   )
}
#columnRight ul { width:80%; list-style-type:none; padding:0 0 5px; margin:5px 0 0 20px; font-size:11px; color:#454545; ; background-image: url(bilder/bottom4.gif); background-repeat: repeat-x; background-position: bottom left; clip:   rect(   )}
#columnRight li { list-style-type: none; padding:3px 0 1px; margin:0 0; color:#454545; background:url(bilder/list4.gif) left no-repeat;; font-size: 11px}
#columnRight a {text-decoration:none; color:#555; font-weight:bold; padding-left:12px;; font-size: 10px}
#columnRight a:hover {text-decoration:none; color:#900; border-left:4px solid #900; padding-left:8px;}

/* Content */
#content {width:520px; margin:0 0; padding:0 0; float:left; }
#content h1 {font-size:15px; color:#9BBDB3; padding-left:25px; padding-top:25px;; text-align: center; line-height: 1pt}
#content h2 {font-size:14px; color:#9BBDB3; line-height:1pt; padding-left:25px; padding-top:25px;; text-align: center}
#content p {font-size:12px; color:#454545; line-height:1.5em;}
#content a {text-decoration: underline; color:#900;}
#content a:hover {text-decoration:none; color:#fff; background:#900;}

/* Footer */
#footer {clear:both; width:900px; min-width:800px; background: url(bilder/bottom4.gif) top left repeat-x; padding-top:15px; text-align:center;; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0}
#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:90%; 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:80%; 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:80%; line-height:1.8em; font-weight:normal; padding-left:5%;}
.rbox2 p {padding:2px 2px; margin:0 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;; font-size: 14px}
.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:10px; line-height:1.7em; text-indent:1em;}
.rbox2 .boxcontent li a { text-decoration:none; color:#900; border:none;; font-size: 10px; font-weight: bolder}
.rbox2 .boxcontent li a:hover { text-decoration:none; color:#fff; background:#900; margin:0; padding:0;}

/* Kontaktformular */
fieldset {width:90%;  margin:0 5px 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:100%; 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; }
h4 {  font-family: Arial, Helvetica, sans-serif; font-size: 1.2em}
h3 {  font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bolder}

#menuTop a { font-size:0.7em; color:#900; line-height:1.5em; text-decoration:none; border-bottom: 2px solid #900; } #columnLeft h3 {
	font-size:11px;
	margin:0 0 0 10px;
	padding:0px 0 0 0px;
	;
	text-align: center;
	color: #FFFFFF;
	background-color: #990000;
	font-weight: bolder;
	width: 140px
}
#content h3 { font-size:12px; color:#000000; line-height:normal;; text-align: left}
#content li { list-style-type: none; padding:3px 0 1px; margin:0 0; color:#454545;; font-size: 12px; font-weight: bolder; line-height: 1.5em}
#columnLeftr { float:left; width:187px; margin:0 0; padding:0 0 5px;; background-image: url(bilder/bg4.gif); background-repeat: repeat-y; background-position: top right; line-height: 1.2em; font-size: 15px; clip: rect( ) }
#columnRight h3 {
	font-size:11px;
	margin:0 15px;
	padding:0px 0 0 0px;
	;
	text-align: center;
	color: #FFFFFF;
	background-color: #990000;
	font-weight: bolder;
	width: 140px
}