/*  #################################################
    CSS Template «MR-BOXX» 
    -------------------------------------------------
	
	company:	DACHCOM digital AG
	publisher:	Marcel Zweifel
	date:		2009-01
	www:		www.dachcomdigital.com
	
	INCLUDES										  */
	
	@import url("resets.css");
	
/*	################################################# */

html, body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	line-height:1.5em;
}

a,
a:link,
a:visited {
	color:#E20A16;
	text-decoration:none;
}

a:hover,
a:active {
	text-decoration:underline;
}

#container {
	width:971px;
	height:500px;
}

#header {
	background-image:url(/images/interface/background01.jpg);
	background-repeat:no-repeat;
	height:84px;
}

#header img {
	float:right;
}

#header #language {
	float:left;
	margin-top:10px;
	margin-left:143px;
}

#header #language .send_button {
	border:1px solid #CCC;
	width:40px;
	font-family:Arial, Helvetica, sans-serif;
	color:#E20A16;
}


#navi_balken {
	height:45px;
	background-image:url(/images/interface/balken_background.jpg);
	background-repeat:repeat-x;
}

#navi_balken #nb_left {
	float:left;
	width:159px;
	background-image:url(/images/interface/balken_li.jpg);
	background-repeat:no-repeat;
	height:45px;
}

#navi_balken #nb_middle {
	float:left;
	width:782px;
	height:45px;
}

#navi_balken #nb_middle ul {
	padding-left:145px;
}

#navi_balken #nb_middle ul li {
	float:left;
	list-style-type:none;
	padding-right:20px;
	text-indent:15px;
	line-height:40px;
}

#navi_balken #nb_middle ul li a,
#navi_balken #nb_middle ul li a:link,
#navi_balken #nb_middle ul li a:visited {
	cursor: pointer;
	font-size:12px;
	display:block;
	font-weight:bold;
	color:#6C737F;
	height:45px;
	text-decoration:none;
	background: none;
}

#navi_balken #nb_middle ul li a.aktiv,
#navi_balken #nb_middle ul li a:hover.aktiv,
#navi_balken #nb_middle ul li a:active.aktiv,
#navi_balken #nb_middle ul li a:hover,
#navi_balken #nb_middle ul li a:active {
	background-image:url(/images/interface/navi_li.jpg);
	background-repeat:no-repeat;
	color:#E20A16;
}

#navi_balken #nb_middle ul li span {
	cursor: pointer;
	padding-right:14px;
	display:block;
	height:45px;
	text-decoration:none;
	background:none;
}

#navi_balken #nb_middle ul li a.aktiv span,
#navi_balken #nb_middle ul li a:hover span,
#navi_balken #nb_middle ul li a:active span {
	background-image:url(/images/interface/navi_re.jpg);
	background-position:right;
	background-repeat:no-repeat;
	color:#E20A16;
}

#navi_balken #nb_right {
	float:left;
	width:30px;
	background-image:url(/images/interface/balken_re.jpg);
	background-repeat:no-repeat;
	height:45px;
}

#navi_balken_sub {
	background-image:url(/images/interface/background02.jpg);
	background-repeat:no-repeat;
	height:45px;
}

#navi_balken_sub ul {
	padding-left:297px;
	padding-top:10px;
}

#navi_balken_sub ul li {
	float:left;
	list-style-type:none;
	font-size:12px;
	padding-left:10px;
	padding-right:10px;
	background-image:url(../images/interface/slash.gif);
	background-position:left 50%;
	background-repeat:no-repeat;
}

#navi_balken_sub ul li:first-child {
	background-image:none;
}

#navi_balken_sub ul li a,
#navi_balken_sub ul li a:link,
#navi_balken_sub ul li a:visited {
	text-decoration:none;
	color:#E20A16;
}

#navi_balken_sub ul li a.s_aktiv,
#navi_balken_sub ul li a:hover,
#navi_balken_sub ul li a:active {
	color:#000;
	
}

#content_wrapper {
	min-height:350px;
}

#content_left {
	width:307px;
	float:left;
	background-image:url(/images/interface/background03.jpg);
	background-repeat:no-repeat;
	min-height:310px;
}

#content_main {
	width:664px;
	float:left;
	font-size:12px;
	margin-top:10px;
}

#content_navi {
	margin-left:140px;
	margin-top:150px;
}


#content_navi ul li a, 
#content_navi ul li a:link,
#content_navi ul li a:visited
{
	color:#E20A16;
	text-decoration:none;
	padding-left:10px;
	
}

#content_navi ul li a.c_aktiv,
#content_navi ul li a:hover, 
#content_navi ul li a:active {
	color:#000 ! important;
	background-image:url(../images/interface/bullet.gif);
	background-repeat:no-repeat;
	background-position:left 50%;
	padding-left:10px;
}


#footer {
	height:210px;
	background-image:url(/images/interface/footer.jpg);
	background-repeat:no-repeat;
	border:1px solid #FFFFFF;
}

#footer ul {
	margin:0px;
	padding:0px;
}

#footer ul li {
	float:left;
	border-left:1px solid #CCCCCC;
	list-style-type:none;
	padding-right:6px;
	padding-left:6px;
}

#footer ul li:first-child {
	border:none;
}

#footer ul li a,
#footer ul li a:link,
#footer ul li a:visited {
	color:#515151;
	text-decoration:none;
}

#footer ul li a:hover,
#footer ul li a:active {
	text-decoration:underline;
}

#footer #generic {
	float:left;
	width:500px;
	margin-top:60px;
	margin-left:302px;
}

#footer #language {
	float:right;
	margin-top:60px;
	margin-right:10px;

}

#footer #language select {
	width:90px;
	border:1px solid #CCC;
	font-family:Arial, Helvetica, sans-serif;
	margin-right:5px;
	background-color:#F8F8F8;
}



/* Box mit abgerundeten Ecken*/
.curvy {
	position:relative; 
	width:100%;
	background:#E20A16; 
	color:#000; 
	margin-bottom:20px;
	color:#FFF;
}

.c_right .curvy {
	position:relative;
	width:100%;
	background:#E20A16; 
	color:#000; 
	margin-bottom:20px;
	color:#FFF;
}

#ctl, #cbl {
	position:absolute; 
	width:20px; 
	height:20px; 
	color:#E20A16; 
	background:#fff; 
	overflow:hidden; 
	font-style:normal; 
	z-index:1;
}

#ctr, #cbr {
	position:absolute; 
	width:20px; 
	height:20px; 
	background:#E20A16;; 
	overflow:hidden; 
	font-style:normal; 
	z-index:1;
}

#ctl {
	top:0; 
	left:0;
}

#cbl {
	bottom:0; 
	left:0;
}

#ctr {
	top:0; 
	right:0;
}

#cbr {
	bottom:0; 
	right:0;
}

.curvy em b {
	position:absolute; 
	font-size:150px; 
	color:#E20A16; 
	line-height:40px; 
	font-weight:normal;
}

#ctl b {
	left:-8px;
}
	
#ctr b {
	left:-25px;
}

#cbl b {
	left:-8px; 
	top:-17px;
}

#cbr b {
	left:-25px; 
	top:-17px;
}
.curvy p {
	position:relative; 
	z-index:100; 
	padding:25px 35px;
}

.produkte {
	position:relative; 
	z-index:50; 
	padding:25px 5px;
}

.produkte a, 
.produkte a:link,
.produkte a:visited {
	color:#FFF;
	font-weight:bold;
}

.produkte a:hover, 
.produkte a:active {
	text-decoration:underline;
}

.produkte {
	margin-left:8px;
}

.produkte .produkt-text {
	float:left; 
	width:350px; 
	margin-left:20px;
	margin-top:10px;
	margin-bottom:10px;
}

.produkte #set {
	width:190px;
	margin-left:25px;
}

.produkte .produkt-image {
	float:left; 
	width:122px; 
	height:120px; 
	text-align:center;
	font-weight:bold;
}

.produkte .produkt-zusammenfassung {
	float:left;	
	margin-left:59px;
	margin-top:10px;
}



.produkte .produkt-image img {
	margin-bottom:4px;
}

.produkte .line {
	border-top:2px dotted #F4A1A6;
	margin:10px 15px;
}

.produkte .zubehoer {
	float:left;
	width:122px;
	text-align:center;
	margin-right:5px;
}

.produkte .zubehoer img {
margin-bottom:4px;
}

.produkte .sub-line {
  margin-top:5px;
  font-weight:bold;
  padding-left:15px;
  margin-bottom:6px;
}

/* Content */

h1.title {
	font-size:23px;
	font-weight:bold;
	padding-bottom:20px;
}

#content_main p.left {
	padding-left:160px;	
	padding-right:20px;
}

#content_main span.box_title {
	font-weight:bold;
}

#content_main .c_left {
	float:left; 
	width:148px; 
	min-height:300px;
}

#content_main .c_left img {
	padding-top:20px;

}

#content_main .garantie {
	float:left;
	left:0;
	position:relative;
	top:65px;
	width:148px;
}

#content_main .c_right {
	float:left; 
	width:504px;
	padding-left:12px;
}

#content_main p {
	padding-bottom:20px;
}

#content_main .c_right p {
	padding-left:30px;
	padding-right:25px;
}

#content_main span.boxtext {
 margin-left:10px;
}
        
/* Lightbox für Produkte */
#definition {
	padding-left:35px;
	padding-right:12px;
	padding-top:40px;
}

#definition h3 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:23px;
	padding-bottom:20px;
	font-weight:bold;
	padding-left:180px;
}

#definition h3 span.red{
	color:#E20A16;
}

#definition .curvy {
	min-height:270px;
}

.produkte_detail {
	position:relative; 
	z-index:100; 
	padding:25px 15px;
}

.produkte_detail h5 {
	font-weight:bold;
	padding-bottom:15px;
}

.close-button {
	padding-right:12px;	
}

.produkte_detail .detail-image  {
	float:left;
}

.produkte_detail .detail-skizze  {
	float:left;
	margin-left:25px;
	margin-bottom:100px;
}

#clixx .clixx_box {
	float:left;
	margin-right:10px;
	font-weight:bold;
}

#clixx .clixx_box img {
	margin-bottom:5px;
}

#flash_clixx {
	margin-left:15px;
}

/* Kontaktformular */

.c_left #address {
	margin-top:25px; 
	padding-left:1px;
}

#kontakt-form {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#login .curvy {
height:170px;
}

#kontakt-form .left {
	width:200px;
	float:left;
}

#kontakt-form .right {
	width:200px;
	float:left;
}

#kontakt-form .txt {
	border:none;
	background-color:#F3F3F3;
	width:140px;
	margin-bottom:5px;
	text-indent:2px;
}

#kontakt-form span.title {
	font-weight:bold;
}

#kontakt-form textarea {
	width:340px;
	border:none;
	background-color:#F3F3F3;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

#kontakt-form #button {
	margin-top:20px;
	margin-bottom:10px;
}

#kontakt-form .send {
	float:left;
	margin:0;
	padding:0;
	border:1px solid #CCC;
	font-size:11px;
	color:#E20A16;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFF;
	margin-right:10px;
	width:90px;
}

#kontakt-form .reset {
	float:left;
	margin:0;
	padding:0;
	border:1px solid #CCC;
	font-size:11px;
	color:#E20A16;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFF;
	width:90px;
}

#kontakt-form #button .pflichtfelder {
	float:left;
	margin-left:50px;
	font-weight:bold;
}

#kontakt-form ul {
	margin:10px 0px;	
}

#kontakt-form ul li input {
	vertical-align:middle;
}

#kontakt-form ul li label {
	margin-left:5px;
	vertical-align:middle;
}

#kontakt-form.login {
margin-top:15px;
background-color:green;
}

#message p a,
#message p a:link,
#message p a:visited {
	color:#FFF;
	font-weight:bold;
}

#message p a:hover,
#message p a:active {
	text-decoration:underline;
}

/* Impressum */
#impressum #c_impressum .left {
	float:left;
	width:270px;
	margin-left:20px;
}

#impressum #c_impressum .right {
	float:left;
	width:350px;
}

#impressum p {
	margin:0px 30px;
}

#impressum p span.title {
	font-weight:bold;
}
		
			
/* Newsletter */
#content_main .newsletter_content p {
	padding-left:200px;
}

#chb ul li label.title {
	float:left;
	width:200px;
}

#chb ul li {
	margin-bottom:5px;
	display:block;
}

#chb ul li input {
	vertical-align:middle;
	float:left;
	width:20px;
}

#chb ul li label {
	float:left;
	width:40px;
}	

.c_left img.ueber_uns {
	margin-top:202px;
}

#login label {
	width:100px;
	float:left;
	height:17px;
	margin-bottom:5px;
}

#login input.txt {
	float:left;
	width:200px;
	border:none;
	height:17px;
	margin-bottom:5px;

}

#login p.left {
	padding-left:190px;	
}

#login .produkte {
	margin-left:27px;	
}

#verkaufsstellen {
	background-image:url(../images/interface/bg_verkaufsstellen.jpg);
	background-repeat:no-repeat;
	background-position:left 0%;
	min-height:400px;
}

#verkaufsstellen #content_inner {
	margin-left:194px;
	font-size:12px;
}

#verkaufsstellen h1.title {
	margin-left:112px;
	padding-top:10px;
}

#verkaufsstellen .vs_left {
	float:left;
	width:300px;
}

#verkaufsstellen .vs_right {
	float:right;
	width:450px;
	margin-right:5px;
}

#verkaufsstellen select {
	width:200px;
	border:1px solid #CCCCC;
}

#verkaufsstellen #adressen {
	margin-top:20px;	
	padding:10px 3px;
	border-top:1px solid #CCC;
	min-height:300px;
}

#verkaufsstellen #adressen .ad_block {
	float:left;
	width:200px;
	padding-left:3px;
	margin-bottom:10px;
}

#anwendungen .anwendungen_right {
	margin-top:73px;
	margin-left:155px;
}

#anwendungen .flashtext {
	height: 90px;
}

#anwendungen .flashtext p.bottom {
	position:absolute;
	width: 317px;
	bottom:26px;
	left:175px;
	padding:0;
	margin:0;
}

.chb_left {
	float:left;
	width:195px;
}

.chb_right {
	float:left;
	width:200px;
}

#chb input {
	vertical-align:middle;
}

#chb label {
	vertical-align:middle;
	margin-left:5px;
}


#lightwindow_media_secondary {
	background:#FFFFFF;
}