html{height:100%;width:100%}
body{margin:0px;padding:0px;width:100%;height:100%;font-size:12px;line-height:20px;font-family:Arial, Tahoma, "Trebuchet MS", Verdana, Helvetica, sans-serif;background:#e8f7fb url(../pics/bg-line.jpg) repeat-x;
color:#5b5b5b}
	
h1, h2, h3, h4, h5, h6{font-size:22px;font-weight:normal;padding:0px;padding-bottom:20px;margin:10px 0px 0px 0px;display:block;font-family:Segoe UI, Tahoma, Arial, Verdana;
color:#90bed4}
h2, h3, h4, h5, h6{font-size:19px;padding-bottom:18px;line-height:23px;margin:0px;
color:#90bed4}
	
a{text-decoration:none;color:#af171e}
a:hover{text-decoration:underline;color:#846341}
a.button, span.button, table a.button:hover, a.button-eye, a.button-eye:hover
{
float:left;background:#b8dfee url(../pics/menu.gif) repeat-x bottom;padding:4px 10px 4px 10px;font-size:11px;margin-right:10px;font-weight:bold;
-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;-o-border-radius:3px;border-radius:3px;
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);
text-shadow:0px -1px 0 rgba(0, 0, 0, 0.2);color:#fff
}	
a.button:hover, span.button:hover, table a.button {background:#8f0707 url(../pics/teaser-title.gif) repeat-x;text-decoration:none}
table .button:hover span{color:#af171e;text-shadow:none}

table a.button {display:block;line-height:16px;font-size:14px;padding:10px 15px 10px 15px}
table a.button:hover {font-size:14px;padding:10px 15px 10px 15px}
table .button span, .button-eye span {font-size:9px;font-weight:normal;font-family:tahoma}

a.button-eye {background:#8f0707 url(../pics/teaser-title.gif) repeat-x;text-decoration:none;font-size:14px;padding:8px 13px 8px 13px;color:#fff}
a.button-eye:hover {font-size:14px;padding:8px 13px 8px 13px}

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

acronym:hover{cursor:help}
			
dl, dl.right{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)}
dl.right{float:right;margin:0px 0px 15px 15px}
			
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;list-style:none}

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

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

#container{width:100%;height:100%;position:relative;background:url(../pics/schokolinsen-bg.png) repeat-x 90px 86px}
#center-in{text-align:left;width:950px;margin:auto}
#top{float:left;width:950px;height:96px}
#logo{float:left;margin:20px 0px 0px 0px}

/***************************************************************** 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.1)
}
#menu a
{
float:left;padding:7px 13px 8px 13px;font-size:12px;outline:none;font-weight:bold;
-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;-o-border-radius:3px;border-radius:3px;
background:#b8dfee url(../pics/menu.gif) repeat-x left bottom;color:#fff;
box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1);-moz-box-shadow:0px 1px 1px rgba(17, 70, 90, 0.1);-webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1)
}
#menu a:hover{text-decoration:none;
background:#9ecce6 url(../pics/more-link-hover.gif) repeat-x}

#menu li.active a{text-decoration:none;
background:#fff url(../pics/menu-active.gif) repeat-x left bottom;color:#7da1b0;text-shadow:1px 1px 0 rgba(255, 255, 255, 1.0)}

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

#header{width:950px;height:300px;float:left;margin-top:60px}

/******************************************************************** teaser ***/
/*******************************************************************************/

.start {float:left;width:950px;margin:60px 0px 30px 0px}

.teaser-content {float:left;width:950px;margin:0px 0px 30px 0px}

a.ta-link, a.ta-link:hover {float:left;text-decoration:none;color:#363636;margin:0px 45px 0px 0px}
.teaser:hover {background:#fff;border:1px solid #e2eef1;
box-shadow:1px 1px 10px #b4c8cd;-moz-box-shadow:1px 1px 10px #b4c8cd;-webkit-box-shadow:1px 1px 10px #b4c8cd}

.teaser {width:200px;float:left;border:1px solid #f5fbfd;background:#f5fbfd;
box-shadow:1px 1px 5px #c5d0d3;-moz-box-shadow:1px 1px 5px #c5d0d3;-webkit-box-shadow:1px 1px 5px #c5d0d3;
-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;-o-border-radius:3px;border-radius:3px}
			
.teaser-pic {float:left;width:180px;margin:-1px 0px 0px -1px}
			
.teaser-title {float:left;width:180px;color:#fff;margin:0px 0px 0px 0px;padding:7px 10px 7px 10px;background:#8f0707 url(../pics/teaser-title.gif) repeat-x}
			
.teaser-text {float:left;width:180px;margin:5px 0px 0px 0px;padding:10px}

.dissmis .teaser {background:#f5fbfd url(../pics/ausverkauft.png) no-repeat bottom right}

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

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

.left-box
{
float:left;font-size:11px;line-height:15px;border:1px solid #e2eef1;background:#f8fdfe;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:-8px 0px 20px 0px}
	
/********************************************************************* right ***/
/*******************************************************************************/
	
#left{float:left;width:660px;line-height:20px;margin-top:60px}
.description{float:left;font-size:12px;margin:0px 0px 20px 0px;width:658px}

.text, .text-2, .att
{
float:left;font-size:12px;border:1px solid #eef5f7;background:#fff;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
}

.att {background:#fff url(../pics/phone.png) no-repeat bottom right}

.text-2{width:265px;margin-right:26px}

.area {float:left;font-size:12px;margin:0px 0px 25px 0px;padding:13px 0px 0px 0px;width:660px}

.extra{background:#f4fafd;border-color:#e1ebf0}
.mark{font-size:11px;background:#faf2bc;border-color:#f1e69a;color:#c09500}
.extra-2{background:#F7F7F7;border-color:#F7F7F7}

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

.dissmis{opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5}

.count{font-size:18px;font-style:italic;padding:9px 0px 0px 11px}		
.count-line{border-bottom:1px dotted #d3dee4}
			
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:#a6c0cd}

.start .addthis {margin-right:10px}
.addthis {float:right;margin:10px 0px 0px 0px}
.addthis div {float:left;margin-left:10px}
	
/******************************************************************** Footer ***/
/*******************************************************************************/

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

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

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

.img, .footer-logos img {float:left}
.footer-logos img {margin-right:20px}

.footer-logos {margin:0px 0px 30px 0px}
	
#footer-bottom{float:left;position:relative;width:100%;font-size:11px;
background:#8eb7c7 url(../pics/footer-bg.gif) repeat-x}
	
#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 #dbeef5;color:#dbeef5}
	
#footer-bottom .footer-menu ul li a:hover{background:#abd1e0;color:#fff}
	
#copy{float:right;padding:16px 0px 4px 10px;
color:#dbeef5}

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

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

#steps-back{width:278px;height:372px;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:95px}

/****************************************************************** 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;
	}

/****************************************************************** facebook ***/
/*******************************************************************************/
	
.facebook
	{
	border:1px solid #e2eef1;background:#f8fdfe;
	width:		240px;
	height:		172px;
	float:		left;
	-moz-border-radius:3px;
	-webkit-border-radius:3px; 
	border-radius:3px; 
	}
	
.FB_UI_Hidden{display:none}
	
.facebook span
	{
	padding:    0px!important;
	background:	none!important; 
	}
	
.fan_box .full_widget
	{
	border: 	0!important;
	background: none!important;
	position: 	relative;
	}
	
.fan_box .connections .connections_grid
	{padding-top:10px!important}
	
.grid_item 
	{
	float: 		left;
	overflow: 	hidden;
	padding:    0 0px 4px 0!important;
	margin:		0px 10px 5px 0px!important;
	width: 		50px!important;
	}
	
.grid_item:hover 
	{background:#edeeed!important}
	
.total, .total b
	{font-weight:normal!important}
	
.fan_box .profileimage
	{display:none!important}
	
.fan_box .connect_action 
	{padding:0px!important}
	
.fan_box .connect_widget td.connect_widget_vertical_center a.connect_widget_like_button
	{background:#fff!important}
	
.fan_box .connect_action .name
	{
	font-size:	11px!important;
	font-weight:normal!important;
	}
	
.fan_box .full_widget .connect_top 
	{background:#F7F7F7!important}
	
/************************************************************ redirect-frame ***/
/*******************************************************************************/

#frame-top{height:57px;background-color:#a5d3ea;border-bottom:1px solid #a5d3ea;z-index:100;line-height:59px;margin-bottom:1px}
#frame-top a.site-frame{display:block;margin-top:6px;margin-right:10px;float:right;background-repeat:no-repeat;background-position:left top;text-indent:-9999px}
#frame-top .preview-logo{background-image:url('../../content/pics/schokolinsen-bedrucken-logo.png');width:259px;height:46px}
#frame-top p.meta-data{padding:0px;margin:0px;float:left}
#frame-top p.meta-data p{display:inline;margin:0px}
#frame-top p.meta-data a{text-decoration:none;color:#fff}
#frame-top p.meta-data a.backtosite{margin-left:10px;border-left:1px solid #e8f2f8;padding-left:15px}
#frame-top div.close-frame{width:40px;margin-left:5px;height:52px;float:left}
#frame-top div.close-frame a#close-button{display:block;width:16px;height:16px;margin:0px auto;margin-top:21px;border:1px solid #e8f2f8;text-indent:-9999px;background-image:url('../../content/pics/close.gif');background-repeat:no-repeat}
#frame-top div.close-frame a#close-button:hover,#frame-top div.close-frame a#close-button.activated{background-position:0px -16px}
#preview-frame{width:100%;background-color:#fff}

@media only screen and (max-width: 1145px) {

#yp, #slidebar {display:none}
	
}