body{
	margin:0;
	font:11px/14px Arial, Verdana,sans-serif;
	background:#0c0c0c url(../images/bg-body.gif) repeat-x;
	color:#fff;
}
img{border:0;}
a{
	color:#0681bc;
	text-decoration:none;
}
a:hover{text-decoration:underline;}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
#home{
	background:#0c0c0c url(../images/bg-body.gif) repeat-x;
}
#wrapper{
	width:987px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	padding:524px 0 0 4px;
}
/*header*/
#header{
	width:987px;
	height:406px;
	overflow:hidden;
	padding:128px 0 0 0;
	position:absolute;
	top:0;
	left:4px;
	z-index:0;
}
/*logo*/
.logo{
	width:74px;
	height:57px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/logo.gif) no-repeat 0 0;
	margin:0;
	position:absolute;
	left:0;
	top:29px;
	z-index:2;
}
.logo a{
	display:block;
	height:100%;
}
#header p{
	margin:0;
	font-size:10px;
	line-height:16px;
}
/*navigation*/
#nav{
	overflow:hidden;
	margin:19px 0 0;
	padding:0 0 22px 0;
	list-style:none;
	position:absolute;
	right:-26px;
	top:22px;
	width:934px;
	overflow:hidden;
}
#nav li{
	float:right;
	padding:0 0 8px;
	background:url(../images/nav-separator.gif) no-repeat 100% 0;
	position:relative;
}
#nav li.open ul{
	display:block;

}
/*#nav li.close ul{
	display: none;
}
#nav li.hover ul {
	display: block !important;
}*/
#nav li ul{
	display:none;
	position:absolute;
	top:34px;
	left:14px;
	list-style:none;
	overflow:hidden;
	padding:0;
	width:934px;
	margin:0;
}
#nav li a{
	float:left;
	height:11px;
	line-height:11px;
	padding:5px 26px 10px;
	overflow:hidden;
}
#nav li ul li{
	float:left;
	margin:0 0 0 -1px;
	background:url(../images/subnav-separator.gif) no-repeat;
}
#nav li.right-submenu ul{
	left:auto;
	right:15px;
}
#nav li.right-submenu ul li{
	float:right;
	margin:0 -1px 0 0;
	background-position:100% 0;

}
#nav li.center-submenu ul{
	left:auto;
	right:-440px;

}
#nav li.center-submenu ul li{
	float:right;
	margin:0 -1px 0 0;
	background-position:100% 0;

}
#nav li ul li a{
	padding:3px 13px;
	height:14px;
}
#nav li a.sind{width:83px;}
#nav li a.werb{width:81px;}
#nav li a.service{width:48px;}
#nav li a.rmwz{width:138px;}
#nav li a.veran{width:115px;}
#nav li a.presse{width:41px;}
#nav li a.kontakt{width:54px;}
#nav li.open a.sind,
#nav li.hover a.sind,
#nav li:hover a.sind,
#nav li a.sind:hover{text-indent:-135px;}
#nav li.open a.werb,
#nav li.hover a.werb,
#nav li:hover a.werb,
#nav li a.werb:hover{text-indent:-133px;}
#nav li.open a.service,
#nav li.hover a.service,
#nav li:hover a.service,
#nav li a.service:hover{text-indent:-100px;}
#nav li.open a.rmwz,
#nav li.hover a.rmwz,
#nav li:hover a.rmwz,
#nav li a.rmwz:hover{text-indent:-189px;}
#nav li.open a.veran,
#nav li.hover a.veran,
#nav li:hover a.veran,
#nav li a.veran:hover{text-indent:-167px;}
#nav li.open a.presse,
#nav li.hover a.presse,
#nav li:hover a.presse,
#nav li a.presse:hover{text-indent:-93px;}
#nav li.open a.kontakt,
#nav li.hover a.kontakt,
#nav li:hover a.kontakt,
#nav li a.kontakt:hover{text-indent:-106px;}
#nav li a.erfahrung{width:60px;}
#nav li a.ideen{width:26px;}
#nav li a.fakten{width:36px;}
#nav li a.refer{width:58px;}
#nav li a.partner{width:105px;}
#nav li a.karlsson{width:133px;}
#nav li a.jobs{width:25px;}
#nav li a.onlinekataloge{width:78px;}
#nav li a.neuheiten{width:50px;}
#nav li a.empfehlungen{width:76px;}
#nav li a.produktvielfalt{width:90px;}
#nav li a.themenwelten{width:75px;}
#nav li a.logobilder{width:132px;}
#nav li a.pressemeldungen{width:98px;}
#nav li a.pressestimmen{width:84px;}
#nav li a.ansprechpartner{width:99px;}
#nav li a.wegbeschreibung{width:100px;}
#nav li a.kontaktformular{width:101px;}
#nav li a.full-service{width:67px;}
#nav li a.webshops{width:57px;}
#nav li a.richtlinien{width:115px;}
#nav li a.fashion{width:113px;}
#nav li a.sonderanfertigungen{width:121px;}
#nav li a.werbeanbringung{width:102px;}
#nav li a.importe{width:45px;}
#nav li a.werbemittel-messe{width:103px;}
#nav li a.messeanmeldung{width:96px;}
#nav li a.terminvereinbarung{width:185px;}
#nav li li.active a.erfahrung,
#nav li li:hover a.erfahrung,
#nav li a.erfahrung:hover{text-indent:-86px;}
#nav li li.active a.ideen,
#nav li li:hover a.ideen,
#nav li a:hover.ideen{text-indent:-52px;}
#nav li li.active a.fakten,
#nav li li:hover a.fakten,
#nav li a.fakten:hover{text-indent:-62px;}
#nav li li.active a.refer,
#nav li li:hover a.refer,
#nav li a.refer:hover{text-indent:-84px;}
#nav li li.active a.partner,
#nav li li:hover a.partner,
#nav li a.partner:hover{text-indent:-131px;}
#nav li li.active a.karlsson,
#nav li li:hover a.karlsson,
#nav li a.karlsson:hover{text-indent:-159px;}
#nav li li.active a.jobs,
#nav li li:hover a.jobs,
#nav li a.jobs:hover{text-indent:-51px;}
#nav li li.active a.onlinekataloge,
#nav li li:hover a.onlinekataloge,
#nav li a:hover.onlinekataloge{text-indent:-100px;}
#nav li li.active a.neuheiten,
#nav li li:hover a.neuheiten,
#nav li a:hover.neuheiten{text-indent:-77px;}
#nav li li.active a.empfehlungen,
#nav li li:hover a.empfehlungen,
#nav li a:hover.empfehlungen{text-indent:-101px;}
#nav li li.active a.produktvielfalt,
#nav li li:hover a.produktvielfalt,
#nav li a:hover.produktvielfalt{text-indent:-117px;}
#nav li li.active a.themenwelten,
#nav li li:hover a.themenwelten,
#nav li a:hover.themenwelten{text-indent:-101px;}
#nav li li.active a.logobilder,
#nav li li:hover a.logobilder,
#nav li a:hover.logobilder{text-indent:-159px;}
#nav li li.active a.pressemeldungen,
#nav li li:hover a.pressemeldungen,
#nav li a:hover.pressemeldungen{text-indent:-125px;}
#nav li li.active a.pressestimmen,
#nav li li:hover a.pressestimmen,
#nav li a:hover.pressestimmen{text-indent:-109px;}
#nav li li.active a.ansprechpartner,
#nav li li:hover a.ansprechpartner,
#nav li a:hover.ansprechpartner{text-indent:-125px;}
#nav li li.active a.wegbeschreibung,
#nav li li:hover a.wegbeschreibung,
#nav li a:hover.wegbeschreibung{text-indent:-125px;}
#nav li li.active a.kontaktformular,
#nav li li:hover a.kontaktformular,
#nav li a:hover.kontaktformular{text-indent:-128px;}
#nav li li.active a.full-service,
#nav li li:hover a.full-service,
#nav li a:hover.full-service{text-indent:-91px;}
#nav li li.active a.webshops,
#nav li li:hover a.webshops,
#nav li a:hover.webshops{text-indent:-84px;}
#nav li li.active a.richtlinien,
#nav li li:hover a.richtlinien,
#nav li a:hover.richtlinien{text-indent:-140px;}
#nav li li.active a.fashion,
#nav li li:hover a.fashion,
#nav li a:hover.fashion{text-indent:-136px;}
#nav li li.active a.sonderanfertigungen,
#nav li li:hover a.sonderanfertigungen,
#nav li a:hover.sonderanfertigungen{text-indent:-148px;}
#nav li li.active a.werbeanbringung,
#nav li li:hover a.werbeanbringung,
#nav li a:hover.werbeanbringung{text-indent:-128px;}
#nav li li.active a.importe,
#nav li li:hover a.importe,
#nav li a:hover.importe{text-indent:-71px;}
#nav li li.active a.werbemittel-messe,
#nav li li:hover a.werbemittel-messe,
#nav li a:hover.werbemittel-messe{text-indent:-130px;}
#nav li li.active a.messeanmeldung,
#nav li li:hover a.messeanmeldung,
#nav li a:hover.messeanmeldung{text-indent:-123px;}
#nav li li.active a.terminvereinbarung,
#nav li li:hover a.terminvereinbarung,
#nav li a:hover.terminvereinbarung{text-indent:-208px;}

/*login-form*/
.login-form{
	padding:0 1px 0 0;
	float:right;
	width:450px;
}
.login-form label{
	float:right;
	font:9px/16px Tahoma, Arial, sans-serif;
	margin:0 12px 0 0;
}
.log-mail,
.log-pass{
	border:1px solid #999;
	width:115px;
	padding:2px 2px 1px 9px;
	font:9px/11px Tahoma, Arial, sans-serif;
	color:#777;
	margin:0 10px 0 0;
	float:right;
}
.log-button{
	width:52px;
	border:0;
	color:#fff;
	cursor:pointer;
	font:bold 9px/12px Arial, Verdana, sans-serif;
	background:url(../images/btn-login.jpg) no-repeat;
	float:right;
	padding:2px 2px 4px;
}
/*flash-area*/
.flash-area{
	width:987px;
	height:370px;
	margin:20px auto 0;
	overflow:hidden;
}
.flash-area img{display:block;}
/*content-area*/
.content-area{
	width:987px;
	background:#151919;
}
.content-bg{
	background: url(../images/bg-content-area.gif) no-repeat;
	width:100%;
	overflow:hidden;
	padding:24px 0 9px;
	position:relative;
	z-index:1;
}
/*content*/
#content{
	float:left;
	width:718px;;
	overflow:hidden;
	border-right:1px solid #101313;
	padding:15px 17px 0 0;
}
#content h1{
	margin:15px 0 12px -13px;
}
#content h2{
	margin:0 0 10px -11px;
}
#content h1 img,
#content h2 img{
	float:none;
	margin:0;
}
/*text*/
.text{
	overflow:hidden;
	width:703px;
	padding:0 0 0 15px;
}
.text p{
	margin:0 0 30px;
}
.text img{
	float:none;
	margin:0 0 0 0px;
}

}
.img {
	float:none;
	margin:0 0 0 0px;
}
/*exercises*/
.exercises{
	width:703px;
	padding:0 0 0 15px;
	overflow:hidden;
	margin:0 0 20px;
}
.ex-list{
	background:#1d2121 url(../images/bg-exercises-bottom.gif) no-repeat 0 100%;
	padding:0 0 3px;
	width:701px;
	overflow:hidden;
}
.exercises ul{
	list-style:none;
	margin:0;
	padding:0;
	width:726px;
	overflow:hidden;
	background:url(../images/bg-exercises.gif) repeat-y;
}
.exercises li{
	float:left;
	width:217px;
	margin:0 25px 0 0;
	text-align:left;
	overflow:hidden;
	position:relative;
}
.exercises .inner{
	padding:5px 13px 35px;
	min-height:160px;
	overflow:hidden;
	width:191px;
	background:#1d2121 url(../images/bg-exercises-top.gif) no-repeat;
}
* html .exercises .inner{
	overflow:visible;
	height:160px;
}
.exercises li .title{
	display:table;
	height:30px;
	overflow:hidden;
	width:100%;
}
.exercises li .subtitle{
	display:table-cell;
	vertical-align:middle;
}
.exercises li h3{
	font-size:15px;
	line-height:20px;
	margin:0;
	color:#0681bc;
	font-weight:normal;
	text-align:left;
	width:100%;
}
.exercises li p{
	font-size:12px;
	margin:8px 0;
}
.exercises li a{
	background:url(../images/arrow-exe.gif) no-repeat 0 50%;
	padding:0 0 0 14px;
	font-size:12px;
	position:absolute;
	left:20px;
	bottom:15px;
	color:#50b2ff;
}
.exercises li img{
	border:1px solid #3a3e3e;
	display:block;
	margin:5px 0 0 -3px;
}
/*list*/
.list{
	float:right;
	width:350px;
	padding:0 0 0 15px;
}
.list ul{
	margin:-3px 0 0;
	padding:0 0 0 4px;
	list-style:none;
	font-size:12px;
	line-height:28px;
}
.list ul li{
	background:url(../images/arrow-list.gif) no-repeat 0 50%;
	padding:0 0 0 17px;
}
.list ul li a{
	color:#fff;
}
/*list-left*/
.list-left{
	float:left;
	width:315px;
	padding:0 0 0 15px;
}
.list-left ul{
	margin:-3px 0 0;
	padding:0 0 0 4px;
	list-style:none;
	font-size:12px;
	line-height:28px;
}
.list-left ul li{
	background:url(../images/arrow-list.gif) no-repeat 0 50%;
	padding:0 0 0 17px;
}
.list-left ul li a{
	color:#fff;
}
/*question*/
.question{
	float:left;
	width:325px;
	font-size:12px;
	padding:0 10px 0 2px;
}
.question h3{
	margin:0;
	line-height:21px;
	border-left:5px solid #1a3652;
	padding:0 0 0 10px;
	font-size:14px;
}
.question a{color:#73c8ff;}
.question p{
	text-align:justify;
	margin:18px 0;
}
.question p a{
	font-size:11px;
	text-decoration:underline;
}
.question .ask{
	font-size:11px;
	line-height:32px;
	display:block;
	background:url(../images/bg-ask.gif) no-repeat;
	color:#aaaeae;
	padding:0 0 0 33px;
	width:325px;
	margin:0 0 0 -7px;
	position:relative;
}
.question .ask:hover{text-decoration:none;}
.question p a:hover{text-decoration:none;}
.question .answer{
	width:348px;
	padding:5px;
	background:#203039;
	overflow:hidden;
	margin:14px -2px 0 -1px;
	line-height:16px;
}
.answer strong{
	display:block;
	color:#abb0ae;
	margin:12px 0 0;
	font-size:11px;
}
.answer p{
	font-size:14px;
	margin:0;
	font-weight:bold;
	color:#73c8ff;
}
.answer img{
	float:left;
	margin:0 14px 0 0;
}
/*bodybuild*/
.bodybuild{
	width:703px;
	overflow:hidden;
	clear:both;
	font-size:12px;
	padding:27px 0 0 15px;
}
.bodybuild ul{
	list-style:none;
	margin:-3px 0 -14px;
	padding:0;
	
/*background:url(../images/bg-bodybuild.gif) repeat-y;*/
	overflow:hidden;
	width:100%;
}
.bodybuild ul li{
	width:750px;
	float:left;
	margin:0 0 0 -8px;
	overflow:hidden;
}
.bodybuild ul li ul{
	background:url(../images/bg-bodybuild-separator.gif) no-repeat 8px 100%;
	padding:17px 0;
	margin:0;
}
.bodybuild ul li.first{
	background:url(../images/bg-bodybuild-dot.gif) no-repeat 233px 0;
}
.bodybuild ul li.first ul{
	margin:-10px 0 0;
}
.bodybuild ul li ul li{
	width:208px;
	padding:0 26px 0 16px;
	margin:0;
	background:none;
}
.bodybuild ul li a{
	color:#fff;
}
.bodybuild ul li h3{
	font-size:12px;
	margin:0;
	line-height:18px;
}
.bodybuild ul li h3 a{
	color:#73C8FF;
}
.bodybuild ul li span{
	padding:0 0 0 16px;
	background:url(../images/arrow-body.gif) no-repeat 0 50%;
	float:left;
	margin:5px 0 0;
}
.bodybuild ul li span a{
	display:block;
}
.bodybuild ul li img{
	border:1px solid #323636;
	float:left;
	margin:0 11px 0 0;
}
/*news*/
.news{
	float:left;
	width:425px;
	border-right:1px solid #101313;
	padding:5px 24px 13px 15px;
}
.news ul{
	list-style:none;
	margin:12px 0 0;
	padding:0;
}
.news ul li{
	width:100%;
	padding: 0 0 17px;
}
.news ul li h3{
	margin:0;
	font-size:11px;
}
.news ul li p{
	margin:0;
}
.news ul li img{
	float:left;
	margin:4px 12px 0 0;
}
.news ul li a.mehr{margin:0 0 0 4px;}
.news ul li a.mehr img{
	float:none;
	margin:0;
}
#content .news h2,
#content .produktkatalog h2{
	margin:0;
	font-size:11px;
	line-height:12px;
	padding:0 0 0 23px;
	background:url(../images/arrow-title.gif) no-repeat 1px 50%;
}
.news h2 a,
.produktkatalog h2 a{
	color:#fff;
}
.news h2 a span,
.produktkatalog h2 a span{
	color:#999;
}
/*produktkatalog*/
.produktkatalog{
	float:left;
	width:211px;
	border-left:1px solid #101313;
	margin:0 0 0 -1px;
	padding:0 0 0 28px;
}
.produktkatalog img{
	float:right;
	margin:4px 0 0 -14px;
}
.produktkatalog p{
	margin:5px 0;
}
.produktkatalog ul{
	list-style:none;
	padding:0;
	margin:0;
	line-height:29px;
}
.produktkatalog ul li{
	background:url(../images/arrow.gif) no-repeat 0 50%;
	padding:0 0 0 11px;
	font-style:italic;
}
.produktkatalog ul li a{
	color:#fff;
	font-weight:bold;
}
.produktkatalog ul li a.pdf{
	padding:0 15px 0 0;
	background:url(../images/bg-pdf.gif) no-repeat 100% 50%;
}
.produktkatalog ul li a span{
	color:#0681bc;
}
/*sidebar*/
#sidebar{
	width:225px;
	float:right;
	border-left:1px solid #101313;
	margin:0 0 0 -16px;
	padding:0 10px 0 16px;
	font-family:Tahoma, Arial, sans-serif;
	overflow:hidden;
}
#sidebar h3{
	font-size:14px;
	line-height:20px;
	margin:0 0 8px;
	font-weight:normal;
}
/*newsletter*/
.newsletter{
	background:url(../images/newsletter-line.gif) no-repeat 0 100%;
}
.news-form{
	background:url(../images/bg-newsletter.gif) no-repeat 80px 0;
	padding:0 0 35px 5px;
}
.news-form .input{
	float:left;
	background:url(../images/bg-newsletter-input.gif) no-repeat;
	width:112px;
}
.news-form .letter-text{
	color:#666;
	background:none;
	padding:2px 6px 2px;
	width:100px;
	border:0;
	font:10px/11px Tahoma, Arial, sans-serif;
}
.news-form .letter-button{
	background:url(../images/btn-abonnieren.gif) no-repeat;
	width:85px;
	height: 24px;
	cursor:pointer;
	float:left;
	border:0;
	margin:1px 0 0 7px;
}
/*beratungsbox*/
.beratungsbox{
	background:url(../images/bg-beratungsbox.gif) no-repeat 100% 25px;
	padding:14px 0;
}
#sidebar .beratungsbox h3{
	margin:3px 0;
}
.beratungsbox p{
	margin:0;
	font-size:11px
}
.tel{
	display:block;
	width:130px;
	margin:20px 0 0 5px;
}
.tel img{
	display:block;
}
/*footer*/
#footer{
	width:987px;
	overflow:hidden;
	padding:18px 0 18px 4px;
	line-height:26px;
	margin:0 0 0 -4px;
}
/*footer-logo*/
#footer .footer-logo{
	float:left;
	width:41px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/footer-logo.gif) no-repeat 0 0;
	margin:0 10px 0 -4px;
}
.footer-logo a{
	display:block;
	height:100%;
}
#footer ul{
	float:left;
	overflow:hidden;
	list-style:none;
	padding:0;
	margin:0;
}
#footer ul li{
	float:left;
	background:url(../images/footer-separator.gif) no-repeat 0 50%;
	margin:0 0 0 -1px;
	padding:0 13px 0 14px;
}
#footer ul li a{
	color:#9a9999;
}
#footer p{
	margin:0;
	float:right;
	color:#9a9999;
}
