/* CSS Document */
/* ref 20080620-1020*/

*, html, body {
	margin: 			0;
	padding: 			0;
}

html {
	font-size: 			100.01%;
}

body {
	font-family: 		Verdana, Arial, Helvetica, sans-serif; 
	font-size:			0.8em; 
	color:				#2e2e3e;
	text-align:			left;
}

h1 {
	font-size:			1em;
	text-align:			left;
	color:				#5D5D5D;
	font-weight: 		bold;
	font-style: 		normal;
	padding: 			0;
	line-height:		normal;
}

h2 {
	font-size:			1em; 
	color:				#5D5D5D; 
	font-style: 		normal; 
	padding-top: 		0px; 
	padding-bottom: 	0; 
}

h3 { 
	font-size:			0.8em; 
	color: 				#2E2E3E; 
	background: 		none; 
	margin: 			0 0 0 20px; 
	text-align: 		left 
}

h4 {
	font-size:			1em;
	margin:				0 0 10px 0;
}

sup {
	font-size: 			50%;
}

A:link, A:visited, A:hover {
	text-decoration: 	none;
	border: 			0;
}

img, table {
	border: 			0;
}

input {
	font-size: 			10px; 
	font-weight: 		normal; 
	height:				15px; 
}


td {
	font-family: 		Verdana,Arial,Helvetica, sans-serif; 
	font-size: 			10px; 
	font-weight: 		normal;
	color: 				#2E2E3E;
}

select {
	font-family: 		Verdana,Arial, Helvetica, sans-serif; 
	font-weight:		normal; 
	font-size:			10px; 
	color:				#333333;
}

.cleaner {
	clear:				both;
	height:				1px;
	font-size:			1px;
	border:				0px none;
	margin:				0;
	padding:			0;
	background:			transparent;
}

#javascript_error {
	position:			absolute;
	top:				568px;
	left:				424px;
	margin:				auto;
	padding:			10px;	
	width:				400px;
	height:				200px;
	background-color:	#ffffff;
	border:				2px solid #FF0000;
	font-size:			1em;
	vertical-align:		middle;
	z-index:			10000;
	line-height:		2em;
}



/* ---------------------------------------- */

/* 				Grundstruktur   			*/

/* ---------------------------------------- */



#tophead {
	width: 				99.99%;
	margin: 			0 auto;
	height: 			195px;
	text-align: 		center;
	background:			#ffffff url(../images/head-bg.jpg) no-repeat;
}

#topin {
	width: 				980px;
	height: 			195px;
	margin: 			0 auto;
	text-align:			left;
}


#content {
	width:				99.99%;
	text-align:			center;
	border-top:			1px solid #666666;
	border-bottom:		1px solid #666666;
	background: 		#c1c3c5 url(../images/bg-verlauf-20-30.jpg) repeat-x;
	height: 			410px;
}

#contentin {
	width: 				980px;
	margin: 			0 auto;
	height: 			100%;
	text-align: 		left;
}


#footer {
	width: 				99.99%;
	text-align: 		center;
	height: 			180px;
	margin: 			0 auto;
}

#freiin {
	width:				800px;
	margin:				50px auto 10px auto;
	font-size:			0.8em;
	color:				#999999;
	text-align: 		left;
	padding: 			0 0 0 180px;
}


/* ---------------------------------------------------------------- */

/*								Inhalte   							*/

/* ---------------------------------------------------------------- */




/* ---------------------------------------- */

/* 					Head   					*/

/* ---------------------------------------- */

#logo {
	float: 				left;
	width: 				180px;
	padding: 			0;
	margin: 			0;
}

#navcontainer {
	float: 				left;
	background-color:	#beccd3;	
	height: 			85px;
	width:				466px;
	z-index:			10;
}
#navhead {
	width: 				100%;
	height: 			68px;
}
#navhead2 {
	width: 				50px;
	height: 			68px;
	background:			transparent;
}

.ausdehnen {
	width: 				100%;
	height: 			100%;
}

#spezialblock {
	float: 				left;
	width: 				360px;
	margin:				10px 0 0 -40px;
	display:			inline;
	z-index:			30;	
}

#spezial {
	width: 				50px;
	margin: 			20px 0 0 320px;
	z-index: 			19;
	visibility:			hidden;
	left:				-200px;
}

#textinfo {
	font-size: 			0.8em;
	font-weight: 		bold;
	color: 				#ffffff;
	z-index: 			20;
	float: 				left;
	overflow:			visible;
}

.highlite {
	color:	#cc0000;
}

#breadcrump {
	width: 				760px;
	color: 				#FF0000;
	font-size: 			0.8em;
	padding-left: 		6px;
	text-align: 		left;
	height: 			60px;
	overflow:			visible;
	clear:				both;
	/*visibility:			hidden;*/
}

#breadcrump a:link, #breadcrump a:visited {
	color: 				#C3C3C3;
}

#breadcrump a:hover {
	color: 				#666666;
}



#headline {
	padding-left: 		180px;
	width: 				760px;
	height:				40px;
	vertical-align:		bottom;
	overflow:			visible;
	position:			relative;
	bottom:				-1.0em;
	z-index: 			98;
}




/* ---------------------------------------- */

/* 					footer   				*/

/* ---------------------------------------- */

#freiin a, #freiin a:link, #freiin a:visited {
	color:				#999999;
	font-weight:		normal;
	text-decoration:	none;
}

#freiin a:hover {
	color:				#666666;
}





/* ---------------------------------------- */

/* 				Haupt-Navigation   			*/

/* ---------------------------------------- */


/* 1. Ebene */
#nav_main {
	width: 				402px;
	background-color: 	#4B4B4B;
	padding-left: 		30px;
}

#nav_en {
	background:			transparent;
}

#nav_main, #nav_en
{
	font-size:			11px;
	line-height:		normal;
	margin:				0;
	padding:			0;
	float: 				left;
}

#nav_main ul.nav_level1, #nav_en ul
{
	margin: 			0;
	padding-left: 		0;
	list-style-type: 	none;
	width: 				100%;
}

#nav_main ul.nav_level1 li.nav_sub_navigation, #nav_en li {
	float: 				left;
	position:			relative;
	display: 			inline;
	width:				auto;
	padding: 			0;
	margin:				0;
}

#nav_main ul.nav_level1 li.nav_sub_navigation a.nav_level1_link, #nav_en a {  
	float:				left;
	color: 				#666; 
	text-decoration: 	none; 
	margin:				0;
	padding:			0 0 0 8px;
	text-decoration:	none;
}

#nav_main ul.nav_level1 li.nav_sub_navigation a.nav_sub_navigation_active span {
	color: 				#ffffff !important;
}

/*style für leere Zelle links vor Produkten. Zelle als Link.*/
#nav_main ul.nav_level1 li.nav_sub_navigation a.nav_level1_empty {
	white-space:		nowrap;
	float: 				left;
	display: 			inline;	
	padding: 			1px 0 3px 32px;
	margin:				0;
	background-color:	#b54d4e;
}
/* Ende dieses Styles*/

/* style für englische Sprachzelle */
#nav_main ul.nav_level1 li.nav_sub_navigation a.nav_level1_link span, #nav_en a span {
	float:				left;
	display:			block;
	font-weight:		bold;
	padding:			1px 8px 3px 0;
	color:				#ffffff;
	white-space:		nowrap;
}

#nav_main ul.nav_level1 li.nav_sub_navigation a.nav_level1_link:hover span, #nav_en a:hover span {
	color:				#ffffff;

}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav_main ul.nav_level1 li.nav_sub_navigation a.nav_level1_link span, #nav_en a span {
	float:				none;}
/* End IE5-Mac hack */





/* 2.Ebene*/

#nav_main ul.nav_level1 li.nav_sub_navigation ul.nav_level2 {
	list-style-type: 	none;
	display: 			none;
	position: 			absolute; 
	top: 				16px; 
	left: 				0; 
	z-index: 			99;
	padding-top: 		0.08em !important;
	/*border: 			dotted red 1px;*/
}



	
#nav_main ul.nav_level1 li.nav_sub_navigation:hover ul.nav_level2,
#nav_main ul.nav_level1 li.nav_sub_navigation.sfhover ul.nav_level2 {
	display: 			block;
} 	

#nav_main ul.nav_level1 li.nav_sub_navigation ul.nav_level2 a,
#nav_main ul.nav_level1 li.nav_sub_navigation ul.nav_level2 a:hover {
	display: 			block; 
	padding: 			2px 8px !important; 
	min-width: 			120px; 
	width: 				auto; 
	overflow: 			visible; 
	font-size: 			10px;
	line-height: 		1em;
	white-space: 		nowrap;
	color: 				#666 !important;
	/*border: 			dotted red 1px;*/
	background: 		transparent;
}

#nav_main ul.nav_level1 li.nav_sub_navigation ul.nav_level2 li {
	display: 			inline;
	clear:			 	both;
	/*border: 			dotted red 1px;*/
}
#nav_main ul.nav_level1 li.nav_sub_navigation ul.nav_level2 li a.nav_level2_last {
	background: 		transparent; 
/*border-bottom: 1px solid #ccc; */
}	
#nav_main ul.nav_level1 li.nav_sub_navigation ul.nav_level2 li a:hover {
	/*background: 		#cccccc;*/
	width: 				auto; 
	/*font-weight:		bold !important;*/
	color: 				#000000 !important;
}
#nav_main ul.nav_level1 li.nav_sub_navigation ul.nav_level2 li a.nav_level2_last:hover {
	background: 		transparent; 
	color: 				#000000 !important;
}




/* Die folgenden 4 Styles sind für mehrspaltiges Menü (Ergonomie-Navi) */
#nav_main ul.nav_level1 li.nav_sub_navigation ul.multicol_first {
	list-style-type: 	none;
	display: 			none;
	position: 			absolute; 
	top: 				16px; 
	left: 				0; 
	z-index: 			103;
	padding-top: 		0.08em !important;
}

#nav_main ul.nav_level1 li.nav_sub_navigation ul.multicol_snd {
	list-style-type: 	none;
	display: 			none;
	position: 			absolute; 
	top: 				16px; 
	left: 				12.5em; 
	z-index: 			102;
	padding-top: 		0.08em !important;
}

#nav_main ul.nav_level1 li.nav_sub_navigation ul.multicol_third {
	list-style-type: 	none;
	display: 			none;
	position: 			absolute; 
	top: 				16px; 
	left: 				26em; 
	z-index: 			101;
	padding-top: 		0.08em !important;
}
#nav_main ul.nav_level1 li.nav_sub_navigation ul.multicol_fourth {
	list-style-type: 	none;
	display: 			none;
	position: 			absolute; 
	top: 				16px; 
	left: 				39em; 
	z-index: 			100;
	padding-top: 		0.08em !important;
}
/* mehrspaltiges Menü Ende */



/* 3. Ebene */
#nav_main ul.nav_level1 li.nav_sub_navigation ul.nav_level2 li.nav_sub2_navi ul.nav_level3 {
	list-style-type: 	none;
	position: 			absolute;
	left: 				-999em;
	top: 				14px;	
	padding-top: 		0.08em !important;
}

#nav_main ul.nav_level1 li.nav_sub_navigation ul.nav_level2 li.nav_sub2_navi:hover ul.nav_level3,
#nav_main ul.nav_level1 li.nav_sub_navigation ul.nav_level2 li.nav_sub2_navi.sfhover ul.nav_level3 {
	left: 				100px;
}





/* Navigation Farbcodes Hintergründe */
#nav_main a#color1:hover {
	background-color:	#b54d4e;
}	
		
#nav_main a#color1:hover {
	background-color:	#9B4344;
		}	

#nav_main a#color2:hover {
	background-color:	#272A10;
		}
		
#nav_main a#color3:hover {
	background-color:	#4E759B;
}
		
#nav_main a#color4:hover {
	background-color:	#AF3F13;
}
		
#nav_main a#color5:hover {
	background-color:	#202020;
}
		
#nav_en a#color6:hover {
	background-color:	#909BA1;
}

#color0 {
	background-color:	#b54d4e;
}

#color1 {
	background-color:	#b54d4e;
}

.color1 {
	background-color:	#b54d4e;
}

#color2 {
	background-color:	#596025;
}

.color2 {
	background-color:	#596025;
}

#color3 {
	background-color:	#6699c8;
}

.color3 {
	background-color:	#6699c8;
}

#color4 {
	background-color:	#d24b14;
}

.color4 {
	background-color:	#d24b14;
}

#color5 {
	background-color:	#4b4b4b;
}

.color5 {
	background-color:	#4b4b4b;
}

#color6 {
	background-color:	#beccd3;
}

.color6 {
	background-color:	#beccd3;
}


/* ---------------------------------------- */

/* 				Subnavigation   			*/

/* ---------------------------------------- */

.subnav {
	padding: 			10px;
	text-align: 		left;
	font-size:			0.8em;
	color:				#000000;	
}

.subnav_level1 {
	margin: 			0;
	padding-left: 		0;
	list-style-type: 	none;
	width: 				100%;

}

.subnav_level1 li a.zweizeiler {
	line-height: 		96%;
}


.subnav_level1 li a.zweizeiler:first-line {
	line-height: 		90%;
	color:				#00FF00;
}

.subnav_level2 {
	margin:				0 0 0 10px;
	list-style-type: 	none;
}

.subnav_level3 {
	margin:				0 0 0 20px;
	list-style-type: 	none;
}
.subnav a:link, .subnav a:visited {
	font-weight: 		bold;
	line-height: 		16px;
	color: 				#333333;
}

.subnav_level2 a:link, .subnav_level2 a:visited, .subnav_level3 a:link,  .subnav_level3 a:visited{
	font-weight: 		normal;
	/*line-height: 		12px;
	color: 				#333333;*/
}

/*.subnav_level2 li a:link, .subnav_level2 li a:visited {
	line-height: 		10px;
	margin-bottom:		6px !important;
}*/

.subnav a:hover {
	color: 				#000000;
}

.subnav_active {
	color: 				#ff0000 !important;
}

.subnav_head {
	font-style: 		italic;
	font-weight: 		normal;
	letter-spacing: 	1px;
	line-height: 		1em;
	padding-bottom:		0.4em;
}

.subnav_first {
	font-weight: 		bold;
	font-size:			1.3em;
	color:				#000000 !important;
	padding-bottom:		20px;
}

.subnav_distance {
	padding-bottom:		15px;
}

#contentleft .subnav ul.subnav_level1 a sup {
	font-size:			50%;
}




/* ---------------------------------------- */

/* 					Galerie   				*/

/* ---------------------------------------- */

#contentleft {
	float: 				left;
	width: 				180px;
	height: 			100%;
	/*border: 			dotted orange 1px;*/
}

#contentright {
	float: 				right;
	width: 				800px;
	height: 			100%;
	
}

#galeriebild { 
	width: 				620px;
	float: 				left;
	overflow: 			hidden;
	/*border-bottom: 			dotted orange 1px;*/
	/*border: 			dotted orange 1px;*/
}

#contentblock {
	float: 				left;
	width: 				180px;
	height: 			410px;
	text-align: 		left;
	padding: 			0;
	background-color: 	#666666;
	position:			relative;
	/*margin-left: 		630px;*/
	/*background-image: url(../images/massband.gif);
	background-repeat: 	no-repeat;*/
}
.syslinks {
	text-align: 		left;
	padding: 			10px 10px 0 10px;
	margin-bottom:		10px;
	font-size: 			0.8em;
	font-weight:		normal;
	line-height:		1.4em;
	color: 				#ffffff;
}

.syslinks a:link, .syslinks a:visited {
	color: 				#ffffff;
	
}

.syslinks a:hover {
	color: 				#cccccc;
}

.thumb_title {
	text-align: 		left;
	color: 				#ffffff;
	font-size: 			0.8em;
	padding: 			10px 10px 3px 10px;
}

.thumborder {
	padding: 			3px 10px 0 10px;
	margin: 			0;	
}
.thumb {
	border: 			solid #cccccc 1px;
	margin: 			0;
	width: 				22px;
	height: 			22px;
}
.imagetext {
	text-align: 		left;
	color: 				#ffffff;
	font-size: 			0.8em;
	bottom: 			0px;
	padding: 			3px 10px 10px 10px;
	position:			absolute;
	/*border: 			dotted orange 1px;*/
}

.imagetext a:link, .imagetext a:visited {
	color: 				#ffffff;
	font-weight:		normal;
}

.imagetext a:hover {
	color: 				#cccccc;
}	

.imagetext h1 {
	color: 				#ffffff;
	text-transform: 	uppercase;
}

#bigthumb {
	width: 				140px;
	margin: 			10px 0 10px 10px;
	height: 			100px;
}


/* ---------------------------------------- */

/* 				Auswahlseite   				*/

/* ---------------------------------------- */

#contentright {
	background-color: 	#E7E7E8;
}

#uebersicht {
	overflow:			auto;
	height:				410px;
}

.reihe {
	width: 				680px;
	margin-bottom: 		10px;
}

.subcol1, .subcol2, .subcol3 {
	width: 				202px;
	text-align: 		left;
	font-size:			0.8em;
	position:			static;
}

.subcol1 {
	padding: 			0 0 0 20px;
}

.subcol2 {
	padding: 			0 20px;
}

.subcol3 {
	float: 				left;
/*	padding-left:		20px;*/
}

.spalte {
	float: 				left;
	/*width: 				202px;*/
}

.subcolkopf {
	border: 			1px solid #cccccc;
	font-weight: 		bold;
	background-color: 	#666666;
	color: 				#cccccc;
	padding: 			0;
}	

.subcoltext {
	padding: 			2px;
	width: 				198px;
}

.subcoltext a, .subcoltext a:link, .subcoltext a:visited {
	color: 				#2e2e3e;
	text-align: 		right;
	font-weight:		normal;
	line-height:		2em;
}

.subcoltext a:hover {
	color: 				#000000;
}

.subcolheadline {
	padding: 			2px;
	vertical-align: 	super;
	height: 			20px;
	line-height: 		16px;
}

/* ---------------------------------------- */

/* 		Infoseite (Bild und Text)   		*/

/* ---------------------------------------- */

.infospalte_links {
	float:				left;
	width:				600px;
	
}
						
.infospalte_rechts {
	float:				right;
	width:				180px;
	background-color: 	#666666;
	height:				410px;
}

.infospalte_reihe {
	margin:				20px 0 0 0 !important;
}

.infobild_links {
	float:				left;
	width:				180px;
	padding:			0 0 0 20px;
}

.infotext_rechts {
	float:				right;
	width:				370px;
	padding:			0 10px 0 0;	
}

#floater {
	margin:				20px 0 0 0;
	color: 				#ffffff;
	padding:			0 0 0 10px;
	
}

#floater a, #floater a:link, #floater a:visited {
	color: 				#ffffff;
	text-align: 		left;
	font-weight:		normal;
}

#floater a:hover {
	color: 				#cccccc;
}

/* ---------------------------------------- */

/* 		elektronische post encoding   		*/

/* ---------------------------------------- */

#mail>span:before { content:"@"}
#mail>span span { display:none}
*:first-child+html #mail>span span { display:inline; }  /* Workaround fuer IE 7 */
#mail { font-weight:normal; color:#666666}
#mail2>span:before { content:"@"}
#mail2>span span { display:none}
*:first-child+html #mail2>span span { display:inline; }  /* Workaround fuer IE 7 */
#mail2 { font-weight:normal; color:#666666}
#mail3>span:before { content:"@"}
#mail3>span span { display:none}
*:first-child+html #mail3>span span { display:inline; }  /* Workaround fuer IE 7 */
#mail3 { font-weight:normal; color:#666666}