/*
* Marketing Handwerk / Die Kreishandwerkerschaften
*
* 25.04.2007
*
* Farben
*
* Braun Body		#C4BBA2
* Braun Context		#5E5D5B
* Braun Menue		#E5E2D9
* Braun Conten		#F0EFEA
* Blau				#00457E
*
*/

* {margin: 0; padding: 0;}
html, body { height: 100%; }
body
{
	font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 75%;
	background: #c2c2c2;
	text-align: center;
	color: #8B8B8B;
}

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; }
.imgDoc { float: left;  margin: 4px 10px 2px 0; }

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


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.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; }
a:hover { text-decoration: none; }

#pageHolder
{
	position: relative;
	width: 816px;
	min-height: 100%;
	text-align: left;
	margin: 0 auto;
	background: #F0EFEA url(/images/hgr_pageHolder.gif) repeat-y 0 233px;
}
#header
{
	height: 125px;
}
#headerBAG
{
	height: 125px;
	background: transparent url(/images/header_BAG.jpg) no-repeat;
}
#subHeader
{
	height: 82px;
	padding: 10px 0 0 218px;
	background: transparent url(/images/hgr_subHeader.gif) no-repeat top right;
}
#subHeader h1
{
	color: #fff;
	font-size: 1.2em;
}
#contentBox
{
	float: left;
	position: relative;
	z-index: 50;
}

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

#menuBox
	{
		float: left;
		overflow: hidden;
		padding: 10px 5px 10px 0;
		width:172px;
	}
#menuBox ul { list-style: none; }

#menu,
#subMenu
	{
		font-size: 1.2em;
		font-weight: bold;
	}
#menu li,
#subMenu li
	{
		padding-top: 8px;
		background: transparent url(/images/hgr_menu_top.jpg) no-repeat top right;
		margin: 14px 0;
	}

#menu a,
#subMenu a
	{
		display: block;
		width: 147px;
		padding-left: 25px;
		padding-bottom: 5px;
		color: #fff;
		background: transparent url(/images/hgr_menu_bottom.jpg) no-repeat bottom right;
		text-decoration: none;
		text-transform: uppercase;
	}
#menu li.selected, #menu li:hover,
#subMenu li.selected, #subMenu li:hover
	{
		background: transparent url(/images/hgr_menu_top_h.jpg) no-repeat top right;
	}	
#menu li.selected a, #menu li:hover a,
#subMenu li.selected a, #subMenu li:hover a
	{
		background: transparent url(/images/hgr_menu_bottom_h.jpg) no-repeat bottom right;
	}

#menu ul li,
#subMenu ul li
	{
		padding: 0;
		margin:0;
	}	
#menu ul a,
#subMenu ul a
	{
		padding: 0;
		width: 122px;
		padding-left: 40px;
	}
#menu ul a:hover, #menu ul li.selected a,
#subMenu ul a:hover, #subMenu ul li.selected a
	{
		color: #000;
		background-image: none;
	}	
#menu ul a, #menu ul li, #menu ul li.selected, #menu ul li:hover,
#subMenu ul a, #subMenu ul li, #subMenu ul li.selected, #subMenu ul li:hover
	{
		background-image: none;
	}	
#menu li.selected  ul a, #menu li:hover ul a,
#subMenu li.selected  ul a, #subMenu li:hover ul a
	{
		background-image:  none!important;
	}



/* ---------------------------------------
CONTENT
----------------------------------------- */		
#content
{
	position: relative;
	float: left;
	padding: 10px 20px 10px 50px;
	width: 410px;
}
#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 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;
}
.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;
}	

/* ---------------------------------------
CONTEXT
----------------------------------------- */	
#context
{
	float: right;
	position: relative;
	padding: 0;
	width: 156px;
	color: #00457E;
}
#context h2
{
	color: #fff;
	background: transparent;
	padding: 0px 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: 156px;
	background-color: #fff;
	margin-bottom: 20px;
	color: #8B8B8B;
}	
.contextItem h3
{
	padding: 10px 10px;
	margin: 0;
	line-height: 1.1em;
}
.contextItem .imgLeft
{
	margin: 0;
}
.contextItem div
{
	width: 136px;
	padding: 0 10px;
}
.contextItem p
{
	padding: 0;
	margin: 0 0 8px 0;
}
.contextItem a
{
	display: block;
}


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

#footer
{
	clear: both;
}
#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: 110px;
	margin-bottom: 0.5em;
}
input, select, textarea
{
	float: left;	
	width: 200px;
	margin-bottom: 0.5em;

}
fieldset
{
	border: none;
}
.button
{
	margin-left: 112px;	
}


/* ------------------ 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!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
{
	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;
}