/*--------------------------------------------------------------------------
allgemein
--------------------------------------------------------------------------*/
/* body-margin wird in index.html definiert */
body, div, td, th, a, input, select, textarea, font, option, h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
	body {
		margin: 11px 0 0 16px;
		background: #FFFFFF;
	}

	
a:hover {
	/*text-decoration: none;*/
}

input, select, textarea {
	border: 1px solid #CCCCCC;
	color: #000000;
}

ul {
	margin: 0 0 0 20px;
	padding: 0px;
}
	li {
		margin:5px 0 5px 0;
	}

h1, h1 a {
	font-weight: bold;
	color: #3F7BA0;
	font-size: 11px;
	margin: 0;
	padding: 0;
	/*text-decoration: underline;*/
}
	
h2, h2 a {
	font-weight: bold;
	color: #3F7BA0;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

/*--------------------------------------------------------------------------
layout
--------------------------------------------------------------------------*/

#contentholder {
	width: 960px;
}

#logo, #logo1 {
	position:absolute;
	left: 122px;
	top: 11px;
	z-index:2;
}

/* kleine sonne linke seite */
#sonne {
	float: left;
	width: 48px;
	height: 150px;
	padding-top: 235px;
}

/* haupt-div, umschlie?t den content */
#main {
	float:left;
	width: 912px;
}

/* navigation oberhalb des headerbilds */
#header_nav {
	float:right;
	list-style:none;
	width: 740px;
}
	#header_nav li {
		padding: 0;
		margin: 0;
		float:right;
		margin-left: 7px;
	}

/* abstandhalter zw. headernav und headerbild */
#header_navclearer {
	clear:both;
	padding-top: 10px;
	line-height: 0;
}

/* headerbild */
#header_left {
	float:left;
	width: 701px;
	margin-right: 7px;
}

/* rechter headerbild-bereich */
#header_right {
	float:left;
	width: 204px;
}

/* div um die hauptnavigation herum -> achtung: im winter andere farbe (wird in index.html ?berschrieben) */
#nav_container {
	float:left;
	width: 912px;
	margin:10px 0 10px 0;
	background: #EE8340;
}

/* ul f?r hauptnavigation */
#navigation {
	list-style:none;
	margin: 0;
}
	#navigation li {
		float:left;
		padding: 0;
		margin: 0;
		height: 37px;
		overflow:hidden;
	}
	
/* ausklappbare subnavigation, umrandendes div, einr?ckung von links wird in index.html definiert */
div.subnav {
	position: absolute;
	top: 236px;
	left: 64px;
	z-index: 3;
	width: 160px;
	visibility: hidden;
	background: #FFFFFF;
}
	td.subnav_content_top, td.subnav_content_bottom {
		font-size: 7px;
		height: 7px;
	}

	td.subnav_content_td {
		padding: 3px 0 3px 0;
		border-bottom: 1px solid #F4F4F4; 
	}
		td.subnav_content_td a {
			text-decoration: none;
			font-weight: bold;
		}
			td.subnav_content_td a:hover {
				color: #3F7BA0;
			}
	
	ul.subnav_content {
		float:left;
		list-style:none;
		padding-top: 10px;
		margin: 0;
		font-weight: bold;
	}
		.subnav_content li {
			margin: 0;
			padding: 3px 0 3px 0;
		}
		
		.subnav_content a {
			text-decoration: none;
		}
			.subnav_content a:hover {
				color: #3F7BA0;
			}
		
/* holder f?r die linke und rechte spalte */
#leftcol, #rightcol {
	float: left;
	width: 203px;
}

/* navigation links */
div#navleft_box {
	padding: 2px 0px 4px 0px;
	clear:both;
}
	div#navleft_box h2 {
		padding-left: 20px;
	}

ul#navleft {
	list-style:none;
	margin:0;
	padding:5px 0 0 0;
}
	ul#navleft li {
		margin: 0;
		padding: 2px 0 2px 20px;
	}
		ul#navleft li a, ul#navleft li a:hover {
			color: #000000;
			text-decoration:none;
		}
			ul#navleft li a:hover {
				color: #3F7BA0;
			}
			
ul#navleftSysSel {
	list-style:none;
	margin:0;
	padding:5px 0 0 0;
}
	ul#navleftSysSel li {
		margin: 0;
		padding: 2px 0 2px 20px;
	}
		ul#navleftSysSel li a, ul#navleftSysSel li a:hover {
			color: #FFFFFF;
			text-decoration:none;
		}
			ul#navleftSysSel li a:hover {
				color: #EE8340;
}
		
/* holder f?r die content-spalte */
#middlecol {
	float: left;
	width: 486px;
	margin: 0 10px 0 10px;
}

#middlecolWide {
	float: left;
	width: 690px;
	margin: 0 0 0 10px;
}

/* graue contentbox */
div.box {
	clear:both;
	background: #F4F4F4;
	margin-bottom: 10px;
}

/* weisse contentbox */
div.boxBookWeiss {
	/*width: 160px;*/
	background: #FFFFFF;
	margin: 10px 0 10px 0;
}

table.boxBookWeissHolder {
	height: 160px;
	background-color: #FFFFFF;
	border: 0px;
	width: 183px;
	margin-top: 3px;
}

/* text in der grauen contentbox */
div.boxcontent, div.listenboxcontent, div.listenboxcontent_h, div.listenboxcontent_news{
	padding: 2px 10px 4px 10px;
	clear:both;
	height: auto;
	background: none;
}

div.boxcontent img.boxcontent_detailbild{
	float: left;
	padding-right: 10px;
}

	div.listenboxcontent {
		height:268px;
		overflow: hidden;
	}
	
	div.listenboxcontent_h{
		height:300px;
		overflow: hidden;
	}
	
	div.listenboxcontent_news{
		height:82px;
		overflow: hidden;
	}
	
	.zweizeilig{
		height: 40px;
	}

	.zweizeilig img{
		float: right;
	}
	
	div.listenpartnerboxcontent {
		overflow: hidden;
		padding: 0 5px 0 5px;
	}
	
	div.listenboxcontent_home, div.listenboxcontent_home_button {
		float:left;
		width: 145px;
		padding: 5px 5px 0px 0px;
	}
	
		
	div.boxcontent_left {
		float: left;
		width: 170px;
	}
	div.boxcontent_right {
		float: left;
		width: 295px;
	}
div.tophomeheader {
	height: 40px;
}
div.tophometext {
	height: 130px;
	overflow: hidden;
	padding-top: 10px;
}
div.tophometextTicker {
	padding-top: 0px;
}
div.tophometextnews {
	height: 45px;
	overflow: hidden;
	padding-top: 10px;
}
div.tophomepic {
	height: 100px;
	width: 160px;
	overflow: hidden;
	padding: 7px 0 9px 0;
}

div.formleft {
	width: 150px;
	float: left;
	padding-bottom: 5px;
}
div.formright {
	width: 200px;
	float: left;
	padding-bottom: 5px;
}
	.forminput {
		width: 200px;
	}

div.listenboxpartner {
	width: 485px;
	margin-right: 10px;
}
	div.listepartner_tn {
		float:left;
		padding-right:10px;
		padding-bottom:5px;
	}

div.listenbox {
	float:left;
	width: 238px;
	margin-right: 10px;
}
	
	div.liste_tn {
		float:left;
		width: 160px;
		padding-right: 5px;
		overflow:hidden;
	}
	
	div.liste_preis {
		float:left;
		width: 68px;
	}

div.wetterbox, div.wetterbox_r {
		color: #3F7BA0;
		font-size: 10px;
		padding-top:5px;
}
	div.wetterbox_l, div.wetterbox_r {
		float:left;
		width: 40px;
	}
	div.wetterbox_r {
		width: 120px;
	}

div.buchenbox {
	background: #3F7BA0;

}

div.jumplist {
	clear:left;
	text-align:right;
	padding-bottom: 20px;
}
	div.jumplist a {
		font-weight:bold;
		color: #3F7BA0;
	}

#footer {
	width: 912px;
	margin-left: 48px;
	clear: both;
	background: #F4F4F4;
	padding-bottom: 10px;
	font-size: 9px;
}
	div.footer_copy {
		float: left;
		width: 430px;
	}
	div.footer_link {
		float: left;
		width: 120px;
	}
	div.footer_tis {
		float:right;
		width: 130px;
		text-align: right;
	}
	
		.footer_copy, .footer_copy a, .footer_link a { font-size: 9px; text-decoration: none; }
		.footer_copy a:hover, .footer_link a:hover { color: #3F7BA0; }

div.clearer {
	clear:both;
	font-size: 1px;
	height: 1px;
	overflow: hidden;
	line-heigt:0;
 }

/* nur IE */
* html div.boxcontent, div.listenboxcontent {
	zoom:1;
}
	
/*--------------------------------------------------------------------------
klassen
--------------------------------------------------------------------------*/
ul.linkblock {
	color: #3F7BA0;
}
	ul.linkblock li {
		float: left;
		width: 210px;
		margin:5px 0 5px 0;
	}
		ul.linkblock a {
			text-decoration:none;
			color: #3F7BA0;
		}

.navleft_a a {
	background: url(../img/navleft_bg.gif) no-repeat -20 0;
	color: #FFFFFF;
	font-weight: bold;
}

.con_smallpic {
	float:left;
	width:200px;
	padding-right:7px;
}

.teaser { font-weight:bold; }

.textblack, .textblack.a  { color: #000000; }

.textblue, .textblue.a  { color: #3F7BA0; }

.textsmall, .textsmall.a,.textsmall_book, .textsmall_book.a { font-size: 10px; }
	.textsmall_book, .textsmall_book.a { color: #000000; }

.input_book {
	font-size:10px;
}

.formLabel{
	float: left;
	width: 100px;
	color: #666;
}

.formField{
	float: left;
	padding-bottom: 5px;
}

.noline a { text-decoration:none; }
	.noline a:hover { text-decoration:underline; }
	
/* DIV SCROLLER */

	.xxlContentDivScroller {
		padding:0px;
		width:215px;
	}
	
	#xxlDivScroller {
		position:relative;
		left:0px;
		top:0px;
		width:215px;
	}

	#xxlDivScrollerHideAway {
			position:relative;
			width:215px;
			height:265px;
			padding-top:5px;
			margin-top:0px;
			overflow:hidden;
	}
	
.box a {
	text-decoration: underline;
}