*, html {margin:0; padding:0px;}

body {
background-color: #df7105; /*Der Orange-Ton*/
background-image:url(../img/bg_kachel.jpg);
background-repeat:repeat-x;
background-position: top left;
font-size: 12px;
font-family:  Arial, Verdana, Sans-Serif;
color:#000;
padding:0;
margin:0;
}

a {color:#fff;text-decoration:none;}
a:focus {outline:none;}
a:visited {color:#fff;}
a:hover {color: #564b47;cursor:pointer;}
a:active { color:#000000;}

h1 {
font-size: 24px;
padding:5px 15px;
margin:0 }

h2 {
font-size:18px;
font-weight: normal;
padding: 0px;
margin:0px;}

h3 {
font-size:18px;
font-weight: normal;
padding: 0px;
margin:0px;
background:#df7105;
height:70px;}

h3 span {
color:#fff;
padding:10px 0 10px 15px;
margin:0px;display:block;
}




/* ----------wrapper_outer-------------- */

#outer_wrapper {
width: 960px;
margin:0px auto;
background-color: transparent;
}


/* ----------wrapper_inner-------------- */

#inner_wrapper {
background-color: #fff;
}

/* ----------logo-------------- */

#logo {
background: transparent;
margin: 0px;
position:relative;
height:70px;
width:960px;
padding: 30px 0 0px 40px;
display : block;

}

#logo img {
position:absolute;
z-index:5;
}

#logo h1 {
position:absolute;
z-index:15;
float:left;
display:block;
width:418px;
height: 55px;
float:left;
padding:0;
margin:0;
background:transparent;
}

#logo h1 a {
position:absolute;
z-index:15;
display:block;
width:418px;
height:55px;
float:left;
background:url(../img/logo-ie.fix.png);
}
#logo h1 a span {
position:absolute;
left:-9999px;
}

/* -----------------Inhalt--------------------- */

#content {

width:540px;
margin: 10px 10px 10px 10px;
min-height:485px;
float:left;
}

#content h2 {display:block; line-height:100%; 
height:65px; color:#dc6413;  
background-color:#fff; 
font-size:40px; 
font-weight:bold; padding: 20px 10px 0;}
#content h2 span { }


div#content h3 {
height:30px;
width:540px;
display:block;
background:none;
}

div#content p {
padding-bottom:10px;
}

div#content a {color:#df7105;text-decoration:none;font-weight:bold;}
div#content a:focus {outline:none;}
div#content a:visited {color:#df7105;}
div#content a:hover {color: #564b47;cursor:pointer;}
div#content a:active { color:#df7105;}

#flash_cube {
height:370px;
overflow:hidden;}
#impressum #flash_cube {
overflow:auto;
width:535px;
padding:0;margin:0;
}

#impressum #content {
width:540px;
margin: 10px 10px 10px 10px;
min-height:485px;
float:left;
}

#impressum #content h3{
display:block;
margin:0;
padding:0;
width:90%;
height:18px;
}

/* --------------left navigavtion------------- */

#left {
float: left;
width: 200px;
margin: 0px;
padding: 0px;overflow:hidden;
}

#left h3 {
height:85px;
}


#left ul {
list-style:none;
margin: 0px;
padding: 0px;
position:relative;
left:10px;
width:180px;
}

#left ul li {
list-style:none;
margin: 0px;
padding: 0px;
padding:0px 0 0 24px;
line-height:1.5;
height:23px;
font-size:12px;
background:transparent url(../img/vorteil_gruen.png) no-repeat left top;
}

#left_teaser_1 {
width: 190px;
height: 485px;
background-color: #eeeeee;
margin: 10px 0 10px 10px;
padding: 0px;
position:relative;
}

#left_teaser_1 p {
width: 170px;
padding:10px 0px 0px 10px;
line-height:1.5;
}

div.link {
position:absolute;
left:0;
bottom:0px;
height:23px;
background:#616161;
width:190px;
padding:7px 0px 0 0;
text-align:right;
}

div.link a {
color:#fff;
text-decoration:none;
padding:0 10px 0 0;
margin:0;
}

#right {
float: right;
width: 200px;
margin: 0;
padding: 0;
}


#right h3 {
height:70px;
}

#right h3 span {
color:#fff;
padding:10px 0 10px 15px;
margin:0px;
}


#right_teaser_1 {
width: 190px;
height:220px;
background-color: #ccc;
margin: 10px 10px 10px 0;
padding: 0px;
position:relative;
}

#right_teaser_1 div.bildwrapper {
padding:0;
margin:0;
height:130px;
width:190px;overflow:hidden;
}

#right_teaser_1 div.bildwrapper img {
padding:0;
margin:0;
width:190px;
height:130px;
}

#right_teaser_2 {
width: 190px;
height: 255px;
background-color: #ccc;
margin: 10px 10px 10px 0;
padding: 0px;
position:relative;}

#right_teaser_2 div.bildwrapper {
padding:0;
margin:0;
height:185px;
width:190px;
overflow:hidden;
}



#right_teaser_2 div.bildwrapper img {
padding:0;
height:170px;
width:190px;
}

#right_teaser_2 div.preismaske {
position:absolute;
bottom:30px;
left:0;
background:url(../img/preismaske.png) no-repeat ;
z-index:100;
height:65px;
width:190px;

}


#right_teaser_2 div.preismaske h3 {
height:10px;
font-size:12px;
font-weight:bold;
margin:0;
padding:10px 5px 0 10px;
background:transparent;}

#right_teaser_2 div.preismaske p {
height:13px;
font-size:12px;
font-weight:bold;
padding:5px 5px 0 10px;}


#right_teaser_2 div.preismaske strong {
padding:0 10px 0 0px;
font-size:14px
}
#right_teaser_2 div.preismaske em {
padding:0;
font-size:11px
}

/* -----------footer--------------------------- */

#footer {
clear: both;
color:#fff;
margin: 0px;
padding: 10px 30px 30px 0;
text-align: right; 
}

#footer ul li {display:inline; margin:0 0 0 10px;}

/* -----------scroller--------------------------- */

#scroller {
clear: both;
height:190px;
background: #fff;
margin: 0px;
padding: 0px;
width:960px!important;
position:relative;overflow:hidden;}


div.caroufredsel_wrapper {
margin:0!important;
background-color: #e2e2e2;
padding:0!important;
position:relative;}

.list_carousel {
padding:0;float:left;
margin: 0 0 0px 30px;
height:180px;				
width: 900px;overflow:hidden;
background: #e2e2e2!important;
}
			

.list_carousel ul {
position:relative;
padding-top:2px;
background-color: #e2e2e2;
height:180px;				
width: 900px;
overflow:hidden;
}


.list_carousel li {
color: #999;
text-align: center;
background-color: #e2e2e2;
width: 172px;
height: 172px;
padding: 0;
margin: 0 0 0 10px;
display: block;
float: left;
position:relative;
}

.clearfix {
float: none;
clear: both;
}

div.maske-offline,
div.maske-online {
position:absolute;
bottom:0;
height:97px;
width:172px;
width:172px;
background:url(../img/shop-maske-online.png) no-repeat transparent;
left:1px;
z-index:10}

div.maske-offline {

background:url(../img/shop-maske-preview.png) no-repeat transparent;
}


.list_carousel img {
display:block;
position:absolute;
top:0px;
left:0;
z-index:5;
width:172px;
height:172px;
display:block;
float:left;
}

.list_carousel li span.shop {
display:block;
position:relative;
top:20px;
height:26px;
color:#fff;
font-weight:bold;
padding:7px 0 0 0;
}

.list_carousel li span.info {
display:block;
position:relative;
top:20px;
height:34px;
padding:5px 0 0 0;
color:#ffb46b;
}


.image_carousel {
	padding: 15px 0 15px 40px;
	position: relative;
}
.image_carousel img {
	border: 1px solid #ccc;
	background-color: white;
	padding: 9px;
	margin: 7px;
	display: block;
	float: left;
}
a.prev, a.next {
	background:url(../img/arrow-sprite.png) no-repeat;
	width: 32px;
	height: 180px;
	display: block;
	position: absolute;
	top: 0px;
        z-index:100;
}
a.prev {
left: 10px;
background-position: 0 0; 
}
a.prev:hover {		
background-position: 0 -196px;
}
a.next {			
right: 9px;
					
background-position: -50px 0;
background:url(../img/arrow-sprite-r.png) no-repeat;
	

 }
a.next:hover {	background-position: 0 -196px;}

a.prev span, a.next span {
	display: none;
}

.clearfix {
	float: none;
	clear: both;
}





div#content ul#once{
height:30px;
width:540px;
display:block;
float:left;background:#616161;
overflow:hidden;
}

div#content ul#once li {
height:30px;
background:#616161;
width:540px;
color:#fff;font-weight:bold;
display:block;
float:left;
padding:6px 5px 4px 10px;}