/* CSS Document */

* {
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
}

li {
	color: #ffffff;
}

body {
 background-color: #000000;
 text-align: center;
 padding-top: 5px;
}

img {
	border: 0px;
	}
	
div.claer_box {
	clear: both;
	width: 1px;
	height: 1px;
}

div.clear_box {
	clear: both;
	width: 1px;
	height: 1px;
}

div#mainbox {
	margin: 0 auto;
	width: 997px;
}


div#header {
	width: 997px;
	height: 136px;
	background-image:url(../bilder/header.jpg);
	background-repeat:no-repeat;
}

/* ######################################################## */
/* Navigation ############################################# */

div#menue {
	width: 997px;
	height: 29px;
	background-image: url(../bilder/menue_bg.jpg);
}

ul#popup_nav li {
	display: inline;
	position: relative;
	float: left;
}

ul#popup_nav li a {
	display: block;
	
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #cccccc;
	border-left: 1px solid #888888;
	border-right: 1px solid #888888;
	
	height: 29px;
	margin-right: 0px;
	font-weight: bold;
	width: 130px;
	
	
}

ul#popup_nav li a span {
	display: block;
	padding-top: 5px;
	text-align: center !important;
}

ul#popup_nav li a:hover {
	background-image:url(../bilder/top_navi_bg_ho.jpg);
	background-repeat:repeat-x;
	color: #ffffff;
}

ul#popup_nav li a.active {
	background-image:url(../bilder/top_navi_bg_ac.jpg);
	background-repeat:repeat-x;
	color: #ffffff;
}

ul#popup_nav li ul {
	display: none;
	position: absolute;
	top: 29px;
	left: 0px;
}





ul#popup_nav li.over ul { 
display: block;
}

ul#popup_nav li ul li {
	clear:both;
}


ul#popup_nav li ul li a {
	width: 264px;
	background-color:#FFFFFF;
	background-image:none;
	border-left: none;
	border-right: none;
	color:#888888;
}

ul#popup_nav li ul li a:hover {
	background-image:none;
	background-color: #91143f;
	
}

ul#popup_nav li ul li a span {
	text-align:left !important;
	margin-left: 18px !important;
}


/* ######################################################## */
/* Content ################################################ */

div#wrap_contentbox {
	clear: both;
	background-image: url(../bilder/content_bottom_bg.jpg);
	background-repeat:repeat-y;
	border: 0px red solid;
	width: 997px;
}

div#contentbox {
	clear: both;
	background-image: url(../bilder/content_bg.jpg)!important;
	background-repeat:no-repeat !important;
	
}



div#wrap_content_left {
	float: left;
	display: inline;
	width: 495px;
	
}

div#wrap_content_right {
	float: right;
	display: inline;
	width: 200px;
}

div#content_left {
	margin:41px;
	margin-top:40px;
}


div#content_right {
	margin-top:20px;
	margin-bottom:20px;
	margin-top:40px;
	width: 420px;

}
div#content_right {

}



/* ######################################################## */
/* footer ################################################ */

div#footer_top {
	clear:both;
	background-image: url(../bilder/footer_top_bg.jpg);
	background-repeat:no-repeat;
	height: 50px;
}

div#footer_top ul {
	margin-left: 300px;
}


div#footer_top ul li {
	display: inline;
}

div#footer_top ul li a {
	display: block;
	float: left;
	padding-left: 20px;
	padding-right: 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #dddddd;
	text-decoration:none;
	font-weight: bold;
	margin-top: 12px;
	margin-right: 20px;
}


div#footer_top ul li a.top {
	background-image: url(../bilder/footer_nav_top.gif);
	background-repeat:no-repeat;
	background-position: 1px 2px;
}

div#footer_top ul li a.print {
	background-image: url(../bilder/footer_nav_print.gif);
	background-repeat:no-repeat;
	background-position: 1px 2px;
}

div#footer_top ul li a.sitemap {
	background-image: url(../bilder/footer_nav_sitemap.gif);
	background-repeat:no-repeat;
	background-position: 1px 2px;
}

div#footer_top ul li a.agb{
	background-image: url(../bilder/footer_nav_agb.gif);
	background-repeat:no-repeat;
	background-position: 1px 0px;
	color: #ffffff;
}

div#footer_top ul li a.imprint {
	background-image: url(../bilder/footer_nav_imprint.gif);
	background-repeat:no-repeat;
	background-position: 1px 1px;
	color: #ffffff;
}


div#footer_top ul li a:hover {
	color: #990033;
}

div#footer_top ul li a.top:hover {
	background-image: url(../bilder/footer_nav_top_ho.gif);
	background-repeat:no-repeat;
	background-position: 1px 2px;
}

div#footer_top ul li a.print:hover {
	background-image: url(../bilder/footer_nav_print_ho.gif);
	background-repeat:no-repeat;
	background-position: 1px 2px;
}

div#footer_top ul li a.sitemap:hover {
	background-image: url(../bilder/footer_nav_sitemap_ho.gif);
	background-repeat:no-repeat;
	background-position: 1px 2px;
}

div#footer_top ul li a.agb:hover{
	background-image: url(../bilder/footer_nav_agb_ho.gif);
	background-repeat:no-repeat;
	background-position: 1px 0px;
}

div#footer_top ul li a.imprint:hover {
	background-image: url(../bilder/footer_nav_imprint_ho.gif);
	background-repeat:no-repeat;
	background-position: 1px 1px;
}




div#footer_bottom {
	background-image: url(../bilder/footer_bottom_bg.jpg);
	background-repeat:no-repeat;
	height: 117px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #888888;
	text-align:center;
	padding-top: 25px;
}


/* ########################################## */
/* Header ################################## */

/* ########################################## */
/* Languge ################################## */
div.language {
	padding-top: 20px;
	margin-left: 548px;
	width: 450px;
}



div.language ul li {
	display: inline;

}

div.language ul li img {
		margin-right: 20px;
}


/* ########################################## */
/* Title ################################## */

div#title h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight: bold;
	color: #cccccc;
	height: 30px;
	margin-left: 40px;
	margin-top: 15px;
}


/* ########################################## */
/* Video Screens ############################# */
div.video_header {
	background-image:url(../bilder/header_line.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	height: 30px;
	margin-bottom: 30px;
	padding-left: 460px;
}

div.video_header_2 {
	background-image:url(../bilder/header_line.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	height: 30px;
	padding-left: 460px;
}

div.video_header h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight: bold;
	color: #ffffff;
	
}

div.video_header_2 h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight: bold;
	color: #ffffff;
	
}


div.video_box_left {
	clear: both;
	float: left;
	display: inline;
	width: 445px;
	margin-left:40px;
}

div.video_box_right {
	float: right;
	display: inline;
	width: 450px;
	margin-right: 40px;
	
}

div.video_image {
	float: left;
	display: inline;
	width: 211px;
	
}

div.content_right_text ul li{
	list-style: disc !important;
	margin-bottom: 10px;
	line-height: 17px;
}

div.video_text_left ul li{
	list-style: disc !important;
	margin-bottom: 10px;
	line-height: 17px;
}

div.video_text_right ul li{
	list-style: disc !important;
	margin-bottom: 10px;
	line-height: 17px;
}


div.video_text_left {
	float: right;
	display: inline;
	width: 245px;
	background-image:url(../bilder/produkte/video_text_bg_left.jpg);
	background-repeat: no-repeat;
	height: 157px;
	width: 211px;
}

div.video_text_right {
	float: right;
	display: inline;
	width: 211px;
	background-image:url(../bilder/produkte/video_text_bg_right.jpg);
	background-repeat: no-repeat;
	height: 157px;
	width: 211px;
	
}

div.wrap_video_box {
	background-image:url(../bilder/content_bottom_bg.jpg);
	background-repeat:repeat-y;

}

div.wrap_video_box ul {
	margin-left: 25px;
	margin-top: 20px;
}

div.wrap_video_box ul {
	list-style: outside;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #ffffff;
}

div.download_video {
margin-left: 780px;

}
div.download_video a{
	display: block;
	width: 181px;
	height: 42px;
	text-align: center; 
	text-decoration: none;
	color: #ffffff;
	background-image:url(../bilder/button_download.jpg);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: bold;
}

div.download_video a:hover {
		background-image:url(../bilder/button_download_ho.jpg);
}

div.download_video a span {
	display: block;
	padding-top: 10px;
	text-align: center; 
}



/* ########################################## */
/* Zubehoer ################################# */
div.zubehoer_header {
	background-repeat:no-repeat;
	height: 30px;
	margin-bottom: 30px;
	width: 600px;
	
}
div.zubehoer_header h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight: bold;
	color: #ffffff;
}

div.zubehoer_box_left {
	clear: both;
	float: left;
	display: inline;
	width: 445px;
	margin-left:40px;
}

div.zubehoer_box_right {
	float: right;
	display: inline;
	width: 450px;
	margin-right: 40px;
	
}

div.zubehoer_image {
	float: left;
	display: inline;
	width: 211px;
	
}

div.zubehoer_text_left {
	float: right;
	display: inline;
	width: 245px;
	background-image:url(../bilder/produkte/video_text_bg_left.jpg);
	background-repeat: no-repeat;
	height: 157px;
	width: 211px;
}

div.zubehoer_text_right {
	float: right;
	display: inline;
	width: 211px;
	background-image:url(../bilder/produkte/video_text_bg_right.jpg);
	background-repeat: no-repeat;
	height: 157px;
	width: 211px;
	
}

div.wrap_zubehoer_box {
	padding-top: 63px;
}

div.wrap_zubehoer_box ul {
	margin-left: 25px;
	margin-top: 20px;
}

div.wrap_zubehoer_box ul {
	list-style: outside;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #ffffff;
}

div.download_zubehoer {
margin-left: 780px;

}
div.download_zubehoer a{
	display: block;
	width: 181px;
	height: 42px;
	text-align: center; 
	text-decoration: none;
	color: #ffffff;
	background-image:url(../bilder/button_download.jpg);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: bold;
}

div.download_zubehoer a:hover {
		background-image:url(../bilder/button_download_ho.jpg);
}

div.download_zubehoer a span {
	display: block;
	padding-top: 10px;
	text-align: center; 
}



/* ########################################## */
/* Kontakt ################################# */
div.kontakt_header {
	background-repeat:no-repeat;
	height: 30px;
	margin-bottom: 30px;
	
}
div.kontakt_header h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight: bold;
	color: #ffffff;
	margin-left: 560px;
}


div.wrap_contact_link {
	height: 300px !important;
	padding-top: 50px;
}

div.contact_link {
	margin-left: 300px;
	
}

div.contact_link a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}


div.wrap_contact_form {
	height: 1%;
}

div.wrap_contact_form_senden {
	height: 250px;
}

table {
background-color: #ffffff !important;
}



table.maintable {
	background-color: #666666;
	width: 600px;
}

table td {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px !important;
}

table td.text2 {
	width: 200px;
}


table.contact_form_senden {
	background-color:#FFFFFF;
	width: 600px;
	margin-left: 200px;
}

table.contact_form_senden a {
	color: #333333;
}

/* ########################################## */
/* Messe #################################### */
div.wrap_messe {
		height: 1%;

}

div.messe_header {
	background-repeat:no-repeat;
	height: 30px;
	margin-bottom: 30px;
	
}

div.messe_header_2 {
	background-image:url(../bilder/header_line.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	height: 30px;
	margin-bottom: 30px;
	
}

div.messe_header h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight: bold;
	color: #ffffff;
	margin-left: 560px;
}

div.messe_header_2 h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight: bold;
	color: #ffffff;
	margin-left: 560px;
}

div.messe_left {
	clear: both;
	float: left;
	display: inline;
	width: 290px;
	margin-left: 270px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #ffffff;
	margin-bottom: 15px;
	margin-top: 20px;
}


div.messe_right {
	float: left;
	display: inline;
	background-color: #ffffff;
	margin-bottom: 15px;
}


div.clear_line {
	clear: both;
	height: 10px;
	border-top: 2px solid #cccccc;
	width: 500px;
	margin-left: 240px;
	
}

div.messe_left a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #ffffff;
	text-decoration:none;
}

div.messe_right img {
	margin: 15px;
}

div.messe_left p {
	width: 250px;
	padding-bottom: 10px;
}

/* Messe mit Tabelle */
div.wrap_messe table {
	background-color: #ffffff;
	
}

div.wrap_messe {
	padding-left: 222px;
}

div.wrap_messe table tr td{
	font-family:Arial, Helvetica, sans-serif;
	color: #333333;
}

div.wrap_messe table tr td.line {
	border-top: 2px solid #cccccc;
}

div.wrap_messe table tr td a {
	font-family:Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration:none;
	font-size: 12px !important;

}

div.wrap_messe table tr td p {
	font-family:Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration:none;
	font-size: 12px !important;
	padding-top: 10px;

}


div.wrap_messe table tr td span {
	font-family:Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration:none;
	font-size: 12px !important;

}
/* ########################################## */
/* Vertrieb ################################# */

div.wrap_vertrieb {
	height: 1%;
}

div.vertrieb_left {
	float: left;
	display: inline;
	width: 460px;
	text-align: right;
	height: 204px;
	
}


div.vertrieb_right {
	float: right;
	display: inline;
	margin-right: 105px;
	width: 332px;
	height: 204px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #ffffff;
}

div.vertrieb_right div {
	margin: 20px;
}

div.vertrieb_right div p{
	margin-bottom: 15px;
}

div.vertrieb_right div a{
	color: #ffffff;
}




div.clear_spacer {
	clear: both;
	height: 25px;
}

/* ######################################################## */
/* sitemap ################################################ */

div.wrap_sitemap_box {
	float: right;
	display: inline;
	width: 440px;
}


div.sitemap_box {
	width: 332px;
	background-image:url(../bilder/sitemap_middle_bg.jpg);
	background-repeat: repeat-y;
	margin-top: 20px;
}


div.sitmap_text {
	width: 332px;
	background-image:url(../bilder/sitemap_top_bg.jpg);
	background-repeat:no-repeat;
	padding-top: 30px;
	padding-bottom: 30px;
}

div.sitmap_text ul, li {
	margin:0;
	padding: 0;
	list-style: none;
}

div.sitmap_text li {
	display: inline;
}

div.sitmap_bottom {
	width: 332px;
	background-image:url(../bilder/sitemap_bottom_bg.jpg);
	background-repeat:no-repeat;
	background-position: bottom;
}

div.sitmap_text li a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	width: 200px;
	margin-left: 50px;
	margin-bottom: 10px;
	
}

div.sitmap_text li ul li a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	width: 200px;
	margin-left: 70px;
	margin-bottom: 10px;
	
}
