/******** General tags ********/
body{
font:76% Verdana;
/* background:#ffffff url(images/background.gif) top center repeat-y; */
/* color:#404040; */
/* line-height:1.2em; */
margin:0;
padding:0;
}

a{
text-decoration:none;
color:#4088b8;
font-weight:bold;
}

a:hover{text-decoration:underline;}
a img{border:0;}
p{margin:0 0 18px 10px;}
ul,ol,dl{}
ul ul,ol ol{margin:4px 0 4px 35px;}

h1{
FONT-FAMILY:Arial;
font-size:27px;
font-weight: bold;
margin:0px 0px 0px 0px;
color:black;
}

h1 a{text-transform:none; color:#4088b8;}

h2{
FONT-FAMILY:Arial;
font-size:20px;
font-weight:bold;
color:black;
padding:0 2px 2px 0px;
margin:0px 0px 0px 0px;
}

h3{
FONT-FAMILY:Arial;
font-size:15px;
font-weight:bold;
color:black;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

h4{
FONT-FAMILY:Arial;
font-size:12px;
font-weight:bold;
color:black;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

blockquote{
font-size:0.9em;
border:1px solid #dadada;
margin:20px 10px;
padding:8px;
}

/******** Main wrap ********/
#wrap{
color:#404040;
width:970px;
margin:10px auto;
padding:0;
}

#header{
margin:0;
border-bottom:4px solid #dadada;
}

#toplinks{text-align:left; padding:5px 2px 2px 3px;}

#slogan{
font-size:1.5em;
color:#808080;
font-weight:bold;
letter-spacing:-1px;
margin:15px 0px 20px 35px;
line-height:1.2em;
}

/******** dnn_leftpane ********/
#dnn_leftpane{
height: auto;
float:left;
width:190px;
/* margin:0 0 5px 0; */
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
margon-left: 0;
padding:1px 0 0 0;
}

#dnn_leftpane ul{
list-style:none;
font-size:0.9em;
margin:0;
padding:0 0 15px 10px;
}

#dnn_leftpane li{
list-style:none;
margin:0 0 4px 0;
padding:0;
}

#dnn_leftpane li a{
font-size:1.2em;
font-weight:bold;
padding:2px;
}

#dnn_leftpane ul ul{
margin:4px 0 3px 15px;
line-height:1.2em;
padding:0;
}

#dnn_leftpane ul ul li a{font-weight:normal;}
#dnn_leftpane h2{margin:3px 0px 8px 0px;}

/******** Content variations ********/
#dnn_contentpane{
line-height:1.5em;
background-color: #FFFFFF;
width:750px;
float:right;
text-align:left;
margin:0;
padding:0;
border-left:4px solid #dadada;
}

#dnn_contentpanealt{
line-height:1.5em;
width:750px;
float:left;
text-align:left;
padding:0;
margin-right:20px;
}

#dnn_contentpane h3, #dnn_contentpanealt h3{margin:10px 0 8px;}

/******** Footer ********/
#footer{
background-color: #FFFFFF;
clear:both;
text-align:right;
color:#808080;
font-size:0.9em;
border-top:4px solid #dadada;
margin:0 auto;
padding:8px 0;
line-height:1.6em;
}

#footer p{margin:0; padding:0;}
#footer a{color:#808080;}

/******** Various classes ********/
.box{
color:#ffffff;
font-size:0.9em;
background-color:#4088b8;
border:1px solid #c8c8c8;
line-height:1.3em;
padding:5px 5px 5px 8px;
}

.box a{color:#f0f0f0;}
.left{float:left; margin:0 15px 4px 0;}
.right{float:right; margin:0 0 4px 15px;}
.textright{text-align:right;}
.readmore{text-align:right; margin:-10px 10px 12px 0;}

.center{text-align:center;}
.blue{color:#4088b8;}
.big{font-size:1.3em;}
.small{font-size:0.8em;}
.bold{font-weight:bold;}

.clear{clear:both;}
.hide{display:none;}
.fade{color:#c8c8c8;}
.gray{color:#808080;}

.photo{
border:1px solid #bababa;
padding:2px;
background-color:#ffffff;
margin:6px 18px 2px 5px;
}


.angebot { width:95%; height:95%; }
.angebot select { margin-left:0px;margin-bottom:4px; }

.angebot-small div { height:30px; margin:2px; width:180px; padding:5px; cursor:pointer; text-align:left; float:left; }
.angebot-small img { padding:4px; float:left; }
.angebot-small h3 { margin: 0px 2px 2px 28px; padding-top:5px; font-size:1em; }
.angebot-small div div { display:none; }

.angebot-small-detail div { padding:10px; clear:both; cursor:pointer; }
.angebot-small-detail img { padding:4px; float:left; }
.angebot-small-detail h3 { margin: 2px 2px 2px 28px; padding:0px; font-size:1em; }
.angebot-small-detail div div { margin: 2px 2px 2px 28px; padding:0px; clear:none; }

.angebot-large div { margin:10px; width:130px; height:80px; padding:0px; cursor:pointer; text-align:center; float:left; }
.angebot-large img { float:none; padding: 10px 0px 0px 0px; }
.angebot-large h3 {  margin:2px; width:130px; text-align:center; overflow:hidden; font-size:1em; }
.angebot-large div div { display:none; }

.angebot-large-detail div { margin:0px; padding:15px; clear:both; cursor:pointer; }
.angebot-large-detail img { padding:0px; float:left; }
.angebot-large-detail h3 { margin: 2px 2px 2px 44px; padding: 0px; font-size:1em; }
.angebot-large-detail div div { margin: 2px 2px 2px 44px; padding:0px; clear:none; }

.angebot-mouseon { background-color:#ebedf0; } /*#f1f6f9*/
