/*
* KH Muelheim
*
* 23.09.2009
*
*/

* {margin: 0; padding: 0;}
html, body { height: 100%; }
body
{
	font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 75%;
	background: #D4D4D4;
	text-align: center; /* ausrichten fuer iexplorer: zentrieren=center, links=left */
	color: #606060;
}

h1, h2, h3, h4, h5 { font-size: 1em; clear: both; line-height: 1em; }	
p, h3 { margin: 1em 0; padding: 0 }
address { position: relative; font-style: normal;}
hr { margin: 1em 0; }

img { border: 0; }
.imgLeft { float: left;  margin: 4px 10px 2px 0;}
.imgRight { float: right; margin: 4px 0 2px 10px; }
.imgcenter { margin: 4px; margin: 0 auto;  }

.floatLeft {
    float:left;
}

.floatRight {
    float:right;
}


/* klasse aus wysiwyg */
table.pixBorder  {
	border: 1px solid #C0C0C0;
	border-collapse:collapse;
}

table.pixBorder td {
	border: 1px solid #C0C0C0;	
	padding: 2px;
}



/* +++++ +++++ */


a {
	color: #A01D22;
	text-decoration: none;
}

a.more {
	padding-left: 8px;
	background: transparent url(/images/linkArrow.gif) no-repeat 2px 6px;
}

a:hover {
	text-decoration: underline;
}

a.download { padding: 2px 0 2px 25px ; }
a.pdf { background: transparent url(/imggen/media_pdf.gif) no-repeat; }
a.ppt { background: transparent url(/imggen/media_ppt.gif) no-repeat; }
a.txt { background: transparent url(/imggen/media_txt.gif) no-repeat; }
a.doc { background: transparent url(/imggen/media_doc.gif) no-repeat; }
a.xls { background: transparent url(/imggen/media_xls.gif) no-repeat; }
a.zip { background: transparent url(/imggen/media_zip.gif) no-repeat; }
a.exe { background: transparent url(/imggen/media_zip.gif) no-repeat; }
a.swf {	background: transparent url(/imggen/media_swf.gif) no-repeat; }
a.mov {	background: transparent url(/imggen/media_mov.gif) no-repeat; }
a.mp3 {	background: transparent url(/imggen/media_mp3.gif) no-repeat; }
a.jpg {	background: transparent url(/imggen/media_img.gif) no-repeat; }
a.gif {	background: transparent url(/imggen/media_img.gif) no-repeat; }
a.png {	background: transparent url(/imggen/media_img.gif) no-repeat; }
a.bmp {	background: transparent url(/imggen/media_img.gif) no-repeat; }
a.tif { background: transparent url(/imggen/media_img.gif) no-repeat; }
a.tiff { background: transparent url(/imggen/media_img.gif) no-repeat; }

.clear { clear: both; }
a { color: #00457E; }

.ol {
	list-style-position:inside;
	padding-left:200px;
}


.alarm {
	color:#dd0000;
	margin:0px;
	padding:0px;
	text-align;left;
}

.alarm ul {
	list-style-type:none;
	margin-left:0px!important;
	padding-left:0px!important;
}

.alarm li {
	margin-left:0px;
	padding-left:0px;
}



#pageHolder
{
	position: relative;
	width: 960px; /* 816px; */
	min-height: 100%;
	text-align: left;
	margin: 0 auto; /* ausrichten bei firefox: zentrieren=auto, links=weglassen */
	background: url(/images/hgr_pageHolder_v2.gif) repeat-y 0 233px; 
	border:0px solid black;
}

#pageContent {
	/* position:absolute; */
	border:0px solid black;
}

#pageBannerTop {
	/* position:absolute;
	top:0px;left:0px; */
	height:90px;
	width:960px;
	text-align:right;
}

#pageBannerRgt { 
	position:absolute;
	top:0px;left:960px;
	height:800px;
	width:80px;
	background: #E0E0E0;
}


#header
{
	height: 106px;
	width: 960px;
}



#subHeader
{
	height:55px;
	padding: 10px 0 0 214px;
	z-index:100;
	background: transparent url(/images/hgr_subHeader_v2.jpg) no-repeat top right;
	border: 0px solid black;
}


#subHeader h1
{
	color: #fff;
	font-size: 1.2em;
	/* border: 1px solid black; */
	float:left;
}


#contentBox
{
	float: left;
	position: relative;
}


#topBanner
{
	position: absolute;
	z-index: 9999;
	top: 158px;
	left: 177px;
}



/* ---------------------------------------
MENUE
----------------------------------------- */	

#menuBox
{
	float: left;
	overflow: hidden;
	padding: 0px 5px 10px 0;
	width:173px;
	background: #8B8B8B;
	height:auto;
	min-height: 550px;
	border:0px solid black;
}

* html #menuBox{ 
	float: left;
	overflow: hidden;
	padding: 0px 5px 10px 0;
	width:173px;
	background: #8B8B8B;
	height: 550px;
} /* IE6 */



#menuBox ul { list-style: none; }

#menu
{
	font-size: 1.2em;
	font-weight: bold;
	padding: 10px 5px 10px 20px;
	width:153px;
}
#menu li
{
	padding: 0.2em 0;
}
#menu li a
{
	color: #fff;
	text-decoration: none; 
	/* text-transform: uppercase; */
}
#menu a,  #menu li.selected ul a
{
	color: #fff;
	text-decoration: none; /* underline; */
	text-transform: uppercase;
}
#menu a:hover, #menu li.selected a
{
	color: #000;
}

#menu ul
{
	margin-left: 0.5em;
}	

#menu ul li a
{
	line-height: 1.2em;
	text-decoration: none;
	font-weight:normal;
}

#menu ul ul li
{
	line-height: 1.2em;
	text-decoration: none;
}	

	
	
#menuPremium {
	height:365px;
	padding: 0;
	width:178px;
	background: #fff;
	margin-top:10px;
	text-transform: uppercase; 
}

#menuPremium h2 {
	color: #3A6818;
	font-size: 1.2em;
	text-align:center;
	height:25px;
	border-bottom: solid 1px #a0a0a0;
	margin-bottom:20px;
	padding:10px;
}

	
#subMenu
{
	font-size: 1.2em;
	font-weight: bold;
	float:right;
	/* border:1px solid black; */
	padding:0 10px 0 0;
}

#subMenu ul
{
	margin-left: 1.5em;
	display: inline;
}

#subMenu li
{
	padding: 0 0 0 1.0em;
	display: inline;
	color: #000;
}
#subMenu a,  #subMenu li.selected ul a
{
	color:  #8B8B8B;
	text-decoration: none;
	/* text-transform: uppercase; */
}
#subMenu a:hover, #subMenu li.selected a
{
	text-decoration: none;
	color:  #8B8B8B;
}



/* ---------------------------------------
CONTENT
----------------------------------------- */


#content
{
	position: relative;
	float: left;
	padding: 0px 20px 10px 20px;
	width: 508px;
	/* min-height: 400px; */
	background: #fff;
}

#contentFrame
{
	width:480px;
	height:  auto; /* 670px; */ 
	min-height: 500px; 	/* nicht IE6 */
	padding: 0 15px 15px 15px;
	margin:0px;
	border:0px solid #ffff00;
/*
   -moz-border-radius: 10px;
   -khtml-border-radius: 10px;
*/
}

* html #contentFrame { 
	width:480px;
	height: 550px; 
	padding: 0px 10px 10px 15px;
	margin:0px;
	background: #fff;
	border:0px solid #fff;

} /* IE6 */


#contentFooter {
	clear:both;
	position: absolute; 
	bottom:5px;
	right:25px;
	width:475px;
	margin: 0px 0 0 0; 
	padding:0;
	border-top:0px solid;
	text-align:right; 
}


#content h2
{
	color: #8B8B8B;
	font-size: 1.4em;
	text-transform: uppercase;
}
#content h2.bHead
{
	color: #fff;
	padding: 28px 18px 8px 18px;
	background: #8B8B8B url(/images/hgr_bHead.gif) no-repeat top right;
}


#content h2.mainHeadline
{
	position: relative;
	top: 0;
	left: 0px;
	width: 480px;
	padding: 0.5em 0 0 0;
	margin-bottom: 0;	
	font-weight: normal;
	font-size: 1.8em;
	text-transform: none;	
}

#content h3.mainHeadline
{
	position: relative;
	top: 0;
	left: 0px;
	width: 480px;
	padding: 0;
	margin-bottom: 1em;	
	font-weight: normal;
	font-size: 1.4em;
	text-transform: none;
}

#mhTop, #mhBottom { padding:0; margin:0; display:inline; }
#mhTop { padding:0; margin:0; display:inline;}
#mhBottom { }

#content h4
{ 
	margin-top: -0.8em;
	margin-bottom: 1em;
}
#content a
{
	text-decoration: underline!important;
}
#content p
{
	line-height: 1.6em;
}
#content ul
{
	margin: 1em 2em;
}
#content ol
{
	margin: 1em 2em;
}
.contentBlock
{
	clear: both;
	padding: 1em 5px;
}
.contentBlock address { padding-right: 100px;  padding: 1em 0;}	

#mediaList
{
	list-style: none;
	width: auto;
	margin-left: 0!important;
	padding-left: 0;
}	


.contentNews {
}

.contentNewsItem {
	
	float: left;
	padding: 0px;
	margin-right: 10px ;
	margin-bottom: 10px ;
	width: 150px;
	height:221px;
	border: 0px solid black;
	/* -moz-border-radius:10px; 
	-khtml-border-radius:10px; */
	/* background: #fff url(/images/Navi_Reiter_UK.gif) no-repeat top right; */
	text-align:center;
}

.contentNewsItem h2 {
	
	text-transform: uppercase;
	font-weight:bold;
	font-size:14px;
	margin:0; 
	padding-top:15px; 
	height:30px;
	text-align:center;
	color:#fff;
}

.contentShopList {
	clear:both;
	padding: 0px;
	margin: 0px;
	width: 470px;
	height:155px;
	/* border: 1px solid #396818; */
	/* -moz-border-radius:10px; */
	/* -khtml-border-radius:10px; */
	background: #fff url(/images/Box_OnlineShop_txt.jpg) no-repeat top right;
}


/* ---------------------------------------
CONTEXT
----------------------------------------- */	
#context
{
	float: right;
	position: relative;
	/* top: -3.3em; */
	height:auto;
	min-height: 500px;
	width: 234px;
	padding: 0;
	margin: 0; 
	color: #00457E;
	background: #BACCD8;
	border:0px solid black;
	text-align:center;
}
* html #context{ 
	float: right;
	position: relative;
	height:500px;
	width: 234px;
	padding: 0;
	color: #00457E;
	background: #BACCD8;
} /* IE6 */


#context h2
{
	color: #fff;
	background: transparent;
	padding: 20px 6px 12px 10px;
	text-transform: uppercase;
}
#context h2.first
{
	position: absolute;
	top: -60px;
	left: 0;
}	
#context .spacer
{
	border: none;
	height: 5px;
	line-height: 1px;
	font-size: 0;
	background: transparent url(/images/hgr_hr.gif);
}
.contextItem	
{
	/* float: left; */
	width: 234px; /* 186px; */
	background-color: #BACCD8; /* #fff; */
	margin: 8px 0 12px 0;
	padding: 0;
	color: #8B8B8B;
	border: 0px solid black;
}
#flashcontent
{
	float: left;
	width: 156px;
	margin-bottom: 20px;
}
.contextItem h3
{
	padding: 10px 10px;
	margin: 0;
	line-height: 1.1em;
}
.contextItem .imgLeft
{
	margin: 0;
}
.contextItem div
{
	width: 180px; /*136px; */
	padding: 0 10px;
}
.contextItem p
{
	padding: 0;
	margin: 0 0 8px 0;
}
.contextItem a
{
	display: block;
}


/* ---------------------------------------
FOOTER
----------------------------------------- */		

#footer
{
	clear: both;
	margin-top: 10px;
}

#showMenuImage
{
	position: absolute; 
	width: 151px;
	height: 237px;
	background: transparent url(/images/hgr_menu.gif);
	bottom: 0;
	left: 0;
	z-index: 10;
}

/* ---------------------------------------
Formulare
----------------------------------------- */

/* ------------------ allgemeine Styles --------------------- */	

label
{
	float: left;
	clear: both;
	width: 140px;
	margin-bottom: 0.5em;
}
input, select, textarea
{
	float: left;	
	width: 200px;
	margin-bottom: 0.5em;

}

fieldset
{

	/* border: 0px; */
	border: none;
	padding: 0;
}
.button
{
	margin-left: 112px;	
}

.radio {
	width:30px;
	font-size:12px;
	border-style:none;
	background: transparent;
}

.formDiv {
	position: relative;
	z-index: 1000;
	clear: both;
	padding: 5px 0;
}
.formDiv input {
	position: relative;
	z-index: 10000;
}
.formDiv ul {
	margin: 0!important;
	padding: 0!important;
	list-style: none;
	list-style-image: none!important; 
}
.formDiv ul.radioBoxAlignHoriz li {
	position: relative;
	z-index: 10000;
	float: left;
	padding-right: 0.5em;
}


.formDiv ul.radioBoxAlignHoriz li label
{
	float: left;
	clear: none;
	width: 20px;
	margin-bottom: 0.5em;
}

.formDiv ul.radioBoxAlignHoriz li input.radio {
	position: relative;
	z-index: 10000;
	top: 2px;
}

.radioBoxAlignHoriz {
	list-style:none;
	border: 0px solid black;
}

.radioBoxAlignHoriz li {
	display: inline;
}



/* ------------------ LoginBox --------------------- */	


#loginBox {
	width:210px;
	background: #246FA4;
	padding:10px 12px 15px 12px;
	margin: 0px 0 15px 0;
}

#loginBoxContent {
	margin:0px;
	margin-right:5px;
	padding:6px;
	background: #BACCD8;
	width:193px;
	vertical-align:center;
}


/* ------------------ SuchBox --------------------- */	
.searchBox
{		
	margin: 0;
	padding: 0 20px 8px 20px;
	color: #fff;
	background: #8B8B8B;
	float: left;
	width: 370px
}
.searchBox p
{
	position: relative;
	margin-top: 0;
}
.searchBox label
{
	display: block;
	float: none;
}

#searchButton
{
	clear: both;
	float: none;
	font-size: 1em;
	width: auto;
	padding: 0 1em;
	margin-left: 10em;
}	



/* ---------------------------------------
Suchseite (Ergebnis)
----------------------------------------- */	
.tabBox { clear: both; float: left; width: 100%}
.tabBox ul
	{
		 list-style: none;
		 margin-left: 0!important;
	}

.tabBox li
	{
		float: left;
		margin-right: 1px;
		line-height: 1em;
		font-size: 1em;
		color: #fff;
		background: #7A9CB5 url(/images/hgr_tab.gif) no-repeat top right;
		padding: 12px 20px 6px 12px;
		color: #fff;
		font-weight: bold;
		text-decoration: none;	
	}
.tabBox li.selected
	{
		background-color: #00599B;
	}
.tabBox a, .tabBox li.selected
	{
		color: #fff;
	}

.tabTextBox
	{
		clear: both;
		float: left;
		width: 95%;
		border-top: solid 3px #00599B;
	}	


#searchOpt, #searchList { padding: 15px 0; }
#searchOpt { background: #00599B; }

#listNavTop, #listNavBottom
	{
		color: #00599B;
		text-align: right;
		padding: 4px 0;
		border-bottom: solid 1px #E5E2D9;
	}
#listNavBottom
	{
		border-top: solid 1px #E5E2D9;
		border-bottom: none;
	}
#listNavTop span, #listNavBottom span { font-weight: bold; }

#searchList ol
	{
		margin-left: 3em;
	}

#searchList address
	{
		position: relative;
		font-style: normal;
		margin: 1em 0;
	}
#searchList address a
	{
		font-weight: bold;
	}
#searchList address span
	{
		position: absolute;
		left: -20px;
	}

/* ---------------------------------------
Suchseite Regionen
----------------------------------------- */

.bPath
{
	margin: 1em 0;
	padding: 0.5em 0;
	border-top: solid 1px #C4BBA2;
	border-bottom: solid 1px #C4BBA2;
}

.rList
{
	margin: 0!important;
	width: 49%;
	list-style: none;
}
.rList.left { float: left; }
.rList.right { float: right; }

.rList li { padding: 0.2em 0; }

/* ---------------------------------------
Listenansicht
----------------------------------------- */
#listSubcat ul
{
	margin: 0 0 10px 0!important;
	list-style: none;
	background: transparent url(/images/linkArrow.gif) no-repeat 2px 6px;
}
#listSubcat li
{
	padding: 0.2em 0;
}

/* ---------------------------------------
Detailansicht
----------------------------------------- */

.companyDetail h2  { float: left; width: 270px;}
.logoCompanyDetail { float: right; }

address img.logo
{
	position: absolute;
	top: 1em;
	right: 0;
}

/* ---------------------------------------
Bearbeiten
----------------------------------------- */
#editDoc
{
	width: 100%;
	text-align: right;
}

#editDoc a
{
	padding: 2px 22px 2px 0px;
	background: transparent url(/images/edit.gif) no-repeat right;
}

/* ---------------------------------------
Drucken
----------------------------------------- */

div.print
{
	clear: both;
	width: 100%;
	text-align: right;
	vertical-align: middle;

}
div.print a
{
	padding: 2px 22px 2px 0px;
	background: transparent url(/images/print.gif) no-repeat right;
}