body {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	margin: 6px;
	padding:6px;
}

body.hoerprobe {
	background: url(img/popbg.gif) no-repeat #DBECF9;
	
}

body.hoerprobe #headbox{
	background-color:#fff;
}

a, a.link {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-style: normal;	
	font-weight: bold;
	text-decoration: none;
	color: #000000
}
a:hover {color: #003399;}

h1,h2,h3 {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	color: #003399; 
	font-weight: bold;
	clear: both;
}

h2,h3 {
	clear: both;
	margin: 0;
	padding: 0;
}

form {
	margin:0;
	padding:0;
}
h1.punkt {
	
	padding-left: 25px;
	background: url(img/bt_blau.gif) no-repeat #fff;
}

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

h3.shop a {
	font-size: 14px; 
	color: #003399; 
	font-weight: bold;
	text-decoration: none;
}

h3.shop a:hover {
	color: #666666;
}

ul.product-detail {
	margin:0;
	padding:12px 0 0 0;
}

ul.product-detail li {
	padding: 0  12px 2px 22px;
	list-style:none;
}

table,td,tr,p { 	
		margin:0;
}

textarea.textin {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px; width: 480px;border-width : 1px;border-style : solid;}
input.kontakt {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px; width: 180px; border-width : 1px;border-style : solid;}

input.eingabe {	border-width : 1px; background-color: $col2; font-size: 11px; color: #000000}
input.eingabehov { border : 1px; background-color: $col1; font-size: 11px; color: #000000}

span.headln { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #003399; font-weight: bold;};
span.ut { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #003399; font-weight: normal};

.headlnbig { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #003399; font-weight: bold; line-height: 22px;};
.headlngrau { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; font-weight: bold;};

#header { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #003399; font-weight: bold;};


a.nav, a.nav:Link {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #000000
}
a.nav:Visited {color: #000000}
a.nav:Active {color: #cc0000}
a.nav:Hover {color: #003399;}


a.nava {color: #003399;}

a.headlink { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #003399; font-weight: bold;};
a.headlink:hover{ font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #66ccff; font-weight: bold;};

a.linkblau {font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;font-size:13px;font-style: normal;	font-weight: bold;text-decoration: none;color: #003399}
a.linkblau:hover {font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;font-size:13px;font-style: normal;	font-weight: bold;text-decoration: none;color: #333333}



hr {color: #999999; height: 1px}
#imgcontent {background-color: #DBECF9;}


li,ul { list-style-type: square}
div.text { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;font-size: 13px;}
div#content { 
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	line-height: 16px;
	margin: 18px 0 22px 0;
	padding: 0;
}

div#content table {
font-size: 13px; 
	line-height: 16px;
}

div#smallbasket {
font-size: 11px;
margin:0;
padding:6px;
}
div#smallbasket a {
font-size: 11px;
}

.textblau {
	color: #003399;
}
.textklein { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 16px }
td.colframe {background-color: #999999}
td.nav {background-color: #eeeeee}
td.subnav {background-color: #DBECF9}


div#divMessage { 
	background: url(img/banner_bg.gif) no-repeat #9FD9FF;
	position: relative;
	margin:0;
	padding:0px;
	width:654px;
	height: 101px;	
}

div#divMessage #box { 
    position: relative; 
	float:left;	
	width: 510px;
	height: 101px;
	margin:0;
	padding:0;
}

div#divMessage #box #boxcontent {
	position: relative;
	clear: both;
	font-size: 12px;
	line-height: 12px;
	margin: 10px 2px 10px 20px;
	height: 55px;
	
}
div#divMessage ul {
	list-style: none;
	margin: 0 0 0 20px; 
	padding: 0;
}
div#divMessage li {
	display: inline;
	list-style: none;
}

 div#divMessage li a {
 	color: #003399;
	background: url(img/pfeil_weissbg.gif) no-repeat;
 	margin: 2px 2px 0 0;
	padding: 0px 10px 14px 20px;
 }

div#divMessage #box #boxcontent h1 { 
	margin:0 0 4px 0;
	padding:0 0 0 0;
}


div#divMessage img { 
	position:relative; 
	float:right;
	border: 0px;
}

.produkt {border-color: #999999 }


td.navrow-active a {
	color: #003399;	
}

div.formset {
	margin: 0 0 3px 0;
}

div#hoerprobe {
	text-align: center;
	padding: 2px;
}
div#headbox {
	width: 100%;
	height: 114px;
	background:  #9FD9FF;
	padding: 2px;
	margin: 0;
	border: 0px solid #fff;
}

div#headbox h1 {
	padding: 0;
	margin: 0;
}


div#headbox .text {
	position: relative;
	float: left;
	margin: 6px;
	width: 280px;
}
div#headbox .image {
	position: relative;
	float: right;
	width: 120px;
}


ul#ordernav {
	list-style: none;
	margin: 0 0 36px 0;
	padding: 0;
	height: 28px;
	background: #eee;
	width: 90%;
}

ul#ordernav li {
	list-style: none;
	float:left;
	padding: 4px 25px 4px 1px;
	margin-left: 8px;
	background: url(/pubfiles/img/orderstep-bg.gif) no-repeat center right;
	height: 18px;
}

ul#ordernav li b {
	color:#CC0000;
}

.submit-bg {
	border: 0;
	width: 160px;
	padding: 3px;
	background: url(/pubfiles/img/submit-bg.png) no-repeat;
	font-family: Trebuchet MS,Arial,sans;
	
}

.submit-small {
	border: 0;
	display:block;
	width: 87px;
	padding: 1px 4px;
	background: url(/pubfiles/img/submit-small-bg.gif) no-repeat;
	font-family: Trebuchet MS,Arial,sans;
	font-size: 11px;
	color:#333333;
	font-weight: normal;
	text-align: center;
}

.colsmall {
	float: left;
	width: 160px;
	margin-right: 12px;
}

.colwide {
	float: left;
	width: 330px;
}

.clr {
	clear: both;
}