/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + +  */
/* Basic-Stylesheet  */
/* 21.09.07 */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + +  */

/*
Farben:
body background     -  #BEC1C5
content background  -  #FFF
Footer              -  #4F5761
Servicenavi         -  #4F5761
Servicenavi hover   -  #FFF
Textlinks           -  #4F5761
*/

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + +  */
/* Allgemeine Basics: */

/*div, p, h1, h2, h3, h4, h5, h6, h7, ul, ol, span, a, table, td, form, img, li, textarea, input */

html, body {
padding:0;
margin:0;
border:0;
font-size: 11px;
font-family: verdana, Arial, sans-serif;
color:#000000;
background:#ffffff;
text-align:left;
}

.neu {
color:#808080; 
font-size:9px; 
color:#ffcc00;
}

.kategorien
{max-width:800px;}

a.pdf 
{
padding:2px 0 2px 20px; 
background:url(img/pdf_icon.gif) center left no-repeat;
font-size:12px;
color:#ffffff;
text-decoration:none;
}

h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
}

h1.left {
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding: 8px 0 0 11px;
	text-align:left;
}

h2, h3, h4 {
	font-family: Verdana;
	font-size: 13px;
	font-weight: bold;
	color: #808080;
	padding: 8px 0 0 11px;
}

h2.left {
	font-family: Verdana;
	font-size: 13px;
	font-weight: bold;
	color: #636363;
	padding: 8px 0 0 11px;
	text-align:left;
}

h3 {
	font-size: 14px;
	padding-top: 10px;
	color: #636363;
	margin-bottom: 8px;
	font-weight:bold;
}

h4 {
	font-size: 12px;
}

a:link {color:#808080;text-decoration:none;}
a:hover {color:#808080;text-decoration:underline;}
a:visited {color:#808080;text-decoration:none;}

p {
	font-family: Verdana, arial, sans-serif;
	font-size: 12px;
	margin: 5px 15px 13px 11px;
	padding: 0 0 0 12px;
	clear: both;
	float: none;
}

p img {
text-align:center;
}

.p {
	background: url(img/p-box-orange.gif) 0 3px no-repeat;
	padding: 0 0 0 12px;
	margin-top: 12px;
	text-align:left;
}

.unsichtbar{display:none;}
.inline{display:inline;}

#accessibility{display:none;}


/* ## ## Beta Status ## ## */

#betastatus {
background:transparent url(img/beta-version.gif) no-repeat scroll 0pt;
height:100px;
left:0pt;
position:absolute;
top:0pt;
width:100px;
z-index:1;
}


#adsidebar {
height:300px;
left:0pt;
width:180px;
right:0;
text-align:right;
float:right;
z-index:1;
margin:38px 10px 6px 0;
font-size:11px;
color:#808080;
}

#adheader {
height:120px;
left:0pt;
width:200px;
right:0;
margin:12px 10px 20pxpx 0;
font-size:11px;
color:#808080;
border:1px dotted #f1f1f1;
}


#teaserright {
background:transparent url(img/zimmerspecial.jpg) no-repeat scroll 0pt;
height:170px;
right:0pt;
position:absolute;
top:0pt;
width:170px;
z-index:2;
border:1px dotted #808080;
}


/* ## ## ## ## Struktur  ## ## ## ## */

#page {
	display: block;
	width: 796px;
	max-width: 796px;
}

.hideme {
	display: none;
}


#menuSection {
	height: 251px;
	position: relative;
}

#menuSection ul, #footer ul {
	list-style:	none;
	padding: 0;
	margin: 0;
}

#menuSection ul li, #footer ul li {
	display: inline;
	padding: 0;
	margin: 0;
}

#menuSection .lang {
	font-family: Verdana;
	font-size: 9px;
	height: 10px;
	max-height: 10px;
	margin: 7px 0 0 13px;
	float:left;
}
#menuSection .lang li {
	border-right: 1px solid #727272;
	padding: 0 4px 0 1px;
}
#menuSection .lang li.last {
	border: 0;
}

#menuSection .lang, #menuSection .lang li, #menuSection .lang li a {
	color: #727272;
	text-decoration: none;
}

#menuSection .lang li a:hover, #menuSection .lang .active a:hover {
	color: #15536d;
	text-decoration: underline;
}

#menuSection .lang .active a, #menuSection .lang li a.active {
	color: #15536d;
	text-decoration: none;
	font-weight: bold;
}

#menuSection .menuTop {
	text-align: right;
	margin: 7px 0 8px 0;
	clear:both;
}

#menuSection .menuTop a, #footer .menuTop a {
	font-family: Verdana;
	font-size: 13px;
	color: #4f4f4f;
	text-decoration: none;
	background: url(img/menu-spacer.gif) 91% 55% no-repeat;
	padding: 0 18px 0 0;
}

#menuSection .menuTop a.last, #menuSection .menuTop li.last a, #footer .menuTop a.last, #footer .menuTop li.last a {
	background: none;
	padding: 0 5px 0 0;
}

#menuSection .menuTop a:hover, #menuSection .menuTop .active a:hover {
	color: #15536d;
	text-decoration: underline;
}
#menuSection .menuTop .active a {
	color: #15536d;
	text-decoration: none;	
}

#menuSection .menuButtons {
	border-bottom: 4px solid #b3b3b3;
	margin: 0 0 2px 0;
	height: 200px;
	position: absolute;
	bottom: 0px;
	
	text-align:left;
}

#menuSection  ul.menuButtons {
	text-align:left;
	position:absolute;
	float:left;
}

#menuSection .menuButtons li, #menuSection .menuButtons a {
	display: block;
	width: 198px;
	height: 197px;
}

#menuSection .menuButtons li {
	background: #5f9cb7 url(img/dot-white.gif) 0 29px repeat-x;
	float: left;
	margin: 0 1px 0 0;
	text-align:left;
}

#menuSection .menuButtons li.last {
	margin: 0;
	text-align:left;
}

#menuSection .menuButtons a {
	text-decoration: none;
	background: url(img/arrow-double-big.gif) 178px 178px no-repeat;
}

#menuSection .menuButtons .active a, #menuSection .menuButtons a:hover {
	text-decoration: none;
	background: url(img/arrow-double-orange-big.gif) 178px 178px no-repeat;
}


#menuSection .menuButtons .title {
	display: block;
	background: #15536d url(img/menu-bg_top.gif) 0 0 no-repeat;
	width: 198px;
	height: 29px;
	text-align:center;
}

#menuSection .menuButtons .title span {
	color: #ffffff;
	position: relative;
	font-family: Tahoma;
	font-size: 13px;
	top: 7px;
	left: 0px;
}

#menuSection .menuButtons img {
	margin: 6px 0 0 6px;
	padding:0;
	text-align:left;
	position:left;
}

#menuSection .menuButtons .content {
	display: block;
	background: url(img/p-box-grey.gif) 0 3px no-repeat;
	color: #e4eef3;
	font-family: Verdana;
	font-size: 11px;
	padding: 0 0 0 10px;
	margin: 1px 0 0 6px;
	text-align:left;
}

.welcomebox {
	background: #eaeaea url(img/dot-grey.gif) 0 99% repeat-x;
	border-bottom: 1px solid #fff;
}

.secondbox {
font-family: Verdana;
	font-size: 12px;
	background: #eaeaea url(img/dot-grey.gif) 0 99% repeat-x;
	border-bottom: 1px solid #fff;
}

.secondbox ul {
text-align:left;
}

.secondbox li {
font-family: Verdana;
	font-size: 12px;
}


.contentbox {
	background: #eaeaea url(img/dot-grey.gif) 0 99% repeat-x;
	border-bottom: 1px solid #fff;
}



ul.menue {
font-family: verdana, Arial, sans-serif;
font-size: 12px;
text-align:left;
width:100%;
list-style-type:disc;
display:inline;
margin:6px 0 6px 0;
}

ul.menue li {
display:inline;
margin:0 4px 0 2px;
}

ul.menue li a {
font-weight:bold;
}

ul.menue li a:hover {
text-decoration:underline;
}


ul.menue_shop {
font-family: verdana, Arial, sans-serif;
font-size: 12px;
text-align:left;
width:100%;
list-style-type:disc;
display:inline;
padding:6px 0 6px 0;
}

ul.menue-top {
font-family: verdana, Arial, sans-serif;
font-size: 12px;
text-align:left;
width:100%;
display:inline;
margin:6px 0 6px 0;
}

ul.menue-top li {
display:inline;
margin:0 4px 0 2px;
}

ul.menue-top li a {
font-weight:bold;
}

ul.menue-top li a:hover {
text-decoration:underline;
}