html, body{  
font-family:Verdana,Arial,Helvetica,sans-serif; 
font-size:12px; 
color: #333333;
}
h2 {margin-bottom:3px;
    font-size:15px;}
a{ 
color:#333333; 
text-decoration:none; 
} 
a:hover{ 
color:#cc0000; 
text-decoration:underline; 
} 
a:active{ 
color:#cc0000; 
text-decoration:underline; 
} 
#small{
font-size:10px;
}
#pagewidth{  
float:middle;
width:900px;
margin-left:auto;  
margin-right:auto; 
}  
#headcols{ 
width:900px; 
float:right;  
position:relative;  
} 
#headerleft{ 
position:relative;  
float:left; 
width:350px; 
height:64px;
background-image:url(img/head-lo.gif);
background-repeat:no-repeat; 
background-color:#cc0000;
text-align:left;
} 
#logo{
border:0;
margin-left:15px;
}
#headerright{ 
position:relative; 
float:right; 
height:64px; 
background-image:url(img/head-ro.gif); 
background-position:right top; 
background-repeat:no-repeat; 
background-color:#cc0000; 
width:550px;
text-align:right;
}
#fullbanner{ 
margin-top:15px;
margin-right:15px;
border:0; 
} 
#hnavi{
margin:0; 
border:0; 
padding:0;
float:left;
width:900px;
background-image: url(../img/menu-bg.gif);
} 
/* KARTEIREITER */ 
#hnavi ul {
clear:none;
margin-top:3px;
margin-left:0;
padding:0;
list-style:none;
}
#hnavi li {
display:inline;
margin-top:3px;
padding:0;
}
#hnavi ul li a { 
float:left;
background-image: url(img/menu-gray-right.gif); 
background-repeat:no-repeat;
background-position:right top;
margin-left:2px;
padding:0;
text-decoration:none;
}
#hnavi ul li a span{ 
float:left;
display:block;
background-image: url(img/menu-gray-left.gif); 
background-repeat:no-repeat; 
background-position:left top; 
padding:1px 5px 5px 5px;
text-decoration:none;
font-size:11px;
font-weight:bold;
}
#hnavi ul li a:hover{
background-image: url(img/menu-orange-right.gif);
background-repeat:no-repeat; 
background-position:right top;
} 
#hnavi ul li a:hover span{
background-image: url(img/menu-orange-left.gif);
background-repeat:no-repeat;
background-position:left top;
cursor:pointer;
} 
#hnavi #current a{
background-image: url(img/menu-orange-right.gif);
background-repeat:no-repeat; 
background-position:right top;
} 
#hnavi #current a span{
background-image: url(img/menu-orange-left.gif);
background-repeat:no-repeat;
background-position:left top;
cursor:pointer;
}
#leftcol{ 
margin-top:10px; 
width:100px;  
float:left; 
padding:5px; 
position:relative;
text-align:left;
} 
#twocols{ 
width:745px; 
float:right;  
position:relative;  
} 
#rightcol{ 
margin-top:10px; 
width:130px;  
float:right; 
padding:3px;  
position:relative;
text-align:left;
}
#maincol{ 
margin-top:10px; 
background-color: #FFFFFF;   
border-right:1px dotted #cccccc; 
padding:5px; 
float: left;  
display:inline;  
position: relative;  
width:593px;  
} 
#footer{ 
position:relative; 
float:left; 
width:875px;
height:25px; 
background-image:url(img/footer-lu.gif); 
background-position:left bottom; 
background-repeat:no-repeat; 
background-color:#666666; 
text-align:center; 
}
#footerline{
color:#cccccc; 
font-size:11px;
margin-top:4px;
} 
#footerright{ 
position:relative;  
float:right; 
height:25px;  
background-image:url(img/footer-ru.gif); 
background-position:right bottom; 
background-repeat:no-repeat; 
background-color:#666666; 
width:25px; 
border:0; 
}  
#footer a{ 
color:#cccccc; 
text-decoration:none; 
} 
#footer a:hover, #footer a:active{ 
color:#cccccc; 
text-decoration:underline; 
}
#container{ 
border-left:1px solid #cccccc; 
border-right:1px solid #cccccc; 
}
/* *** Float containers fix: 
http://www.csscreator.com/attributes/containedfloat.php *** */  
.clearfix:after { 
content: ".";  
display: block;  
height: 0;  
clear: both;  
visibility: hidden; 
} 
.clearfix{display: inline-block; 
} 
/* Hides from IE-mac \*/ 
* html .clearfix{height: 1%;} 
.clearfix{display: block;} 
/* End hide from IE-mac */   
#suchfeld{ 
font: 11px Verdana, sans-serif; 
color:#333333; 
border: 1px solid #333333; 
background-color: #e6e6e6; 
padding:2px;
} 
#suchknopf{ 
font: 10px Verdana, sans-serif; 
color:#333333; 
font-weight:bold; 
border: 1px solid #cc0000; 
background-color: #ff9900; 
cursor:pointer; 
} 
#logout{ 
font: 10px Verdana, sans-serif; 
color:#ffffff; 
font-weight:bold; 
border: 1px solid #333333; 
background-color: #ff0000; 
cursor:pointer; 
} 
#logfield{
border:1px solid #cccccc;
background-color:#e6e6e6;
} 
#logfieldheadline{
font-size:11px;
font-weight:bold;
color:#333333;
margin-top:2px;
margin-bottom:2px;
margin-left:8px;
} 
#logfieldline{
font-size:10px;
color:#333333;
padding-top:3px;
margin-left:8px;
margin-right:2px;
}
#express{
background-image:url(img/expresskontakt.gif);
background-position: left top;
background-repeat:no-repeat;
width:300px;
height:200px;
border:0;
margin:0;
cursor:pointer;
}
#expressline{
padding-top:42px;
padding-left:42px;
font: 14px Verdana, sans-serif;
font-weight:bold;
color:#ffff00;
}
#expressfoto{
padding-top:30px;
padding-left:30px;
}
#kartei{
background-image:url(img/kartei.gif);
width:500px;
border:1px solid #efefef;
float:middle;
margin:0;
padding-top:1px;
padding-left:8px;
padding-right:5px;
font-size:11px;
color:#666666;
text-align:left;
} 
#bigkarteifeld{ 
font: 14px Verdana, sans-serif; 
font-weight:bold;
color:#333333; 
border: 1px inset #999999;
padding:3px; 
} 
#karteifeld{ 
font: 11px Verdana, sans-serif; 
font-weight:bold;
color:#333333; 
border: 1px inset #999999;
padding:1px; 
} 
#karteipflichtfeld{ 
background-color:#ffcc99;
font: 11px Verdana, sans-serif; 
font-weight:bold;
color:#333333; 
border: 1px inset #999999;
padding:1px; 
}
#karteiknopf{ 
font: 12px Verdana, sans-serif; 
color:#ffffff; 
font-weight:bold; 
border: 1px outset #000000; 
background-color: #cc0000; 
cursor:pointer; 
} 
#foto, #map{  
border: 1px solid #666666;
}
#fotobox{  
border: 1px solid #cccccc; 
background-color: #e6e6e6;
font-size:11px;
}
#fotofehler, #fotofehler a{
color:#cc0000;
font-weight:bold;
}
#daten{
background-image:url(img/kartei.gif);
width:400px;
border:1px solid #cccccc;
padding:0;
margin:0;
}
#datenhead{
background-image:url(img/bg-daten.gif);
font: 13px Verdana; 
color:#e6e6e6; 
font-weight:bold;
text-transform:uppercase;
padding-left:8px;
text-align:left;
margin:0;
border:0;
}
#datencell{
padding:3px;
font-size:11px;
color:#444444;
text-align:left;
vertical-align:top;
}
#datenfoto, #datenfoto a{
padding:3px;
font-size:10px;
color:#cc0000;
text-align:center;
vertical-align:top;
}
#datenchange, #datenchange a{
color:#cc0000;
text-align:left;
}
/*Prewiew Styles*/
#preview-left{
background-color: #999999;
border-top:5px solid #ffffff;
border-bottom:1px solid #999999;
vertical-align:top;
text-align:center;
width:75px;
padding:0;
}
#preview-headline{
background-color: #999999;
border-top:5px solid #ffffff;
padding:2px;
text-align:left;
font-size:10px;
font-weight:bold;
}
#preview-headline a, #preview-headline a:hover, #preview-headline a:active{
color:#ffffff;
}
#preview-price{
background-color: #cccccc;
vertical-align:top;
text-align:left;
font-size:9px;
padding:2px;
}
#preview-tel
{
background-color: #cc0000;
vertical-align:top;
text-align:left;
color:#ffffff;
font-size:10px;
font-weight:bold;
padding:2px;
}
#preview-tel a, #preview-tel a:hover, #preview-tel a:active{
color:#ffffff;
}
#preview-picts
{
border-bottom:1px solid #999999;
vertical-align:top;
text-align:left;
padding:2px;
}
#preview-book
{
border-bottom:1px solid #999999;
border-right:1px solid #999999;
padding:2px;
}
#impressum {
background-color:#cccccc;
color:#333333;
vertical-align:top;
text-align:left;
font-size:11px;
padding:2px;
}
#impressum a, #impressum a:hover #impressum a:active{
color:#333333;
text-decoration:none;
}
#leftzimmertop{
width:150px;
height:8px;
background-image:url(img/zimmerleft-bg.gif);
background-position: left top;
background-repeat:no-repeat;
margin:0;
border:0;
}
#leftzimmer{
width:140px;
background-color:#cccccc;
border-right:1px solid #666666;
border-left:1px solid #666666;
border-bottom:1px solid #666666;
padding:4px;
font-size:10px;
text-align:left;
margin:0;
}
#zimmerbox{  
border: 1px dotted #cccccc; 
font-size:11px;
text-align:justify;
vertical-align:top;
}
#zresult{
background-color: #e6e6e6;
font-size:11px;
vertical-align:middle;
text-align:left;
}
#zresultright{
background-color: #e6e6e6;
font-size:11px;
vertical-align:middle;
text-align:right;
}
#header468 {
width:468px;
height:60px;
float:right;
margin-top:2px;
margin-right:20px;
clear:none;
}
#linkhierher{
margin-top:10px;
border:1px dotted #cccccc;
padding:3px;
font-size:10px;
color:#666666;
text-align:center;
}
#linkhierher a, #linkhierher a:hover{
color:#666666;
}
#fastlink{
cursor:pointer;
font-size:10px;
}
/*printer styles*/ 
@media print{
#leftcol{display:none;}  
/*hide the right column when printing*/ 
#rightcol{display:none;} 
#headcols, #twocols, #maincol{width:100%; float:none;}
}