/******************************
nav 1. Ebene
******************************/
#nav ul li.first,
#tools ul li.first
{
	background:			url(../img/backnav1.gif) no-repeat;

}
#nav ul li.first a:hover,
#tools ul li.first a:hover
{
	background:			url(../img/backnav1_4.gif) no-repeat;
}
#nav ul li,
#tools ul li
{
	background:			url(../img/backnav1_5.gif) no-repeat;
}
#nav ul li a,
#tools ul li a
{
	color:				#70828f;
	text-decoration:	none;
	font-weight:		normal;
	height:				25px;
	line-height:		25px;
	display:			block;
	padding:			0 0 0 8px;
	font-size:			10px;
}
#nav ul li a.active,
#tools ul li a.active,
#nav ul li.first a.active
{
	background:			url(../img/backnav1_2.gif) no-repeat;
}
#nav ul li a:hover,
#tools ul li a:hover
{
	background:			url(../img/backnav1_6.gif) no-repeat;
}
#nav ul li a.active,
#nav ul li a:hover,
#tools ul li a.active,
#tools ul li a:hover
{
	font-weight:		normal;
	color:				#00388f;
}
#nav ul li a.active:hover,
#nav ul li a.active:hover
{
	background:			url(../img/backnav1_7.gif) no-repeat;
}
/******************************
nav 2. Ebene
******************************/
#nav ul li ul li
{
    background:			url(../img/backnav2.gif) no-repeat;
}
#nav ul li ul li a
{
	padding:			0 0 0 8px;
}
#nav ul li ul li a.active,
#nav ul li ul li a:hover,
#nav ul li ul li a.active:hover
{
	background:			url(../img/backnav2_2.gif) no-repeat;
}
/******************************
nav 3. Ebene
******************************/
#nav ul li ul li ul li
{
    background:			url(../img/backnav3.gif) no-repeat;
}
#nav ul li ul li ul li a
{
	height:				22px;
	line-height:		22px;
	padding:			0 0 0 18px;
}
#nav ul li ul li ul li a.active,
#nav ul li ul li ul li a:hover,
#nav ul li ul li ul li a.active:hover
{
	background:			url(../img/backnav3_2.gif) no-repeat;
}
#nav ul li ul li ul li a:hover
{
	background:			url(../img/backnav3_1.gif) no-repeat;
}

/******************************
sitemap
******************************/
.sitemap ul.l2
{
    padding:5px 0px 5px 20px;
}
.sitemap ul.l3
{
    padding:2px 0px 2px 40px;
}
.sitemap ul.l4
{
    padding:0px 0px 0px 60px;
}
.sitemap ul.l5
{
    padding:0px 0px 0px 80px;
}

/******************************
tools search
******************************/
#tools
{
	margin:				20px 0;
}
#tools ul li.navoline,
#tools ul li.search
{
	background:			url(../img/backnav_oline.gif) no-repeat;
	height:				25px;
	line-height:		25px;
}
#tools ul li.navoline a.active,
#tools ul li.navoline a:hover
{
	background:			url(../img/backnav2_2.gif) no-repeat;
}
#tools ul li.search
{
	position: 			relative;
}
* html #tools ul li.search
{
	margin:				0 0 -3px 0;
}
#tools ul li.search a
{
	position: 			absolute;
	top:				4px;
	left:				0;
}
#tools ul li.search a:hover
{
	background:			none;
}

#tools ul li.search input
{
	width:				85px;
	height:				18px;
	line-height:		18px;
	border:				none;
	color:				#70828f;
	text-decoration:	none;
	font-weight:		normal;
	padding:			0 0 0 5px;
	font-size:			10px;
	position: 			absolute;
	top:				4px;
	left:				32px;
}

/******************************
headlines
******************************/
#headline
{
	margin:				0 0 28px 0;//
	margin:				0 0 13px 0
}
h1
{
	color:				#70828f;
	font-weight:		normal;
	font-size:			26px;
	margin:				40px 0 12px 5px;
}
h2
{
	color:				#70828f;
	font-weight:		normal;
	font-size:			18px;
	margin:				24px 0 8px 5px;
}
h3
{
	color:				#70828f;
	font-weight:		normal;
	font-size:			14px;
	margin:				6px 0 14px 5px;
}
h4
{
	color:				#00388f;
	font-weight:		bold;
	font-size:			12px;
	line-height:		16px;
	padding:			10px 0;
}
/******************************
content
******************************/
#content p,
#content a
{
	color:				#70828f;
	font-weight:		normal;
	font-size:			12px;
	line-height:		16px;
	margin:				5px;
	text-decoration:	none;
}
#content ul.serie
{
	margin:				0;
}
#content ul.serie li
{
	color:				#70828f;
	padding:			6px 0;
	font-size:			12px;
	line-height:		18px;
	font-weight:		normal;
}
/******************************
content cols
******************************/
#content #onecol,
#content #twocol
{
	width:			663px;
	margin:			0 0 10px 0;
}
/******************************
content one col
******************************/
#content #onecol #onecol_in
{
	background:		transparent url( ../img/back1col_middle.gif ) top left repeat-y;
	margin-top:		-9px;
	padding:		5px 15px;
}

#content #onecol #onecol_in a.front
{
	padding:		0;
}
#content #onecol #onecol_in p
{
	line-height:	20px;
}
#content #onecol #onecol_in a:hover
{
	color:				#00388f;
}
#content #onecol #onecoltop
{
	background:		transparent url( ../img/back1col_top.gif ) top left no-repeat;
}
#content #onecol #onecolbottom
{
	background:		transparent url( ../img/back1col_bottom.gif ) top left no-repeat;
}
#content #twocol #onecoltop,
#content #twocol #onecolbottom
{
	font-size:		1px;
	line-height:	1px;
	height:			7px;
}
#content #onecol #onecolmiddle
{
	width:			659px;
	margin-top:		-9px;
}
#content #onecol ul.kap
{
	overflow: hidden;
	height:				100%;
}

#content #onecol ul.kap li
{
	float:				left;
}
#content #onecol ul.kap li a
{
	color:				#70828f;
	display:			block;
	width:				120px;
	font-size:			12px;
	line-height:		18px;
	text-align:			center;
	text-decoration:	none;

}

#content #onecol ul.kap li a img
{
	width:				90px;
}
#content #onecol ul.kap li a:hover img
{
	width:				100px;
}
/******************************
content one col
******************************/
/******************************
content two cols rechte transparent
******************************/
#content #twocol #twocol_kapimg_left
{
	float:			left;
	width:			225px;
}
#content #twocol #twocol_kapimg_right
{
	margin-left:	235px;
	padding:		0;
}
#content #twocol_kapimg_left #twocol_in_righttrans
{
	background:		url( ../img/back2cols_middle_righttrans.gif ) top left repeat-y;
}
#content #twocol_kapimg_left #twocoltop_righttrans
{
	background:		transparent url( ../img/back2cols_top_righttrans.gif ) top left no-repeat;
	position:		relative;
}
#content #twocol_kapimg_left #twocolbottom_righttrans
{
	background:		transparent url( ../img/back2cols_bottom_righttrans.gif ) top left no-repeat;
}
#content #twocol_kapimg_left #twocoltop_righttrans,
#content #twocol_kapimg_left #twocolbottom_righttrans
{
	font-size:		1px;
	line-height:	1px;
	height:			7px;
}
#content #twocol_kapimg_left h4
{
	padding:		10px 15px;
}
#content #twocol_kapimg_left p
{
	padding:		2px 10px;
}
#content #twocol_kapimg_right img.big
{
	width:			422px;
}
/******************************
content two cols weiss
******************************/
#content #twocol #twocol_in
{
	background:		url( ../img/back2cols_middle.gif ) top left repeat-y;
}

#content #twocol #twocoltop
{
	background:		transparent url( ../img/back2cols_top.gif ) top left no-repeat;
}
#content #twocol #twocolbottom
{
	clear:			both;
	background:		transparent url( ../img/back2cols_bottom.gif ) top left no-repeat;
}
#content #twocol #twocol_clear
{
	font-size:		1px;
	line-height:	1px;
	clear:			left;
}
#content #twocol #twocol_in_inverted
{
	background:		url( ../img/back2cols_middle_inverted.gif ) top left repeat-y;
}
#content #twocol #twocoltop_inverted
{
	background:		transparent url( ../img/back2cols_top_inverted.gif ) top left no-repeat;
}
#content #twocol #twocolbottom_inverted
{
	clear:			both;
	background:		transparent url( ../img/back2cols_bottom_inverted.gif ) top left no-repeat;
}
#content #twocol #twocoltop,
#content #twocol #twocoltop_inverted,
#content #twocol #twocolbottom,
#content #twocol #twocolbottom_inverted
{
	font-size:		1px;
	line-height:	1px;
	height:			7px;
}
#content #twocol #twocolleft
{
	width:			193px;
	float:			left;
	padding:		8px 15px;
}
#content #twocol #twocolleft h4
{
	padding:		10px 6px;
}
#content #twocol #twocolright
{
	width:			390px;
	margin-left:	235px;
	padding:		8px 0 8px 15px;
	position:		relative;
}

#content #twocol #twocolleft_inverted
{
	width:			390px;
	float:			left;
	padding:		8px 15px;
}
#content #twocol #twocolright_inverted
{
	width:			190px;
	margin:			0 0 0 439px;
	padding:		8px 15px;
	position:      	relative;
}
* html #content #twocol #twocolleft_inverted
{
	width:			425px;
}
* html #content #twocol #twocolright_inverted
{
	width:			215px;
}


/******************************
content 2 spalten rechts
******************************/
#content #twocol #twocolright #col1
{
	float:			left;
	width:			200px;
	text-align:		center;
}
#content #twocol #twocolright #col2
{
	margin-left:	210px;
	padding:		0;
}
#content #twocol #twocolright #col1 img
{
	margin:			6px 0;
}
#content #twocol #twocolright #col2 h4
{
	margin:				5px 0;
}
#content #twocol #twocolright #col2 p
{
	font-weight:		bold;
	margin:				0 0 5px 0;
}
#content #twocol #twocolright #col2 div.basket
{
	position:			absolute;
	left:				230px;
	bottom:				5px;
	width:				200px;
}
#content #twocol #twocolright #col2 div.basket a
{
	background:			url(../img/basket_button.gif) no-repeat;
	display:			block;
	float:				left;
	height:				21px;
	line-height:		21px;
	width:				81px;
	text-align:			center;
	margin:				0 5px 0 0;
}
#content #twocol #twocolright #col2 div.basket a.white
{
	background:			url(../img/basket_button_white.gif) no-repeat;
}

/******************************
content nav
******************************/
#contentnav
{
	width:			668px;
	padding:		0;
	margin:			0;
}

/******************************
content nav1, 2, 3
******************************/
#contentnav1,
#contentnav2,
#contentnav3,
#contentnav1start,
#contentnav2start,
#contentnav3start
{
	width:			228px;
	height:			84px;
	padding:		0;
	margin:			0;
}
/******************************
content nav1
******************************/
#contentnav1,
#contentnav1start
{
	float:			left;
	margin:			0 0 0 -6px;
}
/******************************
content nav2
******************************/
#contentnav2,
#contentnav2start
{
	margin:		0 0 0 -5px;
	float:			left;
}
/******************************
content nav3
******************************/
#contentnav3,
#contentnav3start
{
	margin:		0 0 0 -5px;
	float:			left;
}
/******************************
mouseover chapter images catalog
******************************/
#contentnav a
{
	height:				84px;
	display:			block;
	text-decoration:	none;
}
#contentnav a div.name
{
	color:				#77808f;
	font-weight:		bold;
	padding:			8px 12px 2px 12px;
	font-size:			11px;
}
#contentnav a div.txt
{
	visibility:			hidden;
	color:				#333;
	padding:			3px 2px 4px 12px;
	font-size:			11px;
	line-height:		16px;
}


#contentnav a:hover div.txt
{
	visibility:			visible;
}
#contentnav a:hover div.name
{
	color:				#666;
}

/******************************
mouseover chapter images start
******************************/
div.navblock img
{
	visibility:			hidden;
}
div.navblock div.name
{
	color:				#77808f;
	font-weight:		bold;
	padding:			8px 12px 2px 12px;
	font-size:			11px;
	margin:				-84px 0 0 0;
}
div.navblock div.txt
{
	visibility:			hidden;
	color:				#333;
	padding:			3px 2px 4px 12px;
	font-size:			11px;
	line-height:		16px;
}
div.navblock.on div.txt
{
	visibility:			visible;
}


/******************************
footer
******************************/
#footer
{
	text-align:			right;
	color:				#70828f;
	font-size:			12px;
}
#footer a
{
	color:				#70828f;
	font-weight:		normal;
	font-size:			12px;
	text-decoration:	none;
}
#footer a.active,
#footer a:hover
{
	color:				#00388f;
}
/******************************
rightcol
******************************/
div.infobox
{
	background:			url(../img/backnav_full.gif) no-repeat top left;
	width:				141px;
	padding:			5px 0 0 0;
}
div.infobox p,
div.infobox a
{
	padding:			0 12px;
	line-height:		25px;
	font-size:			11px;
	color:				#70828f;
	text-decoration:	none;
	font-weight:		normal;
}
div.infobox a.active,
div.infobox a:hover
{
	color:				#00388f;
}
div.infobox img
{
	padding:			5px 0 5px 1px;
}
div.infobox ul li
{
	padding:			4px 12px;
}
div.infobox ul li a
{
	line-height:		12px;
	padding:			0;
}
/******************************
links
******************************/
#links ul li ul li a
{
	background:			url(../img/bullet.gif) no-repeat;
	background-position: 5px 10px;
	padding:			0 0 0 12px;
}
/******************************
links
******************************/
div.swfspacer
{
	width:				662px;
	height:				351px;
}
/******************************
Liste Serien
******************************/
#content table.serien_list
{
	width:				600px;
}
#content table.serien_list tr td
{
	padding:			4px;
	vertical-align:		top;
}
#content table.serien_list a
{
	padding: 			0;
	margin:				0;
	line-height:		14px;
}
#content table.serien_list span
{
	font-size:			12px;
	line-height:		16px;
	color:				#77808f;
}
#content table.serien_list a.active
{
	background:			url(../img/backnav_pfeil.gif) no-repeat;
	background-position:	0 3px;
	color:				#00388f;
}
#content table.serien_list a.active_light
{
	color:				#00388f;
	background:			none;
}
/******************************
Tabelle
******************************/
#content table.tabelle
{
	width:				600px;
	font-size:			12px;
}
#content table.tabelle tr th
{
	padding:			5px;
	font-weight:		bold;
	color:				#00388f;
}
#content table.tabelle tr td
{
	padding:			5px;
	vertical-align:		top;
	color:				#77808f;
}
#content table.tabelle p
{
	margin:				0;
	padding:			0;
}

/******************************
Kontakt
******************************/
#content table.kontakt
{
	width:				500px;
	margin:				6px;
	font-size:			12px;
	color:				#77808f;
}
#content table.kontakt tr td
{
	padding:			5px 5px;
	vertical-align:		top;
}
#content table.kontakt tr td.first
{
	text-align:			right;
	width:				120px;
}
#content table.kontakt tr td input,
#content table.kontakt tr td textarea
{
	border:				1px solid #77808f;
	width:				300px;
	font-family:    	Arial;
	font-size:			12px;
}
#content table.kontakt tr td input.wgr
{
	width:				225px;
}
#content table.kontakt tr td input.wkl
{
	width:				70px;
}
#content table.kontakt tr td p.pflicht
{
	font-weight:		bold;
	color:				#666;
}
#content table.kontakt tr td select
{
	border:				1px solid #77808f;
	width:				80px;
	background:			#fafafa;
}
#content table.kontakt a
{
	margin:				0;
	border:				1px solid #77808f;
	padding:			0 5px;
}

#content table.kontakt tr td input.checkbox
{
	width:				20px;
	border:				none;
}
/******************************
Download
******************************/

#content table.downloadHead
{
	width:				600px;
	margin:				6px;
	font-size:			12px;
	line-height:		14px;
	color:				#77808f;
}
#content table.downloadHead tr td
{
	padding:			5px 0;
}
#content table.downloadHead tr td a
{
	font-weight:	    bold;
	padding:			0;
	margin:				0;
}
#content table.downloadHead tr td.zip
{
	text-align:			right;

}
#content table.download
{
	margin:				6px;
	font-size:			12px;
	color:				#77808f;
}
#content table.download tr td a
{
	font-weight:	    bold;
}

/******************************
Simple Search
******************************/
#content table.simplesearch
{
	width:				600px;
}
#content table.simplesearch tr td
{
	padding:			4px;
	vertical-align:		top;
}
#content table.simplesearch a,
#content table.simplesearch p
{
	padding: 			0;
	margin:				0;
	line-height:		14px;
}
#content table.simplesearch span
{
	font-size:			12px;
	line-height:		16px;
	color:				#77808f;
}
#content table.simplesearch h4
{
	padding: 			4px;
}