* {
padding:0;
margin:0;
}

html{
height:100%; 
max-height:100%; 
padding:0; 
margin:0; 
border:0; 
background:#ffffff url(/images/bg_pixel.gif) top left repeat;
font-size:76%; 
font-family:arial;
}

body{
height:100%; 
max-height:100%; 
padding:0; 
margin:0; 
border:0;
background:#ffffff url(/images/bg_pixel.gif) top left repeat;
text-align:center;
}

#wrapper{
width:984px;
z-index:1;
margin: 0 auto;
text-align:left;
}

*html #wrapper{
margin-left:4px;
}

#head{
float:left;
position:absolute;
top:0px; 
width:984px; 
height:100px;
z-index:3; 
background:#ffffff url(/images/sheader.jpg)  0px 0px no-repeat; 
font-size:14px;
font-weight:bold;
color:#663333; 
}

#main{
float:left;
width:941px;
padding:100px 28px 20px 15px;
color:#663333;
z-index:2; 
background:#ffffff;    
}

*html #main{
width:984px;
padding:100px 28px 20px 15px;
z-index:2;
}

#foot{
clear:both;
width:984px;
height:25px;
color:#663333;
text-align:center;
z-index:4px;
background: transparent url(/images/footer.gif) top left no-repeat;    
}

h1{
margin-bottom:5px;
font-size:13px;
color:#ff9820;    
}

h2{
font-size:12px;
color:#ff9820;
padding-bottom:10px;    
}

p{
padding:0px 0px 10px 0px;    
}

p.val_error{
color:#8b0000;
font-weight:bold;
}

a{
color:#ff9820;
}

.bold{
font-weight:bold;   
}

input.submit{
width:80px;
height:22px;
margin-top:10px;
color:#663333;
border:1px solid #B8B7B4;
background:#E2E1DD;
}

input.mahnung{
width:60px;
font-size:10px;
height:18px;
color:#663333;
border:1px solid #B8B7B4;
background:#E2E1DD;
}

input.bezahlt{
width:60px;
font-size:10px;
height:18px;
color:#006600;
border:1px solid #B8B7B4;
background:#E2E1DD;
}

#head ul.l{
position:absolute;
left:34px;
top:24px;
list-style-type:none;    
}

#head ul.l li{
display:inline;
margin-right:0px;    
}

#head ul.l a{
color:#663333;
font-size:14px;
font-weight:500;
text-decoration:none;    
}

#head ul.l img{
position:relative;
top:4px;   
}

#head ul.s{
position:absolute;
left:390px;
top:28px;
list-style-type:none;    
}

#head ul.s li{
display:inline;
margin-right:0px;    
}

#head ul.s a{
color:#663333;
font-size:12px;
font-weight:500;
text-decoration:none;    
}

#head ul.s img{
position:relative;
top:3px;   
}

#head ul a:hover{
color:#ff9820;
}

#position{
position:absolute;
left:20px;
top:70px;
color:#ff9820;
font-weight:bold;    
}

#foot ul{
list-style-type:none;    
}

#foot ul li{
display:inline;
padding:2px;    
}

#foot ul a{
color:#663333;
}

#content{
float:right;
width:740px;
}

#content div.col1{
float:left;
width:345px;
margin-right:8px;
}

#content div.col1 p{
padding:5px 0px 0px 0px;    
}

#content div.col2{
float:left;
width:345px;
}

#content div.col2 p{
padding:5px 0px 0px 0px;    
}

#content div.col2 table{
margin-top:5px;    
}

#content div.col2 table td{
width:167px;
text-align:left
}

#content div.col2 table td.row2{
padding-right:9px;    
}

#content h4{
width:350px;
height:17px;
padding:3px 0px 0px 10px;
color:#ffffff;
background:#ffffff url(/images/mh.gif) no-repeat top left;
font-size:12px;    
}

*html #content h4{
width:360px;   
}

#content div.act{
float:left;
}

#content div.bimg{
width:358px;
height:245px;
text-align:center;
padding-top:24px;
margin-right:10px;
border-left:1px solid #E2E1DD;
border-right:1px solid #E2E1DD;    
}

*html #content div.bimg{
width:360px;
height:269px;
}

#content div.bimg a{
border:none;   
}

#content div.bimg img{
border:none;   
}

#content div.pkw{
float:left;
width:370px;
padding-top:10px;
background:#ffffff url(/images/pbrt.gif) no-repeat top left;
}

#content div.pkm{
float:left;
width:340px;
padding:0px 15px 0px 15px;
background:#E2E1DD;    
}

*html #content div.pkm{
width:370px;
}

#content div.pkm table{
float:left;
width:190px;
text-align:left;
font-size:12px;
color:#663333;
}

#content div.pkm table td.input{
text-align:right;
}

#content div.pkm table input{
background:#ffffff;
border:1px solid #663333;
color:#663333;
text-align:right;
height:16px;    
}

#kalpr{
float:left;
width:150px;
text-align:center;    
}

#kalpreis{
padding:5px 0px 5px 0px;
color:#CC0000;
}

#kalpreis p.preis{
margin:0px;
padding:0px;
font-size:16px;
font-weight:bold;
}

#kalpreis p.hzk{
margin:0px;
padding:0px;
font-size:10px;
}

#content div.form_submit{
padding-top:3px;     
}

#content div.form_submit img{
border:none;     
}

#content div.form_submit a{
border:none;
}

#content div.form_submit a:active{
border:none;
}

#content div.pkb{
float:left;
width:370px;
height:10px;
background:#ffffff url(/images/pbrb.gif) no-repeat top left;    
}

#galerie{
margin-top:4px;
}

*html #galerie{
margin-top:0px;
}

#galerie a{
border:none;
}

#galerie img{
border:none;
}

#galerie td{
text-align:center;
padding:0px 4px 0px 4px;
width:88px;
height:88px;
}

#galerie td.left{
padding:0px 4px 0px 0px;    
}

#galerie td.right{
padding:0px 0px 0px 4px;    
}

#sidebar{
float:right;
width:190px;
padding-right:10px;
}

#sidebar h2{
width:180px;
height:17px;
padding:3px 0px 0px 10px;
color:#ffffff;
background:#ffffff url(/images/sbh.gif) no-repeat top left;    
}

*html #sidebar h2{
width:190px;
}

#sidebar div.aktion{
width:150px;
padding:15px 20px 15px 20px;
text-align:center;
background:#E2E1DD url(/images/aktionb.gif) no-repeat bottom left;    
}

*html #sidebar div.aktion{
width:190px;
}

#sidebar div.aktion a{
border:none;   
}

#sidebar div.aktion img{
border:none;   
}

#sidebar table{
color:#663333;
font-size:12px;
}

#sidebar table th{
padding:5px 0px 5px 0px;
color:#663333;
text-align:left;
}

#amap{
width:400px;
height:400px;
margin:10px 0px 10px 0px;
}

#side{
float:left;
width:700px;
padding:10px 20px 10px 19px;
border-left:1px solid #E2E1DD;    
}

*html #side{
width:739px;
}

#side div.trenner{
float:left;
width:100%;
padding-top:10px;
margin-bottom:5px;
border-top:1px dashed #E2E1DD;   
}

#side ul{
margin:0px 15px 10px 0px;
list-style-type:none;    
}

#side ul.left{
float:left;
width:120px;
}

#side ul li{
height:15px;
padding:3px 0px 0px 20px;
margin-bottom:2px;
background:#ffffff url(/images/ticksel.gif) top left no-repeat;
}

/*overlay*/
#overlay{
position: fixed;
z-index:7;
top: 0px;
left: 0px;
height:100%;
width:100%;
}

* html #overlay{
position: absolute;
height: expression(document.body.scrollHeight > document.body.
offsetHeight ? document.body.scrollHeight : document.body.
offsetHeight + 'px');
}

.overlayBG{
background-color:#CCCCCC;
-ms-filter: "Alpha(Opacity=75)"; /* IE 8 */
filter:alpha(opacity=75); /* IE5-7 */
-moz-opacity: 0.75; /* Mozilla */
opacity: 0.75;
}

#overlay a.close{
width:100%;
height:100%;
display:block;    
}

#overlay_flex{
position:fixed;
top:50%;
left:50%;
z-index:200;
padding:20px;
color:#663333;
text-align:left;
background-color:#ffffff;
background-image:url(/images/logotipo_klein.jpg);
background-repeat:no-repeat;
border:1px solid #663333;
}

#overlay_flex table{
color:#663333;
font-size:12px;    
}

#overlay_flex table.border{
margin:10px 0px 10px 0px;
border:1px solid #B8B7B4;
}

#overlay_flex table.border td
{
background:#E2E1DD;
padding:3px;
}

* html #overlay_flex{
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + 
(TBWindowMargin = document.documentElement && 
document.documentElement.scrollTop || 
document.body.scrollTop) + 'px');
}

#overlay_map{
position:fixed;
top:50%;
left:50%;
margin-left:-221px;
margin-top:-277px;
z-index:200;
width:400px;
height:511px;
padding:20px;
color:#663333;
text-align:left;
background:#ffffff url(/images/logotipo_klein.jpg) no-repeat 265px 10px;
border:1px solid #663333;
}

* html #overlay_map{
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + 
(TBWindowMargin = document.documentElement && 
document.documentElement.scrollTop || 
document.body.scrollTop) + 'px');
}

#overlay_map p.colo{
color:#CC6600;
margin-top:10px;    
}

#overlay_map table{
color:#663333;
font-size:12px;    
}

#overlay_beleg{
position:fixed;
top:50%;
left:50%;
margin-left:-376px;
margin-top:-356px;
z-index:200;
width:710px;
height:670px;
padding:20px;
color:#663333;
text-align:left;
background:#ffffff url(/images/logotipo_klein.jpg) no-repeat 565px 10px;
border:1px solid #663333;
}

* html #overlay_beleg{
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + 
(TBWindowMargin = document.documentElement && 
document.documentElement.scrollTop || 
document.body.scrollTop) + 'px');
}

#overlay_beleg p.colo{
color:#CC6600;
margin-top:10px;    
}

#overlay_beleg table{
color:#663333;
font-size:12px;    
}

#overlay_galerie_q{
position:fixed;
top:50%;
left:50%;
z-index:200;
padding:20px;
color:#663333;
text-align:left;
background-color:#ffffff;
background-image:url(/images/logotipo_klein.jpg);
background-repeat:no-repeat;
border:1px solid #663333;
}

* html #overlay_galerie_q{
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + 
(TBWindowMargin = document.documentElement && 
document.documentElement.scrollTop || 
document.body.scrollTop) + 'px');
}

#overlay_galerie_q table{
color:#663333;
font-size:12px;    
}

#overlay_galerie_q p.colo{
color:#CC6600;
margin-top:10px;    
}

#overlay_galerie_q table.galerie{
margin-top:15px;
text-align:center;
font-weight:bold;    
}

#overlay_galerie_q table.galerie td{
text-align:center;
vertical-align:middle;    
}

#overlay_galerie_q table.galerie a{
color:#ffffff;
}

#overlay_galerie_q table.galerie img{
border:none;
}

#overlay_kalerror{
position:fixed;
top:50%;
left:50%;
margin-left:-221px;
margin-top:-110px;
z-index:200;
width:400px;
height:178px;
padding:20px;
color:#663333;
text-align:left;
background:#ffffff url(/images/logotipo_klein.jpg) no-repeat 265px 10px;
border:1px solid #663333;
}

* html #overlay_kalerror{
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + 
(TBWindowMargin = document.documentElement && 
document.documentElement.scrollTop || 
document.body.scrollTop) + 'px');
}

#overlay_kalerror p.colo{
color:#CC6600;
margin-top:10px;    
}

/*belegungsplan*/
#calendar{
margin-top:10px;
}

#calendar div.hjahr{
float:left;
width:100%;
}

#calendar table.calmon td{
vertical-align:top;
}

#calendar table{
position:relative;
top:-2px;
font-size:9px;
color:#151515;
padding:0px;
margin:0px 1px 0px 0px;
border:0px;
}

#calendar table td{
height:14px;
padding:0px;
margin:0px;
font-size:9px;
}

#calendar table th{
width:106px;
font-size:9px;
background:#ff9900 url(/images/kako.gif) top left no-repeat;
font-family:verdana;
color:#ffffff;
text-align:center;
padding:1px 0px 1px 5px;
}

#calendar table td.wt{
font-family:verdana;
color:#663333;
}

/*eigene*/
#calendar table td.tag1{
background:#a0a0a0;
font-family:verdana;
color:#000000;
}

/*vierwände*/
#calendar table td.tag0{
background:#a0a0a0;
font-family:verdana;
color:#000000;
}

/*frei*/
#calendar table td.tag2{
background:#ffffff;
font-family:verdana;
color:#663333;
}

#single_month table{
margin:3px 0px 5px -4px;
width:194px;
}

#single_month table th{
width:194px;
padding:3px 0px 3px 0px;
color:#ffffff;
background:#ffffff url(/images/sbh.gif) no-repeat top left;
text-align:center;    
}

#single_month table th span{
margin-left:0px;    
}

#single_month table th a{
position:relative;
top:-1px;
color:#ffffff;
text-decoration:none;
font-size:14px;    
}

#single_month table td{
padding:0px;
margin:0px;
font-size:11px;
}

#single_month table td.wt{
text-align:center;
font-family:verdana;
color:#663333;
}

/*eigene*/
#single_month table td.tag1{
height:24px;
background:#a0a0a0;
font-family:verdana;
color:#000000;
border:2px solid #ffffff;
}

/*vierwände*/
#single_month table td.tag0{
height:24px;
background:#a0a0a0;
font-family:verdana;
color:#000000;
border:2px solid #ffffff;
}

/*frei*/
#single_month table td.tag2{
height:24px;
background:#ffffff;
font-family:verdana;
color:#663333;
border:2px solid #ffffff;
}

/*Antrag*/
#antrag_head{
width:984px;
height:30px;
background: transparent url(/images/footer_top.gif) no-repeat center top;    
}

#antrag_body{
float:left;
width:100%;
text-align:center; background:#ffffff;    
}

#antrag_body div.freis{
float:left;
width:50%;
padding-bottom:15px;    
}

#antrag_body input{
width:200px;
border:1px solid #ffffff;
font-size:17px;
color:#ffffff;    
}

#antrag_body input.green{
background:#088A08;
}

#antrag_body input.red{
background:#DF0101;    
}


#appetit{
padding-left:20px;
}

#appetit input{
width:200px;
border:1px solid #663333;
color:#663333;
background:#ffffff;    
}

#appetit input.submit{
width:100px;
border:1px solid #ffffff;
color:#ffffff;
background:#DF0101;    
}

#appetit table{
border:1px solid #663333;
padding:5px;    
}

#appetit table td{
padding:2px;    
}

table.filter td.stg{
height:40px;
padding:0px 5px 0px 3px;    
}

table.rechnungen th{
padding:0px 2px 0px 2px;    
}

table.rechnungen td{
padding:2px;    
}

table.rechnungen td.center{
text-align:center;    
}

table.rechnungen td span.red{
color:#ff0000;    
}

table.rechnungen td span.green{
color:#006600;    
}