/**
 * all general styles
 */
*
{
	margin: 0;
}
 
html
{
	height: 100%;
	padding: 0 0 1px 0;
}
 
body
{
	padding: 0;
	font-family: Tahoma, sans-serif;
	font-size: 13px;
	color: #323232;
	background: #ffffff url( ../img/bg_consoleo_page.png ) repeat-x 0 0;
}

h1,
	h2,
	h3
{
	color: #141414;
	font-weight: normal;
}

h1
{
	margin: 0 0 8px 0;
	font-size: 24px;
}

h2
{
	margin: 0 0 6px 0;
	font-size: 20px;
}

h3
{
	margin: 0 0 4px 0;
	font-size: 16px;
	font-weight: bold;
}

p
{
	margin: 0 0 14px 0;
	line-height: 18px;
}

a
{
	color: #333333;
	text-decoration: none;
}

div.content a
{
	color: #F68A20;
}

a:hover
{
	text-decoration: underline;
}

a:active,
	a:link,
	a:visited
{
	border: 0 none;
}

a img
{
	border: 0 none;
}

ul
{
	margin: 0 0 14px 0;
	padding: 0;
	list-style: none;
}

ul li
{
	padding: 2px 0 2px 16px;
	background: transparent url( ../img/bg_navigation_first.png ) no-repeat 0 5px;
}

ul ul li
{
	background: transparent url( ../img/bg_navigation_second.png ) no-repeat 0 5px;
}

hr
{
	margin: 0 0 0.5em 0;
	padding: 0 0 0.5em 0;
	color: #fff;
	background:transparent;
	border:0;
	border-bottom: 1px #F68A20 solid;	
}

table
{
	margin: 0 0 14px 0;
}

label
{
	margin: 0 0 4px 8px;
	float: left;
	clear: left;	
}

input,
	select,
	textarea
{
	margin: 0 0 4px 0;
	padding: 1px 2px;
	float: left;
	border: 1px #F68A20 solid;	
}

/* important for right IE styles */
input.noBorder,
	input.radio,
	input.checkbox { 
		border: none; 
}

input.button
{
	float: none;
	color: #ffffff;
	background: #F68A20;
	cursor: pointer;
}

fieldset
{
	margin: 0 0 12px 0;
	padding: 6px 8px;
	border: 1px #F68A20 solid;
}

fieldset legend
{
	padding: 0 8px;
	font-size: 13px;
	font-weight: bold;
}

fieldset label
{
	width: 142px;
}

fieldset input
{
	width: 250px;
}

div.button_bar
{
	text-align: right;
}

div.button_bar p
{
	font-size: 11px;
}

/**
 * ConsoleoPage container
 */
#consoleo_page
{
	position: relative;
	margin: 0 auto;
	width: 1000px;
}

#consoleo_page h2.no_display
{
	display: none;
}

#consoleo_header a.home_link
{
	margin: 15px 0 0 0;
	display: block;
	width: 290px;
	height: 80px;
	text-indent: -290px;
	background: transparent url( ../img/logo_auto_u_freizeit.png ) no-repeat 0 0;
	overflow: hidden;
}

#main
{
	position: relative;
}

#main div.details
{
	float: left;
	width: 660px;
	overflow: hidden;
}

div.verbose div.details
{
	width: 815px !important;
}

#main div.content
{
	float: right;
	margin: 0;
	padding: 24px 30px 12px 30px;
	width: 415px;
	min-height: 350px;
}

div.verbose div.content
{
	width: 570px !important;
}

#main div.labels
{
	clear: both;
	border-top: 2px #ebebeb solid;
}

#main div.labels ul
{
	margin: 4px 0;
	display: block;
	height: 46px;
	padding: 0;
	list-style: none;
}

#main div.labels ul li
{
	margin: 0 14px 0 0;
	float: left;
	height: 46px;
	text-indent: -200px;
	overflow: hidden;
}

#main div.labels ul li.buerstner
{
	width: 68px;
	background: transparent url( ../img/logo_buerstner.png ) no-repeat 0 center;
}

#main div.labels ul li.tab
{
	width: 51px;
	background: transparent url( ../img/logo_tab.png ) no-repeat 0 center;
}

#main div.labels ul li.wilk
{
	width: 61px;
	background: transparent url( ../img/logo_wilk.png ) no-repeat 0 center;
}

#main div.labels ul li.weinsberg
{
	width: 114px;
	background: transparent url( ../img/logo_weinsberg.png ) no-repeat 0 center;
}

#main div.labels ul li.knaus
{
	width: 78px;
	background: transparent url( ../img/logo_knaus.png ) no-repeat 0 center;
}

#main div.labels ul li.tabbert
{
	width: 87px;
	background: transparent url( ../img/logo_tabbert.png ) no-repeat 0 center;
}

#main div.labels ul li.adria
{
	width: 68px;
	background: transparent url( ../img/logo_adria.png ) no-repeat 0 center;
}

#consoleo_footer
{
	background: #b4b4b4 url( ../img/bg_consoleo_footer.png ) repeat-x 0 0;
}

#consoleo_footer div.footer
{
	margin: 0 auto;
	padding: 12px 0 0 0;
	width: 1000px;
	height: 110px;
	overflow: hidden;
}

#consoleo_footer div.footer h2
{
	margin: 0 0 4px 0;
	font-size: 13px;
	font-weight: bold;
}

#consoleo_footer div.footer p
{
	margin: 0 0 4px 0;
	font-size: 11px;
}

#consoleo_footer div.footer div.company,
	#consoleo_footer div.footer div.opening
{
	margin: 0 5px 0 0;
	float: left;
	width: 300px;
}

#consoleo_footer div.footer p.copyright
{
	position: relative;
	top: -22px;
	clear: left;
	text-align: right;
}

/**
 * forms
 */

fieldset div.anrede input
{
	position: relative;
	top: 2px;
	float: none;
	width: auto;
}

fieldset.message_information
{
	padding: 0;
	border: 0 none;
}

fieldset.message_information legend
{
	padding: 0 0 8px 0;
}

/**
 * lightbox styles
 */
#lightbox
{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#lightbox img
{
	width: auto;
	height: auto;
}

#lightbox a img
{
	border: none; 
}

#outerImageContainer
{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#imageContainer
{
	padding: 10px; 
}

#loading
{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#hoverNav
{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	height: 100%; 
	width: 100%; 
	z-index: 10; 
}

#imageContainer>#hoverNav
{ 
	left: 0;
}

#hoverNav a
{
	outline: none;
}

#prevLink, 
	#nextLink
{
	width: 49%;
	height: 100%;
	background-image: url( ../img/lightbox/blank.gif ); 
	/* Trick IE into showing hover */ 
	display: block; 
}

#prevLink
{
	left: 0; 
	float: left;
}

#nextLink 
{
	right: 0; 
	float: right;
}

#prevLink:hover, 
	#prevLink:visited:hover 
{ 
	background: url( ../img/lightbox/prevlabel.gif ) left 15% no-repeat; 
}

#nextLink:hover, 
	#nextLink:visited:hover 
{
	background: url( ../img/lightbox/nextlabel.gif ) right 15% no-repeat; 
}

#imageDataContainer
{ 
	font: 10px Verdana, Helvetica, sans-serif; 
	background-color: #fff; 
	margin: 0 auto; 
	line-height: 1.4em; 
	overflow: auto; 
	width: 100%;
}

#imageData
{
	padding: 0 10px; 
	color: #666; 
}

#imageData #imageDetails
{
	width: 70%; 
	float: left; 
	text-align: left; 
}

#imageData #caption
{
	font-weight: bold;
}

#imageData #numberDisplay
{
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;
}

#imageData #bottomNavClose
{
	width: 66px; 
	float: right; 
	margin-right: 50px; 
	padding-bottom: 0.7em; 
	outline: none;
}       

#overlay
{
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 90; 
	width: 100%; 
	height: 500px; 
	background-color: #000; 
}

.lightboximagejumpers 
{
	clear: left;
	display:block; 
}

