@charset "utf-8";

/* ****************************************** */
/* Orangefluid GbR                            */
/* www.orangefluid.com                        */
/* ****************************************** */


/* ****************************************** */
/* Global settings                            */
/* ****************************************** */

/* Global settings */
* {
	margin:0;
	padding:0;
}

html, body {
	min-width: 970px;
	height: 100%;
}

/* Main body style */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	background: #ffffff url(../images/background_site.gif) repeat-x;
	color: #333333;
}


/* **************************************************************** */	
/* Style settings fonts, links, misc                                */
/* **************************************************************** */	

p {
	font-size: 11px;
	color: #333333;
	line-height: 20px;
	margin-bottom: 16px;
}

p.smallhint {
	font-size: 10px;
	color:#666666;
	font-style:italic;
}



table {
	border-collapse: collapse;
	padding: 0;
}

	table p {
		margin-bottom:0;
	}
	
	td {
		font-size: 11px;
		
		line-height: 20px;
	}


/* Headline header */
h1 {
	font-weight: bold;
	font-size: 10px;
	height: 200px;
	overflow: hidden;	
}

h1 em {
	display: block; 
	background-repeat: no-repeat;
	background-position: 0 100%;
	height: 200px;
}

/* Headlines content */
h2 {
	font-size: 11px;	
	margin-bottom: 4px;
}

/* Headlines sidebar */
h3 {
	font-weight: bold;
	font-size: 10px;
	height: 23px;
	width: 220px;
	overflow: hidden;	
	margin-bottom: 1px;
}

h3 em {
	display: block; 
	background-repeat: no-repeat;
	height: 23px;
	width: 220px;
}

/* Headlines data format */
h4 {
	font-size: 12px;	
	margin-bottom: 5px;
	color: #ffffff;
	background-color: #6495c3;
	width: 680px;
	padding-top: 4px;
	padding-bottom: 5px;
	text-indent: 5px;
}


/* Image styles global */	
img {border: 0;}
* html img {display: block;}



/* Link colors global */
a:link, a:visited {
	font-size: 11px;
	color: #990000;
	text-decoration: underline;
	outline: 0;
}

a:active, a:hover {
	color: #990000;
	text-decoration: none;
}

p.smallhint a:link, p.smallhint a:visited {
	font-size: 10px;
	color: #666666;
	text-decoration: underline;
	outline: 0;
}

p.smallhint a:active, p.smallhint a:hover {
	color: #990000;
	text-decoration: none;
}

span.disin {display: inline;}
span.disno {display: none;}

/* Clear */
div.clear {clear: both;}
div.cleargap {clear: both;height: 15px;}
br.clear {clear: both;}

/* **************************************************************** */	
/* Site container settings                                          */
/* **************************************************************** */

	
/* Site wrapper */
div#site {
	position: relative;
	width: 970px;
	min-width: 970px;
	min-height: 100%;
	margin: 0 auto;	
}
	* html div#site {height:100%;}

	/* Top row with navi and logo */	
	div#toprow {
		position: relative;
		width: 970px;
		height: 70px;
		float: left;
		background: #ffffff url(../images/background_toprow.gif);
		z-index: 1;
	}
		
		/* Navi container */
		div#navicontainer {
			position: relative;
			float: left;
			height: 70px;
			width: 746px;
			margin-top: 17px;
		}
			* html div#navicontainer {height:53px;}
		
			/* Main navi */
			div#navi {
				position: relative;
				float: left;
			}	
			
			/* Language container */
			div#languages {
				position: relative;
				float: left;
				margin-left: 15px;
				margin-top: 11px;
			}

				/* List for flags */
				div#languages ul {
					font-size: 8px;
					list-style-type: none;	
				}
				
				div#languages li {
					float: left;
					clear: left;
					margin-bottom: 0px;	
				}			
					* html div#languages li {margin-bottom: 2px;}
				
	
		/* Logo display */
		div#logo {
			position: relative;
			float: left;
			width: 224px;
			margin-top: 17px;
		}
		
	/* Header with main image */
	div#header {
		position: relative;
		float: left;
		width: 970px;
		height: 320px;
		background: #ffffff url(../images/background_header.jpg) no-repeat;
	}
	
		/* Header left side */
		div#headerleft {
			position: relative;
			width: 535px;
			float: left;
		}
		
			/* Headline / slogan */
			div#headlinecontainer {
				position: relative;
				width: 535px;
				height: 200px;
			}
			
			/* Small product intro text */
			div#introtext {
				position: relative;
				width: 535px;
				height: 84px;
				background: #ffffff url(../images/background_introtext.gif) repeat-x;
			}
			
				div#introtext p {
					padding-left: 20px;
					padding-top: 10px;
					height: 60px;
					overflow: hidden;
					line-height: 20px;
				}
		
		/* Main image */
		div#mainimage {
			position: relative;
			width: 435px;
			height: 320px;
			float: left;
			background: url(../images/background_introtext.gif) 0 200px repeat-x;
		}
	
	/* Content wrapper */
	div#contentwrapper {
		position: relative;
		float: left;
		width: 970px;
	}
			

		/* Main content */
		div#content {
			position: relative;
			float: left;
			width: 680px;
			padding-left: 20px;
		}


		/* Sidebar with additional infos */
		div#sidebar {
			position: relative;
			float: left;
			width: 220px;
			margin-left: 50px;
		}
		
		/* Footer gap */
		div.gap {
			clear: both; 
			height: 85px;
		}
					
		

/* Footer */
div#footercontainer {
	position: relative;
	clear: both;
	width: 100%;
	min-width: 970px;
	height: 65px;
	margin: -65px auto 0 auto;	
	background: #6899c5 url(../images/background_footer.gif);
}
		
	/* Footer container for content */
	div#footercontent {
		position: relative;
		width: 970px;
		margin: 0 auto;
	}	
		
	/* Footer container for content */
	div#footertext {
		position: absolute;
		width: 970px;
		padding-top: 10px;
	}
	
		/* Footer text */
		div#footertext p {
			position: relative;
			float: left;
			color: #ffffff;
		}
	
		/* Footer imprint link */
		div#footertext p.imprint {
			position: relative;
			float: right;
		}
	
		/* Footer link styles */
		div#footertext a:link, div#footertext a:visited {
			font-size: 11px;
			color: #ffffff;
			text-decoration: none;
			outline: 0;
		}

		div#footertext a:active, div#footertext a:hover {
			color: #d8e4ed;
			text-decoration: none;
		}



/* ************************************ */
/* Sidebar                              */
/* ************************************ */

/* Sidebar */
div.sidebarbox {
	position: relative;
	float: left;
	width: 220px;
	background-color: #f2f2f2;
	margin-bottom: 15px;
}

	/* Sidebar links */
	div.sidebarbox a:link, div.sidebarbox a:visited {color: #333333; text-decoration: none;}
	div.sidebarbox a:active, div.sidebarbox a:hover {color: #3b6d9a; text-decoration: underline;}
	
	div.standard a:link, div.standard a:visited {color: #3b6d9a; text-decoration: underline;}
	div.standard a:active, div.standard a:hover {color: #3b6d9a; text-decoration: none;}

	/* Sidebar list */
	div.sidebarbox ul {
		list-style-type: none;
		margin-left: 7px;
		margin-top: 7px;
		margin-bottom: 7px;
	}

		div.sidebarbox li {
			font-size: 11px;
			background-image: url(../images/dot.gif);
			background-repeat: no-repeat;
			background-position: 0 6px;
			padding-left: 12px;
			margin-bottom: 4px;
			line-height: 17px;
		}
			* html div.sidebarbox li {height: 0;}

		div.sidebarbox p {
			margin-top: 5px;
			padding-left: 9px;
			margin-bottom: 7px;
		}
		
		div.news {
			padding-top: 5px;
			padding-bottom: 7px;
		}
		
		div.news p {
			margin-top: 0px;
			padding-left: 9px;
			margin-bottom: 0px;
			line-height: 17px;
		}

		/* List with pdf icon */
		div.sidebarbox.downloads li {
			background-image: url(../images/icon_pdf.gif);
			background-position: 0 2px;
			padding-left: 20px;
			margin-bottom: 10px;
		}
	
		/* Special color for info box */
		div.sidebarbox.infos {
			background-color: #d8e4ed;
		}
	
		/* Special icon for info box */
		div.sidebarbox.infos li {
			background-image: url(../images/arrow.gif);
		}
			*:first-child+html div.sidebarbox.infos li {background-position: 0 5px;}



/* ************************************ */
/* Main navi                            */
/* ************************************ */

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* Main navi row */
div#navi {
	position: relative;
	float: left;
	z-index: 10;
}

/* Set font size for text links */
div#navi ul {
	font-size: 8px;
	list-style-type: none;
}
	*:first-child+html div#navi ul {text-indent: -5000em;}


/* List elements */
div#navi li {
	position: relative;
	display: block;
	height: 53px;
	background-position: 0 -53px;
	background-repeat: no-repeat;
	float: left;
}

/* Link elements */
div#navi a {
	display: block;
	height: 0;
	padding-top: 53px;
	background-repeat: no-repeat;
	overflow: hidden;
}
	* html div#navi a:link {height: 53px; he\ight: 0;}
	* html div#navi a:visited {height: 53px; he\ight: 0;}

/* List and Link element images */
div#navi li.nav1, div#navi a.nava1 {background-image: url(../images/buttons/bt_startseite.gif); width: 101px;}
div#navi li.nav2, div#navi a.nava2 {background-image: url(../images/buttons/bt_produkte.gif); width: 92px;}
div#navi li.nav3, div#navi a.nava3 {background-image: url(../images/buttons/bt_zubehoer.gif); width: 119px;}
div#navi li.nav4, div#navi a.nava4 {background-image: url(../images/buttons/bt_aktuelles.gif); width: 114px;}
div#navi li.nav5, div#navi a.nava5 {background-image: url(../images/buttons/bt_downloads.gif); width: 133px;}
div#navi li.nav6, div#navi a.nava6 {background-image: url(../images/buttons/bt_kontakt.gif); width: 87px;}

/* Initiate mouseover */
div#navi a:hover {
	background-image: none;
}


/* DROP DOWN MENU */

/* Display navi active while hovering subnavi */
div#navi a.nava2:hover, div#navi li:hover a.nava2 {
	background: transparent;
}
	* html div#navi a.nava2:hover, * html div#navi li:hover a.nava2 {overflow: visible; overfl\ow: inherit; text-indent: -200px; text-i\ndent: inherit;}

/* Show menu on hover */
div#navi ul a:hover {
	visibility: visible;
}

/* Menu z-index */
div#navi ul li:hover {
	position: relative; 
	z-index: 200;
}

/* Table display for IE lte 6 */
div#navi table {
	position: absolute; 
	top: 0; 
	left: 0;
	width: 0; 
	height: 0; 	
	border-collapse: collapse;
}

/* Hide subnavi */
div#navi ul.sub {
	position: absolute; 
	left: -9999px; 
	top: -9999px; 
	width: 0; 
	height: 0;
}

/* Subnavi elements a tags */
div#navi ul.sub a {
	padding: 0;
	height: 20px;
	line-height: 20px; 
	text-indent: 5px;
}

/* Style subnavi ul */
div#navi ul :hover ul.sub {
	left: -1px; 
	top: 53px;  
	border: 1px solid #a4c5df; 
	white-space: nowrap; 
	width: 365px; 
	height: auto;
	background: url(../images/background_subnavi.png);
}
	* html div#navi ul :hover ul.sub {padding-bottom: 1px;background-image:none;background-color: #f0f6fa;}
	*:first-child+html div#navi ul :hover ul.sub {padding-bottom: 1px;}

/* Style subnavi ul li */
div#navi ul :hover ul.sub li {
	position: relative; 
	float: left; 
	display: block; 
	height: 21px;
	margin-bottom: 1px;
	margin-top: 1px;
	width: 365px; 
}
	* html div#navi ul :hover ul.sub li {margin-bottom:0;}

/* Style subnavi ul li a */
div#navi ul :hover ul.sub li a {
	display: block; 
	font-size: 11px; 
	height: 21px; 
	margin-left: 1px;
	width: 363px; 
	line-height: 20px; 
	text-indent: 5px; 
	color: #333333; 
	text-decoration: none;  
	text-indent: 10px;
}
	* html div#navi ul :hover ul.sub li a {line-height: 20px;}
	*:first-child+html div#navi ul :hover ul.sub li a {line-height: 18px;}

/* Style subnavi ul li a hover */
div#navi ul :hover ul.sub li a:hover {
	background: #a3c3dc; 
	color: #ffffff;
}



/* ************************************ */
/* Content                              */
/* ************************************ */
	
/* Table products */

/* Table */
table.standard {
	margin-bottom: 5px;
}
	* html table.standard {border-top: 1px solid #ffffff;}
	*:first-child+html table.standard {border-top: 1px solid #ffffff;}

/* Table heads */
table.standard th {
	font-size: 10px;
	color: #ffffff;
	line-height: 12px;
	vertical-align: top;
	padding-top: 6px;
	padding-bottom: 6px;
	background-color: #6495c3;
	border-bottom: 1px solid #c4d4e0;
	border-right: 1px solid #c4d4e0;
}

/* Table cells */
table.standard td {
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	line-height: 10px;
	text-align: center;
	border-bottom: 1px solid #c4d4e0;
	border-right: 1px solid #c4d4e0;
	padding-bottom: 4px;
	padding-top: 2px;
}

/* First column */
table.standard td.first, table.standard th.first {
	text-align: left;
	text-indent: 5px;
	background-color: #6495c3;
	color: #ffffff;
	font-weight: bold;
}

/* Last column */
table.standard td.last, table.standard th.last {
	text-align: right;
	padding-right: 10px;
}

/* Coloured table rows */
table.standard tr.col {
	background-color: #e9f1f6;
}



/* Table pricelist */

/* Table heads */
table.prices th {
	text-align: left;
	text-indent: 10px;
}

/* Table cells */
table.prices td {
	text-align: left;
	padding-left: 10px;
}

/* First column */
table.prices td.first {
	text-align: left;
	padding-left: 0px;
}


/* Table accessoires */

/* Table cells */
table.zubehoer td {
	background-color: #ffffff;
}
	
	

/* Table company list */
	
/* Table */
table.companylist {
	margin-bottom: 20px;
}

/* Table heads */
table.companylist th {
	text-align: left;
	text-indent: 5px;
	border-left: 1px solid #c4d4e0;
}
	
/* Table cells */
table.companylist td {
	text-align: left;
	text-indent: 5px;
	border-left: 1px solid #c4d4e0;

}

/* First column */
table.companylist td.first {
	font-weight: bold;
	background-color: #ffffff;
	color: #333333;	
}



/* Table data formats */

* html table.parameter {border-top: 1px solid #cccccc;}
*:first-child+html table.parameter {border-top: 1px solid #cccccc;}

/* Table cells */
table.parameter td {
	border: 1px solid #cccccc;
	line-height: 14px;
}

/* First column */
table.parameter td.first {
	background-color: #f2f2f2;
	color: #333333;
}

/* Table, second style */
table.parameter2 {
	margin-bottom: 25px;
	margin-top: 5px;
}

	* html table.parameter2 {border-top: 1px solid #cccccc;}
	*:first-child+html table.parameter2 {border-top: 1px solid #cccccc;}

/* Table cells, second style */
table.parameter2 td {
	border: 1px solid #cccccc;
	text-align: left;
	line-height: 14px;
	padding-left: 7px;
	padding-right: 7px;
}

/* First column, second style */
table.parameter2 td.first {
	background-color: #f2f2f2;
	color: #333333;
	text-align: left;
	line-height: 14px;
	padding-left: 0;
	padding-right: 0;
}

/* Table special style for examples */
table.examples {
	margin-top:0;
}
	* html table.examples {border-top: 1px solid #cccccc;}
	*:first-child+html table.examples {border-top: 1px solid #cccccc;}


	
	
	
	
div#content.productoverview	img {
	float: left;	
	margin-right: 15px;
	margin-bottom: 20px;
}

div#content.productoverview	p {
	clear: left;	
}
	
	
/* Content text list */
div#content ul, div.highslide-body ul {
	list-style-type: none;
	margin-bottom: 14px;
}
	
	div#content li, div.highslide-body li {	
		font-size: 11px;
		background-image: url(../images/dot.gif);
		background-repeat: no-repeat;
		background-position: 0px 7px;
		padding-left: 14px;
		line-height: 19px;
	}
		* html div.highslide-body li {height: 0;}
		* html div#content li {height:0;}


	
	div#content li {	
		background-position: 10px 7px;
		padding-left: 24px;
		line-height: 19px;
	}


div.highslide-body p, div.dataformat p {
	margin-bottom: 5px;	
}

p.datenformate {
	display: none;
}	

div.highslide-body p.datenformate {
	display: block;
}


/* Content download list */

/* List with pdf icon */
div#content ul.downloads {
	margin-top: 15px;
}

div#content ul.downloads li {
	background-image: url(../images/icon_pdf2.gif);
	background-position: 0 3px;
	padding-left: 20px;
	margin-bottom: 10px;
	line-height: 16px;
}

div#content ul.downloads a:link, div#content ul.downloads a:visited {color: #333333; text-decoration: none;}
div#content ul.downloads a:active, div#content ul.downloads a:hover {color: #3b6d9a; text-decoration: underline;}

/* ************************************ */
/* Tab navi                             */
/* ************************************ */

/* Tab menu */
div#content ul#listview {
	font-size: 8px;
	list-style-type: none;
	height: 23px;
	width: 400px;
	margin-bottom: 0px;
	line-height: 0;
}

/* Tab list */
div#content ul#listview li {
	position: relative;
	display: block;
	height: 23px;
	background-position: 0 -23px;
	background-repeat: no-repeat;
	float: left;
	margin-bottom: 1px;
	margin-right: 1px;
	padding-left: 0;
}

/* Link elements */
div#content ul#listview li a {
	display: block;
	height: 0;
	padding-top: 23px;
	background-repeat: no-repeat;
	overflow: hidden;
}

/* List and Link element images */
div#content ul#listview.tabnavi li.nav1, div#content ul#listview.tabnavi li a#nava1 {background-image: url(../images/tabbt_anschlussmoeglichkeiten.gif); width: 151px;}
div#content ul#listview.tabnavi li.nav2, div#content ul#listview.tabnavi li a#nava2 {background-image: url(../images/tabbt_preisliste.gif); width: 70px;}

/* Initiate mouse over */
div#content ul#listview.tabnavi li a#nava1:hover,div#content  ul#listview.tabnavi li a#nava2:hover {
	background-image: none;
}

/* Highlight selected */
div#content ul#listview.tabnavi li a#nava1.selected, div#content ul#listview.tabnavi li a#nava2.selected {
	background-image: none;
}

/* Hide content */
.tabcontent{
	display:none;
	clear: left;
}

/* Display table for printing */
@media print {
	.tabcontent {
		display:block !important;
	}
}














/* ****************************** */
/* Contact form                   */
/* ****************************** */

div#addressleft {
	position: relative;
	float: left;
	width: 250px;
	overflow: hidden;
}

div#routeright {
	position: relative;
	float: right;
	padding-right: 5px;
	padding-top: 59px;
	width: 240px;
	overflow: hidden;
}
	
	div#routeright p {
		line-height: 16px;
		padding-bottom: 5px;
	}




/* Main form container */
div#formcontainer {
	width: 680px;
	background-color: #f2f2f2;
	
}

/* No border for fieldsets */
fieldset {
	border: 0;		
}

/* Headline row */
div.fieldsethead {
	height: 23px;
	border-bottom: 1px solid #ffffff;
	background: #4d86ba url(../images/background_contactform.jpg);
}
	
	div.fieldsethead p {
		font-size: 11px;
		padding-top: 1px;
		padding-left: 10px;
		font-weight: bold;
		margin-bottom: 0;
		color: #ffffff;
	}


/* Container sizes - two cols  */
div.formleft, div.formright {
	position: relative;
	float: left;	
	width: 310px;		
	padding: 10px 0 5px 10px;	
}
	div.formleft {padding-right: 20px;}


div.onerowwhite {
	clear: both;
	background-color: #ffffff;
	height: 15px;	
}

div.checkblock {
	margin-top: 10px;
}

div.infoblock {
	width: 600px;
	float: left;
	margin-top: 10px;
	padding-left: 10px;
}



/* Label styles  */
label {
	font-size: 11px;
	display: block;
	width: 70px;
	height: 15px;
	margin: 3px 0 5px 0;
	padding-bottom: 2px;	
	float: left;	
	cursor: pointer;	
}




/* Input fields styles  */
input, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 230px;
	padding: 2px 0 2px 4px;	
	float: left;	
	border: 1px solid #999999;	
}

/* Textarea special style */
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 4px 0 0 4px;
	width: 640px;
	height: 120px;
	margin-left: 10px;	
}



div.checkblock2 {
	width: 213px;
	float: left;
}

div.checkblock3 {
	width: 258px;
	float: left;
}

div.checkblock input {
	width: 427px; 
	margin-bottom: 5px;
}

div.checkblock label {
	width: 75px; 
	margin-left: 8px;
}

/* Special width for checkbox */
div.checkblock input.check {
	width: 16px;
	height: auto;
	float: left;
	border: 0;
	padding: 0;
	margin-top: 3px;
}

	*:first-child+html div.checkblock input.check {margin-top: 0px;}
	* html div.checkblock input.check {margin-top: 1px;}
	html:first-child>b\ody div.checkblock input.check {margin-top: 1px;}


/* Input fields styles active */
input:focus, textarea:focus {
	background-color: #ffffff;	
	border: 1px solid #333333;		
}




/* Button  style */
input.button {
	clear: both;
	font-size: 11px;
	width: 180px;
	height: 26px;
	background-color: #ffffff;
	border: 1px solid #999999;
	text-align: center;
	margin-left:250px;
	margin-top: 5px;
	padding-bottom: 3px;
}

	*:first-child+html input.button {padding-bottom: 2px;}
	* html input.button {padding-bottom: 1px;}

/* Button hover style */
input.button:hover {
	background-color: #f2f2f2;
	cursor: pointer;
}



/* Route fieldset */
fieldset.route input {
	width: 195px;
	margin-left: 8px;
}


/* Button special style */
fieldset.route input.button {
	width: 115px;
	height: 22px;
	margin-top: 5px;
	margin-left: 8px;
	margin-bottom: 10px;
}

	*:first-child+html input.button {padding-bottom:0;}
	* html input.button {padding-bottom:0;}