
html, body {height:100%;width:100%; padding: 0;}	
body { 
	font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	background: #3d3d3d url(../img/bg_all.jpg) repeat-x; 
	margin:0;
	padding: 0; 
	text-align: center; 
}
/* wegen IE 6*/
img{display:block;} 

h1,h2,h3,h4,h5,h6 { font-family: Arial, Helvetica, sans-serif; margin: 0 0 10px 0; }
/*h1.px { font-size: 20px;} h1.em { font-size: 1.6em;}*/
h1 { font-size: 17px;} h1.em { font-size: 1.4em;}
h2 { font-size: 16px;} h2.em { font-size: 1.3em;}
h3 { font-size: 14px;} h3.em { font-size: 1.2em;}
h4 { font-size: 13px;} h4.em { font-size: 1.1em;}
h5 { font-size: 13px;} h5.em { font-size: 1.1em;}
h6 { font-size: 12px;} h6.em { font-size: 1.0em;}

h1,h2,h3{color:#11275D /*darkblue*/;}

p { line-height: 18px; margin: 0 0 12px 0; }
hr {color: #fff; background:transparent; margin: 0 0 6px 0; padding: 0 0 6px 0; border:0; border-bottom: 1px #000 solid;}

ul, ol, dl { line-height: 18px; margin: 0; }
li { margin-left:0px; line-height: 18px; }
dt { font-weight: bold; }
dd { margin: 0 0 12px 24px; }
cite, blockquote { font-style:italic; }
blockquote { margin: 0 0 12px 18px; }

strong,b { font-weight: bold; }
em,i { font-style:italic; }

textarea, pre, tt, code {font-family:"Courier New", Courier, monospace;}
pre, code { font-family: monospace; font-size: 13px; }

.note { background: #dfd; padding: 12px; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted; }
.important { background: #ffd; padding: 12px; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted; }
.warning { background: #fdd; padding: 12px; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted; }

.floatleft { float: left; }
.floatright { float: right;}
.clearfloat{float:none; clear:both; width:100%; height:0px; overflow:hidden;}
.center { text-align:center; margin: 6px auto; }

.tx_style_1{font-weight: bold; color:#11275D;}
.tx_style_1b{font-weight: bold; color:#11275D;}
.tx_style_2{font-weight: bold; color:#666666;}
.tx_style_2b{font-weight: bold; color:#666666;}

.tx_10{font-size:10px;}
.tx_11{font-size:11px;}
.tx_normal{font-weight:normal; }

.spacer_div{float:none; clear:both; width:100%; height:10px; overflow:hidden; }
.underline{text-decoration:underline;}
.darkblue{color:#11275D /*darkblue*/;}
.green{color:#6DA500 /*green*/;}
.txtgreen{color:#5F8F01 /*txtgreen*/;}
.darkgreen{color:#456800 /*darkgreen*/;}

a {color:#5F8F01 /*txtgreen*/;text-decoration:none;}
a:focus,a:hover,a:active { color:#456800 /*darkgreen*/;text-decoration:none; }
a.underline{text-decoration:underline;}

table { width: auto; border-collapse:collapse; margin-bottom: 15px;}			
th,td { padding: 6px; border: 1px #ccc solid;}
tbody th { background: #eee; color: #555; font-weight:bold; }

/* ------------------------------------------------------------------*/
/* Holder */
#Holder { margin: 0 auto; width:980px; text-align: left;}
#Header{height:285px;}
#HeadEmo{position:relative;}
.logo{position:absolute; z-index:50; top:206px; right:0px;}

/* TopNav */  
#TopNav {position:relative; float:left; width:100%;color: #fff; text-align:left; margin-top:50px; height:26px;}
#TopNav a { color: #fff; background:transparent; text-decoration:none; }
#TopNav a:focus,
#TopNav a:hover,
#TopNav a:active { text-decoration:underline; }
/* Main */
#Main{position:relative; float:left; min-height:420px; background-color:#fff; padding-top:40px;z-index:10;}
* html #Main{height:420px;}

.main_bg{position:relative;  background: url(../img/main_bg.gif) repeat-y;}
.main_top{position:relative; margin-top:-10px; height: 22px; background: url(../img/main_top_bg.gif) no-repeat; }
.main_bottom{float:left; width: 100%; height: 22px; background: url("../img/main_bottom_bg.gif") no-repeat;}

/* MainNav */
#MainNav {		
	float:left;
	width:185px;
	padding-left:15px;
	min-height:100%;
	background-image: url(../img/bg_shadow_r.jpg);
	background-repeat: repeat-y;
	background-position: right;
}


#Content {position:relative; min-height:420px;
	float:left; width:765px; padding-left:15px;
	color: #444;
	font-size: 13px;
}
.col_20pro {width:20%; float:left; }
.col_25pro {width:25%; float:left;}
.col_30pro {width:30%; float:left;}
.col_40pro {width:40%; float:left;}
.col_50pro {width:50%; float:left;}
.col_60pro {width:60%; float:left;}
.col_70pro {width:70%; float:left;}
.col_75pro {width:75%; float:left;}
.col_80pro {width:80%; float:left;}

.col_170px {width:170px; float:left; }
.col_180px {width:180px; float:left; }

.image{float:left;}
.portrait{margin:0 0 10px 0;}
.box_text{float:left; margin:20px 0 0 10px; }

.box_zubehoer{border:1px solid #ccc; float:left; margin:0 15px 15px 0; width:160px; height:125px;}
.box_zubehoer .image{float:left;}
.box_sortiment{width:220px; height:56px; float:left; margin:0 0 15px 0;}
.box_sortiment .image{float:left;}
/*.box_sortiment .box_text{float:left; margin:20px 0 0 10px; }
.box_sortiment .box_text a{text-decoration:none;}*/

/* ---- list_styles1 -------------------------------------- */
#Content ul {margin:0; padding:0 0 15px 0; }
#Content ul ul {padding-bottom:0px;}
#Content ul li{
	list-style-type:none;
	line-height:18px;
	font-weight:normal;
	margin: 0 0 0 0px;
	padding: 0 0 0 20px;
	background-image: url(img/menu_dot_40.gif);
	background-repeat: no-repeat;
	background-position: 2px 6px;
}
#Content ul ul li{
	height:18px;	
	line-height:18px;
	font-weight:normal;
	margin: 0 0 0 0px;
	padding: 0 0 0 20px;
	background-image: url(img/menu_dot_20.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

.list_styles1 ul {padding-bottom:15px;}
.list_styles1 ul ul {padding-bottom:0px;}
.list_styles1 ul li{	
	line-height:18px;
	font-weight:normal;
	margin: 0 0 0 0px;
	padding: 0 0 0 20px;
	background-image: url(img/menu_list23.gif);
	background-repeat: no-repeat;
	background-position: 2px 6px;
}
.list_styles1 ul ul li{
	height:18px;	
	line-height:18px;
	font-weight:normal;
	margin: 0 0 0 0px;
	padding: 0 0 0 20px;
	background-image: url(img/menu_list43.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
/* Footer */
#Footer{float:left; width: 100%;  }
#Footer .design {margin:8px 8px 8px 8px; font-size:11px;float:left; width:50%; color:#999999;}
#Footer .design a {color:#999999;text-decoration:none;}
#Footer .design a:focus,#Footer .design a:hover,#Footer .design a:active { color:#ccc;text-decoration:none; }


#Footer .copyright {margin:8px 8px 8px 8px; font-size:11px;float:right;}
#Footer p { color: #ccc;}  
#Footer a { color: #ccc; background:transparent; }
#Footer a:focus,
#Footer a:hover,
#Footer a:active { text-decoration:underline; }