/* @override 
	http://www.dlinepools.de/_css/layout.css
	http://dev.dlinepools.de/fileadmin/templates/site/dline/_css/layout.css
*/

@import url("reset.css"); 
html, body {
	height: 100%;
}
body{
	font: 80%/160% Arial, sans-serif;
	background-color: #15181d;
	text-align: left;
	top: 0; left: 0;
	color: #FFF;
	margin: 0;
	padding: 0;
}
a{
	color: #FFF;
	text-decoration: none;
	border-bottom: 1px solid #FFF;
}
a:hover{
	color: #FFF;
	text-decoration: none;
}
#footer a{
	border: none;
	color: #FFF;
}
#footer a:hover{
	text-shadow: 0 0 10px #f5f5f2;
}
a img{
	border: none;
	text-decoration: none;
}
img a{
	border: none;
	text-decoration: none;
}
hr{
	height: 1px;
	margin: .8em 0 1.2em 0;
	border: none;
	border-bottom: 1px solid #737274;
}
h1{
	color: #FFF;
	font-size: 2.3em;
	font-weight: normal;
	line-height: 100%;
	margin: 0em 0 0.2em 0;
}
h2{
	color: #ccccca;
	font-size: 1.8em;
	font-weight: normal;
	line-height: 100%;
	margin: .5em 0 0.2em 0;
}
h3{
	color: #ccccca;
	font-size: 1.6em;
	margin: 0 0 .8em 0;
	padding: 0;
	font-weight: normal;å

}
h4{
	color: #FFF;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0.2em 0 0em 0;
}
.content h2{
	margin: -0.4em 0 0.5em 0;
}
.content h3{
	margin-top: -.4em;
}
.content a{
	color: #FFF;
}
blockquote{
	background-color: #2f2f31;
	padding: 10px;
	font-size: 0.9em;
	margin: 0.2em 0 1em 0;
}
p{
	margin: 0.2em 0 1.4em 0;
}
#maincontent p{
	margin: 0.2em 0 1em 0;
}
blockquote p.bodytext{
	margin: 0 !important;
}
#wrapper {
	position:absolute;
	z-index:1000;
	width: 100%;
	height: 100%;
	overflow: hidden;
	top: 0; left: 0;
}
#main {
	
}



#main .content {
	width: 422px;
	padding: 30px 220px 10px 35px;
	background: transparent url(../_gfx/bg_content.png) 0 0 repeat-y;
	position: absolute;
	bottom: 150px;
}
#main.product .content {
	width: 477px !important;
	padding: 30px 220px 10px 225px !important;
	background: transparent url(../_gfx/bg_productcontent.png) top left repeat-y !important;
}
#main.product .image {
	position: absolute;
	bottom: 170px;
	left: 0px;
}
.csc-textpic-imagewrap {
	margin-bottom: 10px;
}
#top {
	height: 86px;
	background: url(../_gfx/bg_top.jpg) repeat-x;
	border-bottom: 1px solid #18181a;
	overflow: hidden;
	width: 100%;
	min-width: 1040px;
	position: absolute;
	top: 0; left: 0;
	z-index: 1001;
}
#footer {
	width: 100%;
	height: 72px;
	position: absolute;
	bottom: 0;
	background: url(../_gfx/bg_footer.jpg) repeat-x;
	border-top: 1px solid #737274;
}
#logo{
	height: 86px;
	width: 335px;
	margin: 0 0 0 35px;
	background: url(../_gfx/logo_dline.png) 0 9px no-repeat;
	text-indent: -9999px;
	float: left;
}
/* @group Menu */
#menu{
	padding: 0;
	font-size: 1.2em;
	text-transform: uppercase;
	float: left;
	margin: 0 0 0 50px;
}
#menu li{
	float: left;
	padding: 0;
	margin: 0;
	margin-top: 55px;
}
#menu li a{
	padding: 0 5px;
	margin-right: 17px;
	display: block;
	border: none;
	color: #ccccca;
	height: 31px;
	text-decoration: none;
	letter-spacing: 1px;	
}
#menu li a:hover{
/*	border-bottom: 1px solid #999897; */
	background: transparent url(../_gfx/glow.png) bottom center no-repeat;
}
#menu li.active a{
	background: transparent url(../_gfx/glow.png) bottom center no-repeat;	
/*	border-bottom: 1px solid #FFF; */
	color: #FFF;
}
/* @end */
.clear {
	float: none;
	clear: both;
}
.jbg-loading {
	display: none !important;
}
.formlink{
	font-size: 1.2em;
	font-weight: bold;
	float: left;
	margin: 40px 0 0 20px;

}
.formlink a{
	color: #ccccca;
	padding: 10px;

}

.infolink{
	font-size: 0.9em;
	float: right;
	margin: 30px 20px 0 0;
	padding: 10px;
}

/* @group contentpage */

html.contentpage, .contentpage body,
.contentpage .jbgallery,
.contentpage .jbgallery table,
.contentpage .jbgallery td{
	overflow:auto !important;
}

.contentpage .jbgallery{
	margin-top: 86px;
	height: 250px !important;
}

.contentpage #wrapper{
	height: auto;
	position: relative;
}

.contentpage #main .content{
	bottom: 20px;
	z-index: 100;
}

.contentpage #footer{
	position: relative;
}
#wrappermaincontent{
	width: 1040px;
}

#maincontent{
	padding: 25px 30px;
}
/* @end */

.threedesc div.desc,
.threecol div.last,
.threedesc div.last{
	width: 320px;
	margin-right: 10px;
	float: left;
}
.threecol div.last, .threedesc div.last{
	margin-right: 0;
}
#maincontent img{
	border: 1px solid #737274;
}
.csc-textpic-border img {
	border: none !important;
}
#badge{
	position: absolute;
	bottom: 50px; right: 50px;
	height: 133px;
	width: 133px;
	background: transparent url(../_gfx/button_video.png);
	z-index: 100;
	text-indent: -9999em;
}
#badge.lang2 {
	background: transparent url(../_gfx/button_video-en.png) !important;
}
#badge.lang4 {
	background: transparent url(../_gfx/button_video-nl.png) !important;
}
#badge.lang6 {
	background: transparent url(../_gfx/button_video-it.png) !important;
}
#badge.lang7 {
	background: transparent url(../_gfx/button_video-fr.png) !important;
}
#badge a{
	display: block;
	width: 100%;
	height: 100%;
	border: none;
	text-decoration: none;
}
.infobox a {
	position: relative;
	width: 100%;
	height: 100%;
}
.infobox a span {
	display:none;
	background-image:url(../_gfx/zoomicon.png);
	background-repeat:no-repeat;
	width:32px;
	height:32px;
	position:absolute;
	left:34px;
	top:34px;
}
.infobox h2{
	font-size: 1.6em;
	margin-bottom: 0.2em;
	margin-top: -0.3em;
	margin-bottom: 0;
}
.infobox .image{
	float: left;
	width: 113px;
	
}
.infobox .info {
	float: left;
	width: 200px;
	padding-top: 0.4em;
}

.infobox p{
	font-size: 0.9em;
	line-height: 135%;
}
.infobox .fullsize{
	float: none;
	width: auto;
}
.infoboxsmall {
	width: 200px;
}
.infoboxsmall p{
	font-size: 0.9em;
	line-height: 135%;
}
	
.infobox .image img {
	width: 100px;
}


/* @group flags */

#language{
	float: right;

	position: absolute;
	top: 15px; right: 30px;
	z-index: 1005;
}

#language #currentlang {
background:url("../_gfx/lang/de.png") no-repeat scroll 7px center transparent;
height:30px;
line-height:31px;
margin:1px;
padding:0 10px 0 35px;
width:60px;

}
#language.hover #currentlang {
background-color:#000;
margin:0;
border: 1px solid #555;
border-bottom: none;
}
#language #flags {
background-color:#000;
display:none;
left:0;
list-style:none outside none;
margin:0;
padding:0;
position:absolute;
top:30px;
width:105px;
z-index:1005;
border: 1px solid #555;
border-top: none;
 
}
#language #flags a {
background:url("../_gfx/lang/en.png") no-repeat scroll 6px center transparent;
border:medium none;
line-height:30px;
padding-left:34px;
display: block;
color: #FFF;
}
#language #flags .current {
	display: none;
}
#language #flags .de a {
background-image:url("../_gfx/lang/de.png");
}
#language #flags .nl a, 
#language #currentlang.nederlands {
background-image:url("../_gfx/lang/nl.png");
}
#language #flags .en a, 
#language #currentlang.english {
background-image:url("../_gfx/lang/en.png");
}
#language #flags .fr a, 
#language #currentlang.francais {
background-image:url("../_gfx/lang/fr.png");
}
#language #flags .it a, 
#language #currentlang.italiano {
background-image:url("../_gfx/lang/it.png");
}

/* @end */

/* @group Seiten-Anpassung */

#uid1225 h3 {
	font-size: 1em;
	color: #FFF;
	margin: 0.2em 0 1.4em;
}
#uid1223 .content, #uid1224 .content {
	width: 477px !important;
	padding: 15px 220px 10px 225px !important;
	background: transparent url(../_gfx/bg_productcontent.png) top left repeat-y !important;
}
#uid1223 .content div.content-element div.csc-textpic.csc-textpic-intext-left-nowrap div,
#uid1224 .content div.content-element div.csc-textpic.csc-textpic-intext-left-nowrap div {
	margin-left: 0 !important;
}
#uid1223 .csc-textpic img, #uid1224 .csc-textpic img {
	position: absolute;
	bottom: 20px;
	left: 0px;	
}



/* @end */