/*  Farben def. blueorange
BG aussen: #DF8914
BG navi: #F67917
BG hell #DFC877
BG dunkler #4D90CA
BG dunkel #541C08
Schrift: #1D3C7
*/

html,body{margin:0px;padding:0px}
body{font: 75%  'Lucida Grande',verdana,arial,sans-serif; text-align:center;
background-color:#0068A8;
color:#541C08;
background-image:url(bg1.gif);
background-attachment:fixed;}

h1 {
font-size:140%;
font-weight:bold;
margin: 0px 0px 2px 0px;}

h2 {
font-size:125%;
font-weight:bold;
margin: 0px 0px 2px 0px;}

h3 {
font-size:100%;
font-weight:bold;
margin: 0px 0px 2px 0px;}

a {color:#541C08;text-decoration:none;}
form {  display:inline; margin:0px; padding:0px; }

div#container{
text-align:left;
background-color:#FFFFEE;
width:777px;margin:0 10px 0 10px;
padding:6px;
}


div#navigation{float:left;width:180px; display: inline}
div#footer{background: #333;color: #FFF; clear:both; width:100%;}
div#footer p{margin:0;padding:6px 10px}
div#header { height:60px; background:url(header.gif) no-repeat top left;}

#header H1{
margin-left:auto;
margin-right:auto;
margin-top:0px;
padding:0px;
display:none;
}

div#headerimage {
margin-top:2px;
background-image:url(header.jpg);
background-repeat:no-repeat;
height:190px;
}

div#wrapper {
	margin-top:6px;
	width:777px;
	background-image: url(bgnavi.gif);
	background-repeat: repeat-y;
}

div#content{ margin-left:192px; }

div#teaserangebot {
	margin-top:5px;
	margin-bottom:5px;
	border: 1px solid;
	background-color:#DFC877;
	border-color: #541C08;
}

img#teaserangebot {
border-right: 1px solid ;
border-color: #003366;
float: left;
margin-right:5px;
}

div#leftbox {
float:left;
width:285px;
border: 1px solid ;	
border-color: #541C08;
background-color:#DFC877;
text-decoration:none;
}

div#rightbox {
width:285px;
border: 1px solid ;	
border-color: #541C08;
background-color:#DFC877;
text-decoration:none;
margin-left:297px; /*Angabe für standart Browser */
margin-right:-2px; /*ie6 hack */
}

div#leftboxh {
float:left;
width:285px;
height:280px;
border: 1px solid ;	
border-color: #541C08;
background-color:#DFC877;
text-decoration:none;
margin-right:0; 
}

div#rightboxh {
width:285px;
height:280px;
border: 1px solid ;	
border-color: #541C08;
background-color:#DFC877;
text-decoration:none;
margin-left:297px; /*Angabe für standart Browser */
margin-right:-2px; /*ie6 hack */
}

#innerbreit {
padding:5px 7px 7px 7px;
color:#541C08;
}

.boxinnen {
padding:3px 7px 7px 7px;
color:#541C08;
}

#breiterblock {
	border: 1px solid;
	border-color: #0068A8;
	background-color: #ffffee;
}
#breiterblockheadline {
	padding:3px;
	background-color:#0068A8;
	color:#FFFFEE;
	font-weight:bold;
	font-size:12px;
	height: 16px;
	margin-top:0;
}
#breiterblockheadline h2 { margin: 0 0 0 0; padding: 0 0 0 0;}
 
.clearer {
clear: both;
overflow: hidden;
height: 0;
font-size: 0;
line-height: 0;
}

.mainnavi {
margin: 0px;
padding: 0px;
list-style:none;
display:block;    }
  
.mainnavi li { display:block;  }
  
.mainnavi li a {
 	display:block;
	width: 165px;
	background-color:#0068A8;
	font-size:90%;	
	text-decoration:none;
	color:#DFC877;
	font-weight:bold;
    padding:4px 0px 4px 0px;
	border-top:1px solid #DFC877;
	padding-left: 20px; 
  }
  
.mainnavi li a:hover {	background-color:#6699FF; color:#003366;	}

.mainnaviheadline {	
	display:block;
	width: 165px;
	background-color:#003366;
	font-size:100%;	
	text-decoration:none;
	color:#FFFFEE;
	font-weight:bold;
	padding:5px 0px 5px 0px;
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	padding-left:20px;  }

.weiter{ float: left; margin-top: 2px;}
.more{ float: left; margin-top: 2px;}

div#willkommen {
margin-top:5px;
margin-bottom:5px;
height:30px;
overflow:scroll;
}

 
 
/*  offer - angebote*/
div.leftboxh-offer {
	float:left;
	width:240px;
	margin-right:10px;
}
div.rightboxh-offer {
	float:right;
	width:300px;
	text-align: left;
}
.rightboxh-offer p {
	text-align: left;
	letter-spacing:0;
	line-height:110%;
	word-spacing:0;
}
 
.rightboxh-offer ul {
	margin:0px;
	text-align: left;
	letter-spacing:0;
	line-height:110%;
	word-spacing:0;
	margin-top:8px;
}
.rightboxh-offer li {
	margin:0px;
	text-align: left;
	letter-spacing:0;
	line-height:100%;
	word-spacing:0;
	padding:0px;
}

.rightboxh-offer ol {
	margin-left:0px;
	margin-bottom:0px;
}

.rightboxh-offer li p {
	margin:0px;
	text-align: left;
	letter-spacing:0;
	line-height:110%;
	word-spacing:0;
	padding:0px;
}
/*  offer headlines */
.textright {
	text-align:right;
	margin-left:10px;
	margin-right:10px;
	float:right;
}
.textleft {
	text-align:left;
	margin-right:10px;
	float:left;
}
.detailbuttons {
	text-align:left;
	margin-right:10px;
	float:left;
	width: 179px;
	height:30px;
}

p img, .leftboxh-offer img {
	background:#FAFAFA none repeat scroll 0 50%;
	border:1px solid #DCDCDC;
	padding:5px;
}

.boxinnen {
	background-color:#FAF6F3;
	display:inline-block;
	padding:3px;
}
.boxinnenpad {
	background-color:#FAF6F3;
	display:inline-block;
	padding:8px;
}


#col2_content {
	position:relative;
}


#col2_content ul {
	margin-left:20px;
	margin-bottom:10px;
}
.clearfix {
	display:block;
}


form, .floatbox {
	overflow:hidden;
}


p.clear {
	letter-spacing:0;
	line-height:100%;
	margin:5px 0 1px 30px;
	padding:0;
}


.breiterblock .boxinnen h2, .breiterblock-last .boxinnen h2 {
	padding-top:5px;
}
.breiterblock .boxinnen .breiterblockheadline h2 {
	padding-top:0;
}
.breiterblockheadline {
	background-color:#4685B1;
	color:#FFFFFF;
	font-size:12px;
	font-weight:700;
	height:16px;
	margin-top:0;
	padding:3px;
}
.breiterblockheadline a {
	color:#FFFFFF;
}
.breiterblockheadline a:hover {
	text-decoration:none;
}
.clearer {
	clear:both;
	font-size:0;
	height:0;
	line-height:0;
	overflow:hidden;
}
.clear_right {
	clear:right;
	font-size:0;
	height:0;
	line-height:0;
	overflow:hidden;
}
.clear_left {
	clear:left;
	font-size:0;
	height:0;
	line-height:0;
	overflow:hidden;
}


.breiterblock, .breiterblock-last {
	background-color:#F9F6F0;
	border:1px solid #DCDCDC;
	margin-top:2px;
}
.breiterblock {
	margin-bottom:8px;
}
.breiterblock-last {
	margin-bottom:8px;
}