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

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

body{
	font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color: #515151;
	line-height: 1.166;	
	background:#FFFFFF;
}

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

*{
	margin: 0;
	padding:0;
}

p{
	line-height: 1.7;	
}

h1,h2,h3,h4,h5,h6{
	font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	color:#007EE9;
}

img{
	border:none;
}

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

abbr{
    cursor: help;
}

blockquote{
	font-style:italic;
}

cite{
	font-style:italic;
}

input, select{
	font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
}

a:link,
a:active,
a:visited{
	text-decoration:none;
	color:#007EE9;
}

a:hover{
	text-decoration:underline;
}

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

/*
================================================
Logo
*/
img#logo{
	margin:0 0 0 7px;
	border:none;
	height:80px;
	width:67px;
	float:left;
}

p#topNavi{
	margin:28px 7px auto auto;
	color:#CCCCCC;
	float:right;
	font-size:1.1em;
}

p#topNavi a{
	color:#CCCCCC;
	text-decoration:none;
}

p#topNavi a:hover{
	color:#FFFFFF;
}


/*
================================================
Kopfbereich
*/



#header{
	position:relative;
	width:968px;
	margin:0 auto 0 auto;
	padding:0;
	height:460px;
}

.standardHeader,
.wiki,
.consulting{
	background:#FFFFFF url("/GHCMS/templates/twoonix/images/bgrnd/header-startpage.jpg") no-repeat;
}

.twx-enterprise-wiki{
	background:#FFFFFF url("/GHCMS/templates/twoonix/images/bgrnd/header-enterprisewiki.jpg") no-repeat;
}

.twx-methodenbaukasten{
	background:#FFFFFF url("/GHCMS/templates/twoonix/images/bgrnd/header-methodenbaukasten.jpg") no-repeat;
}

.unternehmen,
.kontakt{
	background:#FFFFFF url("/GHCMS/templates/twoonix/images/bgrnd/header-company.jpg") no-repeat;
}

#header div.breadCrumb{
	padding:5px 7px 7px 14px;
}

#header div.breadCrumb p{
	color:#FFFFFF;
	font-size:1.2em;
}

#header div.breadCrumb a{
	color:#FFFFFF;
	text-decoration:none;
}

#header div.mainNavi{
	position:relative;
	top:395px;
}

#header div.mainNavi ul{
	list-style:none;
}

#header div.mainNavi ul li{
	float:left;
	padding-left:7px;
	margin-left:7px;
}

#header div.mainNavi ul li a{
	display:block;
	padding:7px 14px 7px 7px;
	font-size:1.6em;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

#header div.mainNavi ul li.active{
	background:transparent url("/GHCMS/templates/twoonix/images/tabs/tabLeft.png") no-repeat top left;
}

#header div.mainNavi ul li.active a{
	background:transparent url("/GHCMS/templates/twoonix/images/tabs/tabRight.png") no-repeat top right;
	color:#007EE9;
}

#header div.mainNavi p{
	padding:0 !important;	
	margin:0 !important;	
}

#header div.claimBox{
	margin:0 0 0 81px;
	height:80px;
	width:855px;
	background-color:#FFC940;
}

#header h1{
	text-align:	right;
	font-size:2em;
	font-style:italic;
	padding:27px 7px 0px 7px;
	color:#FFFFFF;
}

#header form#siteSearch{
	position:absolute;
	top:17px;
	left:737px;
	width:25em;
}

#header form#siteSearch p{
	margin:0;
	padding:0;
	color:#FFFFFF;
}

#header form#siteSearch label{
	font-size:1.1em;
	font-weight:bold;
}

#header form#siteSearch input.doSearch{
	border:none;
	padding:0;
	background: url("/GHCMS/templates/twoonix/images/bgrnd/doSearch.png") no-repeat;
	width:21px;
	height:21px;
	overflow:hidden;
}

#header form#siteSearch input.textBox{
	padding:3px;
	border-width:1px;
	border-left:none;
	border-color:#777777 #DDDDDD #DDDDDD;
	background:transparent url("/GHCMS/templates/twoonix/images/bgrnd/textbox.png") no-repeat top left scroll;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
}

#header form#siteSearch fieldset{
	border:none;
}

/*
================================================
Hauptnavigation
*/
#mainNavi{
	font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	width:100%;
	background:transparent url("/GHCMS/templates/twoonix/images/bgrnd/navigation.png") repeat-x center left;
	overflow:hidden;
	margin:0 auto 0 auto;
}

#mainNavi div.naviHolder{
	width:946px;
	margin:0 auto 0 auto;
}

#mainNavi ul#naviList{
	overflow:hidden;
	margin:0;
	list-style:none;
	padding-left:2px;
	background: transparent url("/GHCMS/templates/twoonix/images/bgrnd/navigationLinkBgrnd.png") no-repeat center left;
}

*+html #mainNavi ul#naviList{
	margin:3px 14px 0 14px;
}

* html #mainNavi ul#naviList{
	/*margin:5px 14px 0 14px;*/
}

#mainNavi ul#naviList li{
	float:left;
}

#mainNavi ul#naviList li.active{
	background: transparent url("/GHCMS/templates/twoonix/images/bgrnd/navigationLinkActiveBgrnd.png") repeat-x center right;
}

#mainNavi ul#naviList li a:link,
#mainNavi ul#naviList li a:active,
#mainNavi ul#naviList li a:visited,
#mainNavi ul#naviList li a:hover{
	display:block;
	padding:7px 9px 7px 7px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:1.3em;
	background: transparent url("/GHCMS/templates/twoonix/images/bgrnd/navigationLinkBgrnd.png") no-repeat top right;
}

#mainNavi ul#naviList li a:hover{
	text-decoration:none;
}

#mainNavi ul#naviList li.active a{
	background: transparent url("/GHCMS/templates/twoonix/images/bgrnd/navigationLinkBgrnd.png") no-repeat top right;
}


/*
================================================
Content
*/
#content{
	width:968px;
	margin:0 auto 0 auto;
	padding:0;
	background-color:#FFFFFF;
}

#content h1,
#content h2,
#content h3{
	font-size:1.8em;
	padding:28px 0 7px 0;
	border-bottom:1px solid #e9e9e9;
	margin:0 0 0 0;
	font-weight:normal;
}

#content h2{
	border:none;
	padding:14px 0 0 0 !important;
}

#content h2.mistake{
	color:#990000;
}

#content h3{
	border:none;
	padding:0 0 0 0;
	font-size:1.4em;
	font-weight:bold;
}

#content h1{
	font-size:2.2em;
}

#content h1.more,
#content h2.more,
#content h3.more{
	/*margin-top:28px !important;*/
}

#content h3{
	font-size:1.6em;
	padding:14px 0 0 0;
	margin:0 0 0 0;
}

#content h3.moreC{
	margin-top:14px;
}

ul.mistake{
	color:#990000;
}

ul.mistake li{
	line-height:1.2em;
}

#content p{
	padding:7px 0 0 0;
	font-size:1.4em;
}


#content div.innerContent{
	width:634px;
	float:left;
}

#content div.newsBox{
	width:50%;
	float:left;
	padding:7px 0 0 0;
}

#content div.newsBox img{
	float:left;
	margin:7px 4px 4px 0;
}

#content div.newsBox p{
	padding:0 28px 0 0 !important;
}

#content div.newsBox h3{
	font-size:1.4em;
	padding:0 28px 0 0;
}

input.submit{
	margin-top:7px;
	border:1px solid #FFFFFF;
	padding:4px;
	color:#FFFFFF;
	background:transparent url("/GHCMS/templates/twoonix/images/bgrnd/navigation.png") repeat-x center left;
}

#productInfo,
#randCars{
	width:946px;
	height:220px;
	margin:14px auto 0 auto;
	/*border:1px solid #515151;*/
}

#productInfo img.icon,
#randCars img.icon{
	float:left;	
	padding:14px 7px 0 7px;
	width:65px;
	height:65px;
}

#randCars img.thumbNail{
	float:left;	
	padding:14px 7px 0 7px;
	width:120px;
}

#productInfo div.teaserBox,
#randCars div.teaserBox{
	width:308px;	
	height:220px;
	margin-right:11px;
	background:transparent url("/GHCMS/templates/twoonix/images/bgrnd/teaserBox.png") repeat-x center left;
	float:left;
}

#productInfo div.teaserBox h3,
#randCars div.teaserBox h3{
	font-size:1.3em;
	padding:4px 4px 4px 7px;
	margin:0;
	font-weight:bold;
}

#productInfo div.teaserBox p,
#randCars div.teaserBox p{
	padding:7px 7px 0 7px;
}

#productInfo div.teaserBox p.more,
#randCars div.teaserBox p.more{
	padding:28px 7px 0 7px;
	text-align:right;
	/*font-style:italic;*/
}

div.contentbox{
	clear:both;
	width:946px;
	margin:14px auto 0 auto;
}

div.contentbox h2{
	margin:0 !important;
	padding:0 0 7px 0 !important;
	font-size:2.0em !important;
}



/*
================================================
Kontaktformular
*/
#content div.contactForm{
	width:524px;
/*	margin-top:14px;
	margin-left:14px;*/
	padding-bottom:14px;
}

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

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

#content div.contactForm input.textBox,
#content div.contactForm textarea.textBox{
	padding:3px;
	border-width:1px;
	border-left:none;
	border-color:#777777 #DDDDDD #DDDDDD;
	background:transparent url("/GHCMS/templates/twoonix/images/bgrnd/textbox.png") no-repeat top left scroll;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	width:220px;
}

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

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

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

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

#content div.contactForm input.button{
	border:1px solid #FFFFFF;
	padding:3px;
	color:#FFFFFF;
	background-color:#007EE9;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	cursor:pointer;
}

#content ul,
#content ol{
	font-size:1.4em;
	padding:0 14px 0 14px;
	/*list-style:none;*/
}

#content ol{
	margin:7px 0 0 4px;
}

#content ul li,
#content ol li{
	line-height: 1.7;	
}


/*
================================================
Features
*/
#features{
	padding-top:28px;
	width:300px;
	margin-left:672px;
}

#features h1{
	font-size:1.6em !important;
	padding:12px 7px 10px 7px !important;
	background:transparent url("/GHCMS/templates/twoonix/images/bgrnd/featureheader.png") repeat-x;
	margin:0 !important;
	font-weight:bold;
}

#features h1.more{
	margin-top:28px !important;
}

#features div.feature{
	background:transparent url("/GHCMS/templates/twoonix/images/bgrnd/featurebody.png") no-repeat center bottom;
	margin:0 !important;
	padding-bottom:7px;
}

#features div.feature h2{
	font-size:1.4em !important;
	font-weight:normal !important;
	padding:7px 0 0 7px !important;
	margin:0 !important;
}

#features div.feature p{
	padding:7px !important;
}

#features div.feature ul.sublinks{
	padding:0 !important;
	margin:0 7px 0 0 !important;
	list-style:none;
}

#features div.feature ul.sublinks li{
	padding:7px 0 0 7px !important;
	margin:0 !important;
}

/*
================================================
Footer
*/
#footer{
	border-top: 1px solid #bfbfbf;
	margin:14px auto 0 auto;
	width:100%;
	background:#fefefe url("http://b2b.twoocar.com/GHCMS/templates/twoocarb2b/images/bgrnd/footer.png") repeat-x bottom left scroll;
}

#footer p{
	font-size:1.2em;
	padding:4px 0 0 0 !important;
	margin:0 !important;
}

#footer div.contentbox{
	clear:both;
	width:968px;
	margin:14px auto 0 auto;
}

#footer div.copyBox{
	clear:both;
	width:968px;
	margin:14px auto 0 auto;
	border-top:1px solid #bfbfbf;
	border-bottom:1px solid #bfbfbf;
}

#footer div.copyBox p{
	padding:7px 0 7px 0 !important;
}

#footer div.contentbox a{
	color:#515151;
}

#footer div.subList{
	width:225px;
	float:left;
	margin-right:14px;
}

#footer h1{
	font-size:1.4em !important;	
	font-weight:normal !important;
	margin:0 !important;
	padding:0 !important;
}

#footer p.attentions{
	font-size:1em;
	color:#999999;
	
}

#footer p.copy{
	margin:7px auto 0 auto;
	border-top: 1px solid #CCCCCC;
	padding-top:7px;
}

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

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

#content div.imageBox{
	clear:both;
	margin:12px 7px 7px 0;
	float:left;
	padding:4px;
	background-color:#EFEFEF;
	border:1px solid #CCCCCC;
	font-size:1.1em;
}

#content div.imageBox img.thumb{
	border:none;
	padding-bottom:7px;
}

#content div.imageBox a.openFullView{
	display:block;
	width:16px;
	height:16px;
	background: transparent url("/GHCMS/templates/twoonix/images/misc/lupe.png") no-repeat center center;
	float:right;
	text-decoration:none;
	cursor:pointer;
}