/* standards  */

html[xmlns^="http"] 	{overflow-y: scroll;}

/* css reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
strong, h1, h2, h3, h4, h5, h6	{font-weight: bold;}

html, body				{min-height: 100%; height: auto; height: 100%; line-height: 1.6em; }
body 					{font-size: 70%; font-family:Verdana, Arial, Helvetica, sans-serif; color: #fff; background:url(../images/layout/bg-body.jpg) repeat-x #c8d6da;}
ul 						{list-style-type: none;}
a 						{color: #f00;}
a:hover					{text-decoration: none;}
br 						{margin: 0; padding: 0; line-height: 0.0001em;}
table					{border-collapse: collapse;}
td, th 					{vertical-align: top;}
p						{padding: 0 0 0.8em 0;}
.floatright				{float:right;}
.firmendaten 			{margin-bottom: 1em;}
.firmendaten .desc, 
.firmendaten .value		{font-size: 1.2em; padding: .2em 0; color: #515151;}
.bordered				{border-bottom: 1px dashed #515151;}
.firmendaten .desc		{width: 13em; font-weight: bold;}
.firmendaten .value		{width: 26em;}

.clearblock:after		{content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearblock				{display: inline-block;}
html[xmlns] .clearblock	{display: block;}
* html .clearblock		{height: 1%;}
.clear	 				{clear: both;}

.todo					{background: #f00 !important; color: #fff !important;}
.img_repl				{font-size: 0; line-height: 0; text-indent: -99999px;}

.pdf					{background-image:url(../images/standard/pdf.gif); background-repeat:no-repeat; padding-left:20px;}


h3 {text-indent:-9999px;}

/* end of standards  */

/*-----------------------------CONTAINER--------------------------------*/

#container {width:950px; margin:0 auto -32px; min-height: 100%; height: auto !important; height: 100%;}
#header {background:url(../images/layout/bg-header.jpg) no-repeat; width:950px; height:125px;}
#container-left {width:658px; background:url(../images/layout/bg-content.jpg) center top no-repeat; float:left;}

/*-----------------------------HEADER-----------------------------------*/

h1#branding {padding:21px 0 0 0;}

ul#metanavi { margin:-100px 0 0 663px;}
ul#metanavi li {float:left; word-spacing:3px; color:#1c92b0;}
ul#metanavi li a {color:#1c92b0; text-decoration:none;}
ul#metanavi li a:hover {text-decoration:underline;}

ul#metanavi li a.agb {margin:0 0 0 6px;}
ul#metanavi li a.imp {margin:0 0 0 6px;}


ul#other {margin:70px 0 0 680px;}
ul#other li {float:left;}

ul#other li a.de, ul#other li a.en {margin:0 16px 0 0;}
ul#other li a.war {background:url(../images/layout/basket.jpg) no-repeat left; padding:0 0 0 18px; font-size:1.2em}

/*-----------------------------Navigation-------------------------------*/
ul#navi {height:75px;  position:relative;}
ul#navi li {margin:1px 0 0 0;}
ul#navi li {float:left; }
ul#navi li a { background-position:center top !important; display:block; height:48px; text-decoration:none; text-indent:-9999em;}

ul#navi li a:hover {background-position:bottom !important;}

ul#navi li a.sta {background:transparent url(../images/layout/navi/home.jpg) no-repeat scroll 0 0; width:102px;}
ul#navi li a.war {background:transparent url(../images/layout/navi/cart.jpg) no-repeat scroll 0 0; width:128px;}
ul#navi li a.yoy {background:transparent url(../images/layout/navi/yoyo.jpg) no-repeat scroll 0 0; width:96px;}
ul#navi li a.acc {background:transparent url(../images/layout/navi/accessoires.jpg) no-repeat scroll 0 0; width:143px;}
ul#navi li a.son {background:transparent url(../images/layout/navi/deals.jpg) no-repeat scroll 0 0; width:160px;}
ul#navi li a.ser {background:transparent url(../images/layout/navi/service.jpg) no-repeat scroll 0 0; width:133px;}
ul#navi li a.com {background:transparent url(../images/layout/navi/community.jpg) no-repeat scroll 0 0; width:119px;}

body#index ul#navi li a.sta, body#demo ul#navi li a.sta, body#warenkorb ul#navi li a.war, body#yoyos ul#navi li a.yoy,  body#accessoires ul#navi li a.acc, body#sonderposten ul#navi li a.son, body#service ul#navi li a.ser, body#community ul#navi li a.com {background-position:bottom !important}

/* navigation - drop down */
ul#navi li ul.subnavi				{display: none; position: absolute; line-height:26px;}
ul#navi li:hover ul.subnavi		{ display: block;  text-indent:0em; font-size:12px; color:#fefefe; line-height:26px;}
ul#navi li ul.subnavi			{top:45px; left:0px; text-indent:0em; width:882px;}
ul#navi li ul.subnavi li			{float:left; border-top:0px; width:auto;  padding:2px 9px 0 9px; height:23px;}
ul#navi li ul.subnavi li a  {background:none; font-size: 12px; text-indent:0em; color:#fefefe; text-decoration:none;}
ul#navi li ul.subnavi li a:hover	{font-size: 12px; text-indent:0em; color:#9eddea; padding:0px 0 0 0; text-decoration:none;}

body#yoyos ul#navi li ul.subnavi {display:block; }
body#yoyos ul#navi li ul.subnavi3, body#yoyos ul#navi li ul.subnavi1, body#yoyos ul#navi li ul.subnavi2 {display:none;}

ul#navi li ul.subnavi1				{display: none; position: absolute; line-height:26px;}
ul#navi li:hover ul.subnavi1		{ display: block;  text-indent:0em; font-size:13px; color:#fefefe; line-height:26px;}
ul#navi li ul.subnavi1			{top:45px; left:320px; text-indent:0em; width:562px;}
ul#navi li ul.subnavi1 li			{float:left; border-top:0px; width:auto;  padding:2px 9px 0 9px; height:23px;}
ul#navi li ul.subnavi1 li a  {background:none; font-size: 12px; text-indent:0em; color:#fefefe; text-decoration:none;}
ul#navi li ul.subnavi1 li a:hover	{font-size: 12px; text-indent:0em; color:#9eddea; text-decoration:none;}

body#accessoires ul#navi li ul.subnavi1 {display:block;}
body#accessoires ul#navi li ul.subnavi3, body#accessoires ul#navi li ul.subnavi, body#accessoires ul#navi li ul.subnavi2 {display:none;}

ul#navi li ul.subnavi2				{display: none; position: absolute; line-height:26px;}
ul#navi li:hover ul.subnavi2		{ display: block;  text-indent:0em; font-size:13px; color:#fefefe; line-height:26px;}
ul#navi li ul.subnavi2			{top:45px; left:400px; text-indent:0em; width:400px;}
ul#navi li ul.subnavi2 li			{float:left; border-top:0px; width:auto;  padding:2px 9px 0 9px; height:23px;}
ul#navi li ul.subnavi2 li a  {background:none; font-size: 12px; text-indent:0em; color:#fefefe; text-decoration:none;}
ul#navi li ul.subnavi2 li a:hover	{font-size: 12px; text-indent:0em; color:#9eddea; text-decoration:none;}

body#service ul#navi li ul.subnavi2 {display:block;}
body#service ul#navi li ul.subnavi3, body#service ul#navi li ul.subnavi1, body#service ul#navi li ul.subnavi {display:none;}

ul#navi li ul.subnavi3				{display: none; position: absolute; line-height:26px;}
ul#navi li:hover ul.subnavi3		{ display: block;  text-indent:0em; font-size:13px; color:#fefefe; line-height:26px;}
ul#navi li ul.subnavi3			{top:45px; left:700px; text-indent:0em; width:400px;}
ul#navi li ul.subnavi3 li			{float:left; border-top:0px; width:auto;  padding:2px 9px 0 9px; height:23px;}
ul#navi li ul.subnavi3 li a  {background:none; font-size: 12px; text-indent:0em; color:#fefefe; text-decoration:none;}
ul#navi li ul.subnavi3 li a:hover	{font-size: 12px; text-indent:0em; color:#9eddea; text-decoration:none;}

body#community ul#navi li ul.subnavi3 {display:block;}
body#community ul#navi li ul.subnavi2, body#community ul#navi li ul.subnavi1, body#community ul#navi li ul.subnavi {display:none;}

/*-----------------------------Content-Navi-----------------------------*/

#content-navi {width:656px; border:1px solid #9db8be; height:40px; background:#fff; margin:13px 0 0 0;}
ul.cont-navi li {float:left; padding:10px 9px 0 9px;}

/*-----------------------------Slideshow--------------------------------*/

#show {width:646px; border:1px solid #9db8be; height:175px; background:#cedade; margin:13px 0 0 0; padding:10px 0 10px 10px;}




#gallery{
	
	border:1px solid #9db8be;
	
	background:url(img/panel.jpg) repeat-x bottom center #ffffff;
	
	/* The width of the gallery */
	width:426px;
	overflow:hidden;
	height:175px;
	float:left;
}

#slides{
	/* This is the slide area */
	height:175px;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:426px;
	overflow:hidden;
	float:left;
}

.slide{
	float:left;
	width:426px;
}

#menu{
	/* This is the container for the thumbnails */
	height:176px;
	width:200px;
	float:left;
   margin-left:10px;

}

#menu ul{
	margin-left:-10px;
	padding:0px;
	float:left;
}

#menu li{
	/* Every thumbnail is a li element */
margin: 0; padding: 5px 10px 5px 15px;
background:none;
color:#969696;
width: 185px;
height:48px;
border-bottom:1px solid #d5d8d8;
	overflow:hidden;
}

#menu li.inact{
	/* The inactive state, highlighted on mouse over */
	background:url(../images/layout/bg-slide2.jpg) repeat;
}
#menu li.inact:hover{
	/* The inactive state, highlighted on mouse over */
	background:url(../images/layout/bg-slide.jpg) repeat;
}

#menu li.act{
	/* The active state of the thumb */
	background:url(../images/layout/bg-slide.jpg) repeat-x;
	border-bottom:1px solid #d5d8d8;
}

#menu li.act a{
	cursor:default;
}

.fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:2px;
	background:url(img/divider.png) no-repeat right;
}

#menu li a{
	display:block;

	height:35px;
	padding-top:0px;
	font-size:1.0em; color:#0095b4; font-weight:bold;
}

#menu li p {font-size:0.9em; margin-top:-20px;}




/*-----------------------------Teaser-----------------------------*/
h3.video {background:url(../images/layout/h3/h3-videos.jpg) no-repeat;}
#teaser-left {width:241px; height:65px; background:#e6edef; border:1px solid #9db8be; margin:11px 0 0 0; padding:13px 0 0 11px; color:#909090; float:left;}

h3.vorteile {background:url(../images/layout/h3/h3-vorteile.jpg) no-repeat;}
#teaser-right {width:380px; height:65px; background:#e6edef; border:1px solid #9db8be; margin:11px 0 0 11px; padding:13px 0 0 11px; color:#909090; float:left;}
ul.list-teaser {float:left;}
ul.list-teaser2 {float:left; padding:0 0 0 47px;}


/*-----------------------------Text--------------------------------*/

#content-text {width:600px;  border:1px solid #9db8be; background:#e6edef; margin:13px 0 10px 0; padding:18px 40px 20px 16px; color:#000;  min-height:370px; _height:370px;}
																	 
h2 {font-size:1.5em; text-transform:uppercase; font-weight:lighter; color:#0283a7; height:17px; padding:0 0 28px 0;}
h4 {color:#5c5c5c; font-size:1.2em; margin:0 0 16px 0;}


/*------------------------------------------ARTIKEL---------------------------------------------*/

table.article {width:450px; margin:0 0 10px 0; }
table.article tr {background:url(../images/layout/bg-details.jpg) repeat-x #efefef; height:25px; line-height:25px; border:1px solid #d5d8d8;}
td.cat {text-transform:uppercase; color:#0283a7; border-right:1px solid #e0e0e0; padding:0 0 0 5px; width:60px; min-width:100px;}
td.con {padding:0 0 0 5px;}

ul.article li {float:left; padding:0 9px 0 9px; text-align:right;}
ul.article li a.korb {background:transparent url(../images/layout/basket.png) no-repeat scroll left center; padding:0 0 0 20px;}
ul.article li a.korb-delete {background:transparent url(../images/layout/delete.png) no-repeat scroll left center; padding:0 0 0 20px; }
span.article a.korb-delete {background:transparent url(../images/layout/delete.png) no-repeat scroll left center; padding:0 0 0 20px; margin-left:5px; }
ul.article li a.det {background:transparent url(../images/layout/more.png) no-repeat scroll left center; padding:0 0 0 20px;}



.col-left {width:150px; float:left;}
.col-right {float:left; width:450px;}

#recommand {width:645px; background:#e6edef; border:1px solid #9db8be; margin:11px 0 0 0; padding:13px 0 0 11px; color:#909090;}
h3.aeh {background:url(../images/layout/h3/aehnlich.jpg) no-repeat; margin:0 0 10px 0;}
dl.aeh {width:135px; margin:0 15px 10px 0; float:left;}
dl.aeh dd {height:108px;}

/*Checkout*/

p.breadcumb {color:#999;}
.highlight {color:#0095b4;}
a.zahlen {text-indent:-9999px; background:url(../images/layout/zahlen.gif); display:block; width:91px; height:27px; float:right; }
input.anzahl {width:40px; font-size:0.9em; border:1px solid #cccccc; margin-top:4px;}
input.submit
{
background-color:#1C92B0;
border:1px solid #E6EDEF;
color:#E6EDEF;
font-family:Verdana;
font-size:10px;
padding:2px;


/*border: 1px solid #1C92B0;
background-color:#E6EDEF;
color:#1C92B0;
font-family:Verdana;
font-size:10px;
width:160px;
padding:2px;*/
}
p.steps {margin-top:15px;}

a:link, a:visited {color:#1c92b0; text-decoration:none;}
a:hover {text-decoration:underline;}

/*------------------------------Bilder------------------------------*/

.rahmen {border:1px solid #247d95; padding:3px;}
.img-float {float:left; margin:0 12px 15px 0;}
.abstandbot {margin-bottom:15px;}




/*--------------------------Sidebar--------------------------*/

#sidebar {float:left; width:200px; padding:12px 0 0 0; margin:0 0 10px 20px; }

.box {background:url(../images/layout/bg-box.gif) no-repeat; width:175px; height:150px; margin:17px 0 0 0; padding:24px 10px 0 15px; color:#909090;}
h3.akt {background:url(../images/layout/h3/h3-aktuelles.jpg) no-repeat;}
h3.ver {background:url(../images/layout/h3/h3-versand.jpg) no-repeat;}
h3.sup {background:url(../images/layout/h3/h3-support.jpg) no-repeat;}

.telefon {background:url(../images/layout/telefon.jpg) no-repeat left; padding:0 0 0 20px; font-size:1.3em;}
.mail {background:url(../images/layout/mail.jpg) no-repeat left; padding:0 0 0 20px; font-size:1.2em; }
.mail a {color:#909090;}

ul.content-box a{ color:#909090;}
ul.content-box { color:#909090; }
ul.content-box li {padding:5px 0 5px 0; border-bottom:1px solid #ededed;}




/*------------------------------Footer------*/ 
.push {height:32px;}
#footer {color:#257e96; background:#d6e1e3; height:32px; padding:15px 0 0 0; z-index:9999;}
#footer-text {margin:0 auto; width:950px;}

ul.foot-text {margin:0 0 0 25px;}
ul.foot-text li {float:left; }

ul.foot-text li.right {margin-right:104px;}
ul.foot-text li.ssl {list-style-image:url(../images/layout/ssl.gif); margin-top:-6px;}