* {box-sizing: border-box; -moz-box-sizing: border-box;}
a img {border:0;}
a:active, a:focus {text-decoration:underline;}
br {clear:both;}
form {margin:0; padding:0;}
hr, .hidden {display:none;}
table,td,input {font-family: Arial, sans-serif; font-size: 1em;}

.error {
	color: red;
	font-weight: bold;
}

.search_error {
	color: red;
	font-weight: bold;
}

body {
background-color: #B4B4B4;
color: #6D6D6D;
margin: 0;
text-align: center;
font-family: Arial, sans-serif;
font-size: 0.7em;
}

#userinfo {
	position:absolute;
	left: 820px;
	top: 85px;
	white-space:nowrap;
	color: #f2f2f2;
}

.double {height: 1020px !important;}
.tripple {height: 1440px !important;}

.rows3 {height: 600px !important;}
.rows4 {height: 740px !important;}
.rows5 {height: 880px !important;}
.rows6 {height: 1020px !important;}
.rows7 {height: 1160px !important;}
.rows8 {height: 1300px !important;}
.rows9 {height: 1440px !important;}
.rows10 {height: 1580px !important;}
.rows11 {height: 1720px !important;}
.rows12 {height: 1860px !important;}


#base {
position: relative;
text-align: left;
margin: 20px auto 0 auto;
background-color: white;
width: 980px;
height: 600px;
}


#head {
position: absolute;
top: 10px;
left: 10px;
width: 960px;
height:114px;
background-color: #D2D2D2;
border-bottom: 30px #FF3000 solid;
}
*:first-child+html #head {height:84px;}


#head a {
position: absolute;
top: 18px;
right: 20px;
display:block;
text-align: right;
}

.loginlogo {
position: absolute;
top: 3px;
left: 14px;
}


#navigation {
position: absolute;
left: 10px;
top: 135px;
width: 184px;
overflow:hidden;
}
#navigation ul, #navigation li {
list-style-type: none;
margin: 0;
padding:0;
line-height: 1.1em;
}
* html #navigation li {
float:left;
clear:both;
width:100%;
}


#content {
position: absolute;
top: 135px;
left: 204px;
width: 766px;
z-index: 500;
}



#foot {
position: absolute;
bottom: 52px;
left: 10px;
color: #B4B4B4;
width: 184px;
overflow:hidden;
}
#foot a {
color: #B4B4B4;
padding: 0 5px 0 5px;
display:inline !important;
width:auto !important;
}

.flabel {margin-bottom: 12px;padding-top:2px;}
label {float:left; width: 110px; margin-right: 30px; margin-left: 30px; margin-bottom: 12px;padding-top:2px;}
.second_label {float:left; width: 80px; margin-right: 10px; margin-left: 30px; margin-bottom: 12px;padding-top:2px;}
input {width: 200px;}
.small {width: 80px !important;}

.autosize {width: auto !important;}

/* txt */
a {text-decoration: none;}
#foot a:hover, #content a {color: #FF3000;}
.textbox {
background-color:#D2D2D2 ;
overflow:auto;
line-height: 140%;
padding: 10px 10px 0px 10px;
}
.textbox p {margin: 0 0 .8em 0;padding:0;}
.plink {font-weight:bold;}
.tlink {color: #D9000D !important; }

.coll {float:left;width:160px;margin-right:20px;}
.colr {float:right;width:160px;}

.w3 .coll, .w3 .colr {width:240px;}
.w4 .coll, .w4 .colr  {width:320px;}

#content ol, #content ul {margin:0 0 1em 16px;padding:0;}

/* navi */
#navigation a {
font-weight:bold;
display:block;
background-color: #D2D2D2;
color: #646464;
border-bottom: 1px white solid;
padding:6px 10px 6px 10px;
}
* html #navigation a {
width:100%;
}

#navigation li li a {
background-color: #EBEBEB;
padding-left:30px;
}
#navigation a:hover, #navigation a.active {
background-color: #FF3000;
color: white;
}
#navigation li li a:hover, #navigation li li a.active {
background-color: #EBEBEB;
color: #FF3000;
}

#navigation a.open {
background-color: #FF3000;
color: white;
}

#navigation li li a.open {
background-color: #EBEBEB !important;
color: #FF3000;
}

#navigation li li li a {
background-color: #EBEBEB;
padding-left:50px;
font-weight:normal;
}
#navigation li li li li a {
background-color: #EBEBEB;
padding-left:70px;
font-weight:normal;
}

#sitesearch {
clear:both;
padding:5px;
background-color: #D2D2D2;
margin-top:30px;
}
* html #sitesearch  {
float:left;
clear:both;
}

#q {
color: white;
background-color: #D2D2D2;
border:1px white solid;
padding:1px;
float:right;
width: 118px;
}
#btnsearch {
font-weight:bold;
color:#FF3000;
background-color: #D2D2D2;
border:0px;
padding:0px;
width:48px;
}




/* content */
.b {
position: absolute;
width: 184px;
height: 130px;
overflow:hidden;
display:block;

}

.p1  {top:0; left:0; z-index: 2;}
.p2  {top:0; left:194px;  z-index: 3;}
.p3  {top:0; left:388px;  z-index: 4;}
.p4  {top:0; left:582px;  z-index: 5;}
.p5  {top:140px; left:0;  z-index: 6;}
.p6  {top:140px; left:194px;  z-index: 7;}
.p7  {top:140px; left:388px;  z-index: 8;}
.p8  {top:140px; left:582px;  z-index: 9;}
.p9  {top:280px; left:0;  z-index: 10;}
.p10 {top:280px; left:194px;  z-index: 11;}
.p11 {top:280px; left:388px; z-index: 12;}
.p12 {top:280px; left:582px;  z-index: 13;}
.p13 {top:420px; left:0;  z-index: 14;}
.p14 {top:420px; left:194px;  z-index: 15;}
.p15 {top:420px; left:388px; z-index: 16;}
.p16 {top:420px; left:582px;  z-index: 17;}
.p17 {top:560px; left:0;  z-index: 18;}
.p18 {top:560px; left:194px;  z-index: 19;}
.p19 {top:560px; left:388px; z-index: 20;}
.p20 {top:560px; left:582px;  z-index: 21;}
.p21 {top:700px; left:0;  z-index: 22;}
.p22 {top:700px; left:194px;  z-index: 23;}
.p23 {top:700px; left:388px; z-index: 24;}
.p24 {top:700px; left:582px;  z-index: 25;}
.p25 {top:840px; left:0;  z-index: 26;}
.p26 {top:840px; left:194px;  z-index: 27;}
.p27 {top:840px; left:388px; z-index: 28;}
.p28 {top:840px; left:582px;  z-index: 29;}
.p29 {top:980px; left:0;  z-index: 30;}
.p30 {top:980px; left:194px;  z-index: 31;}
.p31 {top:980px; left:388px; z-index: 32;}
.p32 {top:980px; left:582px;  z-index: 33;}
.p33 {top:1120px; left:0px;  z-index: 34;}
.p34 {top:1120px; left:194px;  z-index: 35;}
.p35 {top:1120px; left:388px;  z-index: 36;}
.p36 {top:1120px; left:582px;  z-index: 37;}
.p37 {top:1260px; left:0px;  z-index: 38;}
.p38 {top:1260px; left:194px;  z-index: 39;}
.p39 {top:1260px; left:388px;  z-index: 40;}
.p40 {top:1260px; left:582px;  z-index: 41;}
.p41 {top:1400px; left:0px;  z-index: 42;}
.p42 {top:1400px; left:194px;  z-index: 43;}
.p43 {top:1400px; left:388px;  z-index: 44;}
.p44 {top:1400px; left:582px;  z-index: 45;}




.flash {
z-index: 1 !important;
padding: 0 !important;
background-color: white;
}
.flash .i {
margin:0px !important;
}

.w2 {width: 378px;}
.w3 {width: 572px;}
.w4 {width: 766px;}




.red {background-color: #FF3000;}
.darkred {background-color: #D9000D;}

.topborder, .darktopborder {
border-top: 28px #FF3000 solid;
overflow:auto !important;
}

.darktopborder {
border-top-color: #D9000D !important;
}

.ontop {z-index:999;}



.top .i {
margin: -10px -10px 10px -10px;
display:block;

}
.right .i {
float:right;
margin: -10px -10px 0 10px;
}
* html .right .i {
margin-right: -5px; /* IE margin-verdoppelungs-bug */
}


.left .i {
float:left;
margin: -10px 10px 0 -10px;
}



/*-> body.homepage .teasbox*/
.teashome {  
background-image: url(../img/l/bgteaser2.gif) !important;
padding-top:28px !important;
}

.teasbox {
background: #D2D2D2 url(../img/l/bgteaser.gif) no-repeat 0 0;
padding: 40px 10px 0 10px;
color: #6D6D6D !important;
}

.teasbox:hover {
background-position: 0 -200px;
}
.teasbox strong {
display:block;
margin-bottom: .9em;
font-size: 1.25em;
}
.teasbox em {
font-style:normal;
color: #FF3000;
}
.teasbox:active,.teasbox:focus {text-decoration:none !important;}


#abar {
position: absolute;
bottom: 10px;
left: 10px;
width: 960px;
height:35px;
background: white url(../img/l/bgfootar.gif) repeat-x 0 0;
}


#navigation ul ul a {display:none;}
.visible,.open, .menu,.active {display:block !important;}


/*
	Bereich aus dem default CSS für dynamische Listen.
*/
.colfilter {
border-color: #AAAAAA #AAAAAA #AAAAAA #AAAAAA !important;
border: 2px #AAAAAA solid;
color: #AAAAAA !important;
}

.asc,.desc {
border-color: #AAAAAA #AAAAAA #AAAAAA #AAAAAA !important;
border: 2px #AAAAAA solid;
padding-right:10px !important;
background-image: url(../img/asc.gif);
background-position: right bottom;
background-repeat:no-repeat;
}
.desc {
background-image: url(../img/desc.gif);
}

#filtermenu {
display:none;
border:1px solid;
border-color: #AAAAAA  #AAAAAA  #AAAAAA  #AAAAAA;
width:100px;
font-size:10px;
overflow:hidden;
z-index:999;
}

#filtervals:empty {
display:none;
}


#filtertext {
border: 2px solid;
border-color: #555 #DDD #DDD #555;
padding: 1px 2px 1px 5px;
margin-top:-1px;
margin-bottom:-1px;
box-sizing: border-box;
-moz-box-sizing: border-box;
width: 100% !important;
color:black;
}
.fatkiv {
font-weight: bold;
}

#filtermenu a {
display:block;
padding: 2px 2px 2px 6px;
text-decoration:none;
color:black;
background-color:white;
clear:both;
box-sizing: border-box;
-moz-box-sizing: border-box;
width: 100% !important;
}
#filtermenu a:hover {
background-color:highlight;
color:highlighttext;
}

#filtermenu span {
color:#777;
display:block;
background-color:white;
padding:2px;
}

table {width: 100%; font-size: 100%; empty-cells: show; }
th {color:white; border-top: 1px #2F2F2F solid;cursor:pointer;cursor:hand;padding-top:6px !important;padding-bottom:6px !important;}
td, th {
text-align:left;
vertical-align:top;
border-bottom: 1px #E6E6E6 solid;
border-top: 1px #E6E6E6 solid;
border-left: 1px #E6E6E6 solid;
padding: 3px 10px 3px 10px;
background-color: #D2D2D2; 
}

.imgtd {
padding: 0px !important;
background-color: white !important;
width: 90px;
}

.first {border-left: 0px; white-space:nowrap; padding-left:4px; padding-right:0px;}
.first input {float:left;}
.rowh td { 
background-color: #EBEBEB;
}
.tablerechts td, .tablerechts th {
border:0;
border-bottom:1px white solid;
padding: 7px 8px 7px 10px !important;
}

.tablerechts .listtitle, .frow td, .frow th {
background-color: #FF3000 !important;
color: white;
font-weight:bold;
}

.frow2 {
background-color: #D2D2D2;
font-weight:bold;
}

input,textarea,select,option {
background-color: #EBEBEB;
color: black;
}

.sysbtn {
height:20px;
width:20px;
border: 0px;
background-repeat: no-repeat;
background-color: transparent;
}
.sysbtn.hover {background-position: 0px 0px;}

.copy {background-image:url('../img/dupl_doc.gif');}
.edit {background-image:url('../img/edit.gif');}
.remove {background-image:url('../img/zurueck.gif');}
.up {background-image:url('../img/move_up.gif');}
.down {background-image:url('../img/move_down.gif');}
.add {background-image:url('../img/add_doc.gif');}
.save {background-image:url('../img/save.gif');}
.escape {background-image:url('../img/escape.gif');}
.del {background-image:url('../img/trash.gif');}
.weiter {background-image:url('../img/a_weiter.gif');}
.tweiter {background-image:url('../img/a_ende.gif');}
.zurueck {background-image:url('../img/a_zurueck.gif');}
.tzurueck {background-image:url('../img/a_start.gif');}
.weiterd {background-image:url('../img/a_weiter_d.gif');}
.tweiterd {background-image:url('../img/a_ende_d.gif');}
.zurueckd {background-image:url('../img/a_zurueck_d.gif');}
.tzurueckd {background-image:url('../img/a_start_d.gif');}

.trostbutton {
border:0px;
color:#646464;
cursor:pointer;
width: 184px;
margin-right:1px;
padding:6px 10px 6px 10px;
font-weight:bold;
text-align: center !important;
background-color: #D2D2D2 !important;
}


input#ibutton {
margin-top:-8px !important;
}

a.trostbutton {
display:block;
float:left;
color:#646464 !important;
}

.textbox .trostbutton {
background-color: #B4B4B4 !important;
width: 150px;
margin: 0 1px 1px 0;
}

.trostbutton:hover {
background-color: #FF3300 !important;
color: white !important;
}

input, textarea, select {
font-size: 1em;
font-family: Arial, sans-serif;
}

.textbox input, .textbox textarea, .textbox select {
width: 96%;
}
.textbox textarea {
height: 60px;
}

/* IE7 HACK */
*:first-child+html .textbox textarea {
height: 50px;
}

.textbox label {
width:auto;
display:block;
float: none;
margin:0 0 1px 0;
}

.textbox h3 {margin-top:0px;}

.buttonbar {
position: absolute;
bottom: 1px;
right:1px;
}


.teasbox img {
position:absolute;
left:0px;
top:29px;
border:1px #B4B4B4 solid;
}

.trost_teaser_headline {
position: absolute;
top: 8px;
left: 5px;
color: #ffffff;
}



.werkstattform input {
width: auto;
margin:0;
display:inline;
}
.werkstattform label {
width: 160px !important;
}
.werkstattform .trostbutton {
padding:3px;
width:68px;
margin-bottom: 10px;
}

.werkstattform .input-search, .werkstattform .select-search {
width: 180px;
}
.autotable td {
border:0;
padding:0;
}

.werkstattform .sysbtn {
width:20px;
}

.hx {height:auto;}
.h2 {height: 270px;}
.h3 {height: 410px;}
.h4 {height: 550px;}
.h5 {height: 690px;}
.h6 {height: 830px;}
.h7 {height: 970px;}
.h8 {height: 1110px;}
.h9 {height: 1250px;}
.h10 {height: 1390px;}

*:first-child+html .textbox {height: 120px;}
*:first-child+html .textbox.h2 {height: 260px;}
*:first-child+html .textbox.h3 {height: 400px;}
*:first-child+html .textbox.h4 {height: 540px;}
*:first-child+html .textbox.h5 {height: 680px;}
*:first-child+html .textbox.h6 {height: 820px;}
*:first-child+html .textbox.h7 {height: 960px;}
*:first-child+html .textbox.h8 {height: 1110px;}
*:first-child+html .textbox.h9 {height: 1240px;}
*:first-child+html .textbox.h10 {height: 1380px;}

/* IE7 textbox h3 ohne topborder braucht mehr hoehe, wird darum zuerst definiert */
*:first-child+html .textbox.h3 {height: 400px !important;}

*:first-child+html .teasbox, *:first-child+html .topborder  {height: 90px !important;}
*:first-child+html .teasbox.h2, *:first-child+html .topborder.h2 {height: 230px !important;}
*:first-child+html .teasbox.h3, *:first-child+html .topborder.h3 {height: 370px !important;}
*:first-child+html .teasbox.h4, *:first-child+html .topborder.h4 {height: 510px !important;}
*:first-child+html .teasbox.h5, *:first-child+html .topborder.h5 {height: 650px !important;}
*:first-child+html .teasbox.h6, *:first-child+html .topborder.h6 {height: 790px !important;}
*:first-child+html .teasbox.h7, *:first-child+html .topborder.h7 {height: 930px !important;}
*:first-child+html .teasbox.h8, *:first-child+html .topborder.h8 {height: 1070px !important;}
*:first-child+html .teasbox.h9, *:first-child+html .topborder.h9 {height: 1210px !important;}
*:first-child+html .teasbox.h10, *:first-child+html .topborder.h10 {height: 1350px !important;}


*:first-child+html .h2 {height: 260px !important;}
*:first-child+html .h3 {height: 410px !important;}
*:first-child+html .h4 {height: 550px !important;}
*:first-child+html .h5 {height: 690px !important;}
*:first-child+html .h6 {height: 830px !important;}
*:first-child+html .h7 {height: 970px !important;}
*:first-child+html .h8 {height: 1110px !important;}
*:first-child+html .h9 {height: 1250px !important;}
*:first-child+html .h10 {height: 1390px !important;}


*:first-child+html .b  {width:164px;}
*:first-child+html .w2 {width: 358px;}
*:first-child+html .w3 {width: 552px;}
*:first-child+html .w4 {width: 766px;}
*:first-child+html .w4.textbox {width: 746px;}

*:first-child+html .flash.w2 {width: 378px !important;}
*:first-child+html .flash.w3 {width: 572px !important;}
*:first-child+html .flash.w4 {width: 766px !important;}

*:first-child+html .textbox.h3.flash {height: 410px !important;}

.staticposition {
height: auto !important;
padding-top: 10px;
padding-bottom: 10px;
}
.staticposition #head {
position: relative;
top: auto;
left: auto;
margin-left: 10px;
margin-bottom: 10px;
}
.staticposition #navigation {
position: static;

margin-left: 10px;
display: inline;
float: left;
}
.staticposition #content {
position: relative;
top:0;
left:0;
padding-top: 140px;
margin-right: 10px;
display: inline;
float: right;
}
.staticposition #foot {
position:static;
clear:both;
padding: 20px 0 0 10px;
}
.staticposition .hx {
height: auto;/* EDIT FG: !important raus*/
overflow: hidden !important;
position: static;
}

body .staticposition #content .hx {
height: auto !important;
}

.staticposition #abar {
position: static;
clear:both;
margin: 10px 0 0 10px;
}


.static-below-8 #content {
padding-top:280px !important;
}
.static-below-12 #content {
padding-top:420px !important;
}
.static-below-16 #content {
padding-top:560px !important;
}
.static-below-20 #content {
padding-top:700px !important;
}
.static-below-24 #content {
padding-top:840px !important;
}





input#ibutton {
margin-top:-8px !important;
}


.input-profil input, .profil-week input, .profil-zahlung input, .ws-leistung input {
width: auto;
}

.select-profil-multi {
width:140px !important;
}

* html .profil-grey-einzeilig div, * html .profil-darkgrey-mehrzeilig div div {
display: inline;
}

*:first-child+html input[name='BaujahrBis'] {
width: 134px !important;
}
input[type='radio'], input[type='checkbox'] {
background-color: transparent !important;
}
*:first-child+html .input-profil #ort {
width: 90px !important;
}
*:first-child+html .input-profil #fax {
width: 66px !important;
}
/*
div.p17, div.hx {
width: 378px !important;
}
*/
input#iplz_bereich{
	width:50px;
}

/* TROST SCHAU 08 */
div#popup {
	position:absolute;
	width:200px;
	height:200px;
	left:20px;
	top:-1000px;
	z-index: 300;
}


div#special {
  position:absolute;
	z-index:200;
	left:200px;
	line-height:0;
	visibility: hidden;
}