html{height:100%;width:100%}
body{margin:0px;padding:0px;width:100%;height:100%;font-size:12px;font-family:Arial, Tahoma, "Trebuchet MS", Verdana, Helvetica, sans-serif;background: #fff url(../pics/bg-line.gif) repeat-x;
color:#363636}
	
h1, h2, h3, h4, h5, h6{font-size:23px;font-weight:normal;padding:0px;padding-bottom:20px;margin:10px 0px 0px 0px;display:block;font-family:Segoe UI, Tahoma, Arial, Verdana;
color:#896849}
h2, h3, h4, h5, h6{font-size:19px;padding-bottom:18px;line-height:23px;margin:0px;
color:#3378B4}
	
a{text-decoration:none;
color:#3378b4}
a:hover{text-decoration:underline;
color:#3d7ca8}
a.button
{
background:#99711b url(../pics/menu.gif) repeat-x;padding:7px 13px 6px 13px;font-size:11px;
-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;-o-border-radius:3px;border-radius:3px;
text-shadow:0px -1px 0 rgba(0, 0, 0, 0.2);color:#fff
}	
a.button:hover{background:#9fc806 url(../pics/more-link-hover.gif) repeat-x;text-decoration:none;}

img{border:0px}
small{font-size:11px;font-weight:normal;
color:#5c5c5c}
.pics{float:left;margin:0px 22px 10px 0px}
.text-2 .pics{float:left;margin:0px 12px 10px -7px}
a img.pics:hover{-moz-opacity:0.6;filter:alpha(opacity=60);opacity:0.6}

acronym:hover{cursor:help}
			
dl{float:left;margin:0px 15px 15px 0px;
box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2);-moz-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2);-webkit-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2)}
			
dt{display:inline}
dd{padding:5px 8px 5px 8px;margin:0px;line-height:15px;
background:#f0f0f0}
dfn{font-size:11px}
dd em{font-size:10px;
color:#939393}

ul{list-style:inside}

/***************************************************************** positions ***/
/*******************************************************************************/

#yp{position:fixed;right:0px;top:0px}

#container{width:100%;height:100%;position:relative;background: url(../pics/kaffee-bg.jpg) no-repeat center 92px}
#center-out{text-align:center;height:100%;width:100%;background:url(../pics/paper.png) no-repeat center 90px;}
#center-in{text-align:left;width:950px;margin:auto}
#top{float:left;width:950px;height:96px}
#logo{float:left;margin:22px 0px 0px 10px}

/***************************************************************** main menu ***/
/*******************************************************************************/
	
#menu{float:right;margin-top:28px}
#menu ul{float:right;padding:0px;margin:0px;list-style:none}
#menu li{float:left;margin-right:10px;
text-shadow:0px -1px 0 rgba(0, 0, 0, 0.2)
}
#menu a
{
float:left;padding:7px 13px 8px 13px;font-size:14px;outline:none;
-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;-o-border-radius:3px;border-radius:3px;
background:#9fc806 url(../pics/more-link-hover.gif) repeat-x;color:#fff;
box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1);-moz-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1);-webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1)
}
#menu a:hover{text-decoration:none;
background:#99711b url(../pics/menu.gif) repeat-x}

#menu li.active a{text-decoration:none;
background:#99711b url(../pics/menu.gif) repeat-x}

/******************************************************************** header ***/
/*******************************************************************************/

#header{width:950px;height:344px;float:left;background:url(../pics/home-head.jpg) no-repeat}
#header .links{position:absolute;margin:220px 0px 0px 22px}
#header-bottom{width:950px;height:39px;float:left;background:url(../pics/header-bottom.gif) no-repeat;margin-bottom:-30px}	

a.eye-button
{
background:#9fc806 url(../pics/more-link-hover.gif) repeat-x;padding:10px 18px 10px 18px;font-size:14px;float:left;
-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;-o-border-radius:3px;border-radius:3px;
box-shadow:1px 2px 3px #ccc;-moz-box-shadow:1px 2px 3px #ccc;-webkit-box-shadow:1px 2px 3px #ccc;
text-shadow:0px -1px 0 rgba(0, 0, 0, 0.2);color:#fff
}	
a.eye-button:hover{background:#99711b url(../pics/menu.gif) repeat-x;text-decoration:none}

/********************************************************************** left ***/
/*******************************************************************************/

#left{float:left;width:240px;margin-top:40px;margin-right:48px;text-align:left}
#left ul{padding:0px;margin:0px 0px 30px 0px;list-style:none}
#left span{background:url(../pics/left-menu-sep.gif) repeat-x bottom;padding:8px 15px 8px 15px;font-size:13px;display:block;width:210px}
#left li a{color:#363636}
#left li a:hover{color:#3378B4}
#left li span:hover{background:#fafafa url(../pics/left-menu-sep.gif) repeat-x bottom;color:#3378B4}
#left a:focus{outline:none}
#left li.active li span{color:#363636;font-size:11px;margin-left:10px;width:200px;padding:7px 15px 8px 15px}
#left li.active a{color:#3378B4}
#left li.active{background:#fafafa}
#left li.active li.active li span{margin-left:20px;width:190px}
#left li.active li.active a{font-weight:bold}
#left li.active li.active span{color:#3378B4}
#left li.active ul{margin-bottom:0px}
#left a:hover{text-decoration:none}

.left-box
{
float:left;font-size:11px;line-height:15px;border:1px solid #efefef;width:210px;margin:0px 0px 20px 0px;padding:15px 15px 15px 15px;
-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;-o-border-radius:3px;border-radius:3px
}
.left-box h2{font-size:16px;padding-bottom:10px}
.left-box ul{padding:0px;margin:0px 0px 0px 0px!important}
.haken{background:url(../pics/haken.gif) 0px -1px no-repeat;padding:0px 0px 5px 25px}
.banner-image{margin:-15px 0px -15px -15px}
.banner-tipp{float:left;margin:0px 0px 11px 0px}
	
/********************************************************************* right ***/
/*******************************************************************************/
	
#right{float:left;width:660px;line-height:20px;margin-top:40px}
.description{float:left;font-size:12px;margin:0px 0px 20px 0px;width:658px}

.text, .text-2
{
float:left;background:#fff;font-size:12px;border:1px solid #EFEFEF;margin:0px 0px 25px 0px;padding:23px 25px 23px 25px;width:610px;
-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;-o-border-radius:3px;border-radius:3px
}

.text-2{width:265px;margin-right:26px}
.teaser{float:left;position:relative;margin:-24px 0px 0px -25px}

.extra{background:#f7f3e1;border-color:#e9e3c7}
.extra-2{background:#F7F7F7;border-color:#F7F7F7}
	
.start-teaser{float:left;width:660px;height:230px}
.start-teaser-in{float:left;margin:28px 70px 0px 188px;font-size:15px}
.start-teaser-in h1{margin:0px}

.price{font-size:14px;font-weight:bold;line-height:17px}		
.price span{color:#b01515}	

.count{font-size:18px;font-style:italic;padding:9px 0px 0px 11px}		
.count-line{border-bottom:1px dotted #d3c586}
			
ul.list{padding:0px;margin:0px 0px 0px 0px!important;list-style:none}
.list li{background:url(../pics/dot.gif) 0px 6px no-repeat;padding:0px 0px 2px 13px}
	
#bottom-navi{float:left;width:100%;margin:40px 0px 20px 0px}
#bookmark{float:left}	
#bookmark div{float:left;margin-right:20px}
	
#jump{float:right;text-align:right;font-size:11px;background:url(../pics/top.gif) right center no-repeat;padding-right:15px}
#jump a{color:#828282}
	
/******************************************************************** Footer ***/
/*******************************************************************************/

#footer{float:left;position:relative;width:100%;background:url(../pics/footer-bg.gif) repeat-x;font-size:11px;margin-top:20px}
.footer-in{text-align:center;width:950px;margin:auto}
.footer-menu{text-align:left;float:left;width:950px}
.footer-menu ul{float:left;list-style:none;padding:20px 50px 40px 0px;margin-right:15px;margin-bottom:0px}

.footer-menu li a{padding:5px 10px 5px 10px;display:block;
color:#363636;border-bottom:1px dotted #ccc;text-shadow:1px 1px 0 rgba(255, 255, 255, 1.0)}
	
.footer-menu li a:hover{text-decoration:none;
background:#f7f7f7}

.payment{float:right;list-style:none;padding:20px 0px 0px 0px;margin-right:0px;margin-bottom:0px}

.img{float:left;}
	
#footer-bottom{float:left;position:relative;width:100%;font-size:11px;
background:#78560c}
	
#footer-bottom .footer-menu ul{background:none;float:left;list-style:none;padding:0px;margin-right:30px;margin-bottom:8px}
#footer-bottom .footer-menu ul li{float:left}
#footer-bottom .footer-menu ul li a{float:left;padding:5px 10px 5px 10px;border-bottom:0px;text-shadow:none;
border-right:1px dotted #8a6d2f;color:#fff}
	
#footer-bottom .footer-menu ul li a:hover{background:#8a6d2f}
	
#copy{float:right;padding:16px 0px 4px 10px;
color:#2f2208}

/************************************************************* Weiterleitung ***/
/*******************************************************************************/

#out{text-align:center;width:100%;height:100%;background:#f9f5e9}
#in{text-align:center;width:950px;height:100%;margin:auto}
#w-content{text-align:left;width:950px;float:left}
#steps-in{width:318px;height:315px;background:url(../pics/weiterleitung.jpg) no-repeat center top;text-align:center;margin:auto;margin-top:200px}
#count{position:absolute;margin-top:169px;margin-left:121px;font-size:60px;color:#c6b182}

#steps-back{width:318px;height:315px;background:url(../pics/error.jpg) no-repeat center top;text-align:center;margin:auto;margin-top:200px}
#back{margin-top:-30px;position:absolute;margin-left:114px}

/****************************************************************** slidebar ***/
/*******************************************************************************/
		
#slidebar{position:fixed;top:205px;left:0px}
	
.slide, .slide-2, .slide-3, .slide-bookmark
	{
	margin-top:10px;margin-left:-11px;
	width:32px;
	filter:		alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:	0.7;
	}
	
.slide-bookmark{margin-left:-153px;width:174px}	
.follow{margin-left:10px;margin-top:0px}

.book
	{
	position:absolute;
	margin-top:-23px;
	margin-left:9px;
	}
			
.slide:hover, .slide-2:hover, .slide-3:hover, .slide-bookmark:hover
	{
	margin-left:0px;
	filter:		alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:	1.0;
	}
	
@media only screen and (max-width: 1145px) {

#yp, #slidebar {display:none}
	
}