@charset "utf-8";
/***************************************************************
# Author:	internetkonzeptander Geilhaupt <internetkonzept@geilhaupt.de>
# File:		styles.default.css
# Content:	Cascading Style Sheets for main Appearance
# Domain:	http://b2b.twoonix.com
#
# This File belongs to the Getahost Content Manager ghcms
# Copyright (c) 2001 - 2010 by Alexander Geilhaupt
#
# THIS IS NO OPEN SOURCE!
#
****************************************************************/
/*
================================================
Standardwerte setzen
*/

html, body{
    padding: 0;
    margin: 0;
    width: 100%;	
}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color: #515151;
	line-height: 1.166;	
	background:#FFFFFF url("/GHCMS/templates/twoocarb2b/images/bgrnd/bg-body-full.png") repeat-x;
}

*html body{
	font-size:10px;
}

*{
	margin: 0;
	padding:0;
}

p{
	line-height: 1.7;	
}

h1,h2,h3,h4,h5,h6{
	font-family:Arial, Helvetica, sans-serif;
	color:#39523f;
}

.gfxHeader{
	text-indent:-100000px;	
}

img{
	border:none;
}

acronym{
    cursor: help;
    border-bottom: 1px dotted #515151;
}

abbr{
    cursor: help;
}

blockquote{
	font-style:italic;
}

cite{
	font-style:italic;
}

ul{
	margin:7px 0 7px 21px;
}

li{
	font-size:1.2em;
	margin-bottom:7px;
}

a:link,
a:active,
a:visited{
	text-decoration:none;
	color:#39523f;
	font-weight:bold;
}

a:hover{
	text-decoration:underline;
}

.clear{
	clear:both;
	height:0;
	width:0;
	line-height:0;
}

a.more{
	padding:7px 14px 7px 20px;
	background: transparent url("/GHCMS/templates/twoocarb2b/images/bgrnd/arrow-content.png") no-repeat left center;
}

hr{
	clear:both;
	margin-top:14px;
	height:1px;
	border:none;
	border-color:transparent;
	background:#FFFFFF url("/GHCMS/templates/twoocarb2b/images/bgrnd/horizontal.png");
}

/*
================================================
Header
*/

#header{
	width:996px;
	height:91px;
	margin:0 auto 0 auto;
	
}

#header div.userData{
	clear:none !important;
	float:right;
	margin:38px 0 0 0;
	text-align:right;
}

#header div.userData a{
	font-weight:bold;
}

#header div.loginForm{
	margin:25px 0 0 0;
	width:415px;
	text-align:left !important;
}

#header fieldset{
	border:none;
}

#header p{
	font-size:1.1em;	
}

#header p input{
	font-size:1em;
	width:150px;
	padding:3px;
}

#header p.userName{
	float:left;	
	margin-right:14px;
}

#header p.password{
	float:left;	
	margin-right:14px;
}

#header p.button{
	float:right;
	margin-top:18px;
	font-size:1em;
	padding:0 0 0 7px;	
	background:transparent url("/GHCMS/templates/twoocarb2b/images/bgrnd/buttonLeft.png") no-repeat left center;
}

#header button{
	cursor:pointer;
	border:none;
	background:none;
	padding:0 7px 0 0;
	margin:0;
	font-size:1.1em;
	height:21px;
	color:#FFFFFF;
	background:transparent url("/GHCMS/templates/twoocarb2b/images/bgrnd/buttonRight.png") no-repeat right center;
}

#iconWrapper{
	width:996px;
	margin:0 auto 0 auto;
}

div.rss a{
	float:right;
	margin-top:-6px;
	padding:0;
	text-decoration:none;
	width:36px;
	height:31px;
	display:block;
	text-indent:-10000px;
	overflow:hidden;
	background:transparent url("/GHCMS/templates/twoocarb2b/images/icons/rss.png") no-repeat center center;
}

img#logo{
	width:419px;
	height:88px;
	margin:0 0 0 0;
	float:left;
}

#naviWrapper{
	width:996px;
	height:53px;
	margin:40px auto 0 auto;
	display:block;
	background:#EBEBEB url("/GHCMS/templates/twoocarb2b/images/bgrnd/main-navi-bgrnd.png") no-repeat bottom center;
}

#navigation{
	width:994px;
	margin:0 auto 0 auto;
	padding:7px 0 0 2px;
}

#navigation ul{
	list-style:none;
	margin:0 !important
}

#navigation ul li{
	float:left;
	font-size:1.4em;
	margin:0;
}

#navigation ul li a{
	padding:7px;
	text-transform:uppercase;
	display:block;
	padding:12px 11px 19px 9px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

* html #navigation ul li a{
	padding:14px 11px 14px 9px;
	background-position:-7px right;
}

*+html #navigation ul li a{
	padding:14px 11px 14px 9px;
	background-position:-7px right;
}


#navigation ul li a.active,
#navigation ul li a:hover{
	color:#a8c7af;
}

#navigation ul li a.active{
	background-image:url("/GHCMS/templates/twoocarb2b/images/bgrnd/navigation-active.png");
	background-repeat:no-repeat;
	background-position:center bottom;
}

#navigation ul li.registerLink{
	float:right;	
}


/*
================================================
Content
*/

#toggleholder{
	position:absolute;
	text-align:center;
	top:400px;
	width:980px;
	z-index:1000;
}

#toggleholder a{
	width:10px;
	height:10px;
	border:1px solid #515151;
	background-color:#FFFFFF;
	display:block;
	text-decoration:none;
	float:left;
	margin-left:14px;
}

#toggleholder a.active{
	background-color:#515151;
}

#content{
	width:996px;
	margin:9px auto 0 auto;
}

#content img.photo{
	float:left;
	margin:19px 14px 7px 0;
	background-color:#EFEFEF;
	border:1px solid #D6D6D6;
	padding:4px;
}

#content div.infoBoxTop{
	width:980px;
	height:14px;
	margin-top:14px;
	background:#EBEBEB url("/GHCMS/templates/twoocarb2b/images/bgrnd/content-with-stripes-top.png") no-repeat;
} 

#content div.infoBox{
	width:980px;
	background:#EBEBEB url("/GHCMS/templates/twoocarb2b/images/bgrnd/content-with-stripes-middle.png") repeat-y;
}

div.infoContent{
	width:320px;
	float:left;
	background-color:#FFFFFF;
	border:1px solid #f0f0f0;
	margin-top:42px;
	margin-right:14px;
}

div.last{
	margin-right:0px;
	float:right;
}

div.infoContent p{
	font-size:1.2em;
	margin:0 14px 7px 14px !important;
}

div.infoContent a.goTo{
	border-top:1px solid #39523f;
	display:block;
	padding:12px 0 12px 0;
	margin-top:12px;
	font-weight:bold;
}

div.infoContent h2{
	height:35px;
	background:url("/GHCMS/templates/twoocarb2b/images/bgrnd/headerSubBox.png") no-repeat center center;
	color:#FFFFFF;
	font-weight:bold !important;
	text-transform:uppercase;
	font-size:1.4em !important;
	text-indent:18px;
	padding-top:18px;
	margin-top:-21px !important;
}

div.infoContent img.thumbNail{
	margin:0 14px 0 14px;
	padding:4px;
	background-color:#EFEFEF;
	border:1px solid #D6D6D6;
	float:left;
}

div.infoContent img.icon{
	margin:0 14px 0 14px;
	padding:5px;
	float:left;
}

#content div.infoBox div.infoContent a{
	font-weight:bold;
}

#content div.infoBoxBottom{
	width:980px;
	height:19px;
	background:#EBEBEB url("/GHCMS/templates/twoocarb2b/images/bgrnd/content-with-stripes-bottom.png") no-repeat;
}

#contentTop{
	width:980px;
	height:14px;
	margin-top:14px;
	background:#EBEBEB url("/GHCMS/templates/twoocarb2b/images/bgrnd/content-corner-top.png") no-repeat;
}

#content{
	width:996px;
	padding:0;
}

#content div.mainContent{
	float:left;
	width:671px;
	margin-right:20px;
}

div.mainContent h1.headerFill{
	font-size:1.6em;
	width:671px;
	height:44px;
	margin-top:0px;
	color:#FFFFFF;
	background:transparent url("/GHCMS/templates/twoocarb2b/images/bgrnd/headerFill.png") no-repeat center center;
	padding:24px 0 0 0;
	text-indent:14px;
}

#content h1.append{
	margin:14px 0 0 0;
}

#content h2{
	font-size:1.4em;
	font-weight:normal;
	margin:14px 0 0 0;
}

#content .mistake{
	color:#990000;
}

#content h2.mistake{
	font-weight:bold;
}

#content .good{
	color:#060;
}

#content h2.append{
	margin:28px 0 0 0;
}

#content div.person{
	clear:both;
	margin:14px 0 0 0 !important;
	padding:0 !important;
}

#content img.person{
	float:left;
	margin:0 14px 7px 0;
	background-color:#EBEBEB;
	border:1px solid #CCCCCC;
	padding:4px;
}



#content p{
	font-size:1.2em;
	margin:14px 0 0 0;
}

#content p.poster{
	font-style:italic;
}

#content div.features{
	float:right;
	width:304px;
	margin-top:12px;
}

#content div.features div.featureContent{
	padding:0;
	margin:0 0 14px 0;
}

#content div.features div.featureContent p{
	margin:7px 0 0 0;
}

#content div.features div.featureContent div.person{
	clear:both;
	margin:0 !important;
	padding:0 !important;
}

#content div.features div.featureContent ul.subNavi{
	margin:0 !important;
	padding:0 !important;
	list-style:none;
}

div.features ul.subNavi li{
	font-size:1.2em;
	margin:0 !important;
	padding:7px 0 7px 0 !important;
	border-bottom:1px solid #c1c1c1;
}

div.features ul.subNavi a:link,
div.features ul.subNavi a:active,
div.features ul.subNavi a:visited{
	display:block;
	text-decoration:none;
	padding:7px 14px 7px 20px;
	background: transparent url("/GHCMS/templates/twoocarb2b/images/bgrnd/arrow-subnav.png") no-repeat left center;
	margin:0;
}

div.features ul.subNavi a.newsearch{
	background: transparent url("/GHCMS/templates/twoocarb2b/images/misc/newsearch.png") no-repeat left center;
}

div.features ul.subNavi a.search{
	background: transparent url("/GHCMS/templates/twoocarb2b/images/misc/search.png") no-repeat left center;
}

div.features ul.subNavi a.back{
	background: transparent url("/GHCMS/templates/twoocarb2b/images/misc/back.png") no-repeat left center;
}

div.features ul.subNavi a.pdf{
	background: transparent url("/GHCMS/templates/twoocarb2b/images/misc/pdf.png") no-repeat left 7px;
}

div.features ul.subNavi a.parking{
	background: transparent url("/GHCMS/templates/twoocarb2b/images/misc/parking.png") no-repeat left center;
}

div.features ul.subNavi a.reparking{
	background: transparent url("/GHCMS/templates/twoocarb2b/images/misc/reparking.png") no-repeat left center;
}

div.features ul.subNavi span.sortorder{
	display:block;
	text-decoration:none;
	padding:7px 3px 7px 20px;
	background: transparent url("/GHCMS/templates/twoocarb2b/images/misc/sortorder.png") no-repeat left center;
}

div.features ul.subNavi span.sortorder select{
	font-size:0.9em;
	width:200px;
	padding:2px;
}

div.features ul.subNavi a.active{
	text-decoration:underline;
}

#content div.features h1.featureHeading{
	width:305px;
	height:44px;
	margin:0 0 0 0;
	color:#FFFFFF;
	text-indent:-100000px;
}

.featureHeader-01{
	background: transparent url("/GHCMS/templates/twoocarb2b/images/bgrnd/header-feature-01.png") no-repeat left center;
}

.featureHeader-02{
	background: transparent url("/GHCMS/templates/twoocarb2b/images/bgrnd/header-feature-02.png") no-repeat left center;
}

.featureHeader-03{
	background: transparent url("/GHCMS/templates/twoocarb2b/images/bgrnd/header-feature-03.png") no-repeat left center;
}

.featureHeader-04{
	background: transparent url("/GHCMS/templates/twoocarb2b/images/bgrnd/header-feature-04.png") no-repeat left center;
}

.featureHeader-05{
	background: transparent url("/GHCMS/templates/twoocarb2b/images/bgrnd/header-feature-05.png") no-repeat left center;
}

.featureHeader-06{
	background: transparent url("/GHCMS/templates/twoocarb2b/images/bgrnd/header-feature-06.png") no-repeat left center;
}

.featureHeader-07{
	background: transparent url("/GHCMS/templates/twoocarb2b/images/bgrnd/header-feature-07.png") no-repeat left center;
}

.featureHeader-08{
	background: transparent url("/GHCMS/templates/twoocarb2b/images/bgrnd/header-feature-08.png") no-repeat left center;
}

#content div.features ul.news{
	list-style:none;
	margin:0;
}

#content div.features ul.news li{
	line-height: 1.7;	
	font-size:1.2em;
	margin:14px 0 0 0;
}

#content div.features a.more{
	background: transparent url("/GHCMS/templates/twoocarb2b/images/bgrnd/arrow-subnav.png") no-repeat left center;
}

#contentBottom{
	width:980px;
	height:19px;
	background:#EBEBEB url("/GHCMS/templates/twoocarb2b/images/bgrnd/content-corner-bottom.png") no-repeat;
}

/*
================================================
Footer
*/

#footer{
	width:996px;
	margin:9px auto 0 auto;
	padding:0 14px 0 14px;
}

#footer a{
	color:#999999;
	text-decoration:underline;
}

#footer p{
	font-size:1.1em;
	color:#909090;
}

#footer p.copy{
	text-align:center;
	margin-top:21px;
	margin-bottom:0;
	height:87px;
	padding-top:52px;
	font-weight:bold;
	color:#262626;
	background:transparent url("/GHCMS/templates/twoocarb2b/images/bgrnd/footer.png") no-repeat;
}

#footer p.copy a{
	text-decoration:none;
	color:#39523f;
}

#footer p.infoText{
	text-align:justify;
	margin-bottom:14px;
}

/*
================================================
Lists
*/
ul.screenShot{
	list-style:none;	
	margin:0;
	padding:0;
}

ul.screenShot li{
	float:left;	
	margin:0 0 0 0 !important;
	padding:0 !important;
}

ul.screenShot img{
	border:none;	
	padding:14px 7px 14px 0 !important;	
	margin:0 !important;
}

ul.screenShot a{
	cursor: url("/GHCMS/templates/twoonix/images/cur/lupe.cur"), pointer;
}

/*
================================================
Tables
*/
table.productTable{
	margin:14px 0 0 0;
	width:100%;
	border:1px solid #CCCCCC;
	border-collapse:collapse;
}

table.productTable p{
	margin:0 !important;
	padding:0 !important;
}

table.productTable th,
table.productTable td{
	border:1px solid #EEEDE0;
	border-collapse:collapse;
	margin:0 !important;
	padding:3px 3px 3px 7px !important;
}

table.productTable th{
	padding:3px 0 3px 0 !important;
}

table.productTable .product{
	width:135px;
	vertical-align:middle;
}

table.productTable td.product p{
	margin:0 !important;
	padding:0 !important;
	text-align:center !important;
}

table.productTable img{
	border:none !important;
	margin:0 !important;
	padding:3px 0 0 0 !important;
}

table.productTable thead,
table.productTable td.chapter{
	background-color:#EEEDE0;
	color:#39523f;
}

table.productTable td.chapter a{
	background:transparent url("/GHCMS/templates/twoonix/images/features/produktinformation.png") no-repeat center left;
	padding:0 0 0 20px;
	display:block;
}

/*
================================================
Kontaktformular
*/
#content div.contactForm{
	background-color:#EFEFEF;
	width:586px;
	margin-top:14px;
	padding:7px;
	border:1px solid #D6D6D6;
}

#content div.contactForm fieldset{
	border:none;
}

#content div.contactForm p.floatLeft{
	clear:both;
	float:left;
	width:274px;
	margin-right:14px;
}

#content div.contactForm input.textBox,
#content div.contactForm textarea.textBox{
	padding:4px;
	font-size:1em;
	width:270px;
}

#content div.contactForm input.longBox{
	width:569px;
}

* html #content div.contactForm input.longBox{
	width:580px;
}

#content div.contactForm textarea.messageBox{
	width:559px;
}

* html #content div.contactForm textarea.messageBox{
	width:570px;
}

#content div.contactForm p.button{
	clear:both;
	margin-top:14px !important;
	font-size:1em;
	height:21px;
	padding:0 0 0 7px;	
	background:transparent url("/GHCMS/templates/twoocarb2b/images/bgrnd/buttonLeft.png") no-repeat left center;
}

#content div.contactForm button{
	cursor:pointer;
	border:none;
	background:none;
	padding:0 7px 0 0;
	margin:0;
	font-size:1.1em;
	height:21px;
	color:#FFFFFF;
	background:transparent url("/GHCMS/templates/twoocarb2b/images/bgrnd/buttonRight.png") no-repeat right center;
}

img.logoBild{
	padding:4px;
	background-color:#EFEFEF;
	border:1px solid #D6D6D6;
}