@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:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color: #515151;
	line-height: 1.166;	
	background:#EFEFEF url("/GHCMS/templates/twoocar/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:#007EE9;
}

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:#007EE9;
}

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/twoocar/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/twoocar/images/bgrnd/horizontal.png");
}

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

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

#header ul.topNavi{
	list-style:none;
	color:#CCCCCC;
	float:right;
	margin:38px 0 0 0; 
}

#header ul.topNavi li{
	float:left;
	padding:0 14px 0 0;
	margin:0;
}

#header ul.topNavi li a{
	color:#CCCCCC;
	text-decoration:none;
}

#header ul.topNavi li a:hover{
	color:#FFFFFF;
}

#navigation div.rss a{
	float:right;
	padding:14px 0 0 0;
	text-decoration:none;
	width:27px;
	height:27px;
	display:block;
	text-indent:-10000px;
	overflow:hidden;
	background:transparent url("/GHCMS/templates/twoocar/images/icons/rss-blue-big.png") no-repeat center center;
}

img#logo{
	width:150px;
	height:60px;
	margin:15px 0 0 14px;
	float:left;
}

#naviWrapper{
	width:100%;
	display:block;
	background:#EBEBEB url("/GHCMS/templates/twoocar/images/bgrnd/main-navi-bgrnd.png") repeat-x bottom center;
	border-top:5px solid #007EE9;
}

#navigation{
	width:978px;
	margin:0 auto 0 auto;
	padding:0 0 0 2px;
	background:transparent url("/GHCMS/templates/twoocar/images/bgrnd/navi-seperator.png") no-repeat bottom left;
}

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

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

#navigation ul li a{
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding:7px;
	display:block;
	padding:12px 11px 19px 9px;
	color:#515151;
	text-decoration:none;
	background-image:url("/GHCMS/templates/twoocar/images/bgrnd/navi-seperator.png");
	background-repeat:no-repeat;
	background-position:right bottom;
}

* 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:#007EE9;
}

#navigation ul li a.active{
	text-decoration:underline;
}


/*
================================================
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:980px;
	margin:9px auto 0 auto;
}

#content img.icon{
	float:left;
	margin:14px 14px 7px 0;
}

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

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

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

#content div.infoBox div.infoContent{
	width:25%;
	float:left;
}

#content div.infoBox div.infoContent p{
	font-size:1.2em;
	margin:0 14px 7px 14px;
	text-align:center;
}

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

#content div.infoBox div.infoContent a.prinziptwoocar{
	padding-top:133px;
	background:#FFFFFF url("/GHCMS/templates/twoocar/images/icons/das-twoocar-prinzip.png") no-repeat top center;
	display:block;
}

#content div.infoBox div.infoContent a.datenerfassung{
	padding-top:133px;
	background:#FFFFFF url("/GHCMS/templates/twoocar/images/icons/fotoservice.png") no-repeat top center;
	display:block;
}

#content div.infoBox div.infoContent a.software{
	padding-top:133px;
	background:#FFFFFF url("/GHCMS/templates/twoocar/images/icons/software.png") no-repeat top center;
	display:block;
}

#content div.infoBox div.infoContent a.export{
	padding-top:133px;
	background:#FFFFFF url("/GHCMS/templates/twoocar/images/icons/export.png") no-repeat top center;
	display:block;
}

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

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

#content div.contentBox{
	width:952px;
	padding:0 14px 14px 14px;
	background:#EBEBEB url("/GHCMS/templates/twoocar/images/bgrnd/content-middle.png") repeat-y;
}

#content div.contentBox div.mainContent{
	float:left;
	width:600px;
	margin-right:35px;
}

#content div.contentBox h1{
	font-size:1.8em;
	font-weight:normal;
	clear:both;
}

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

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

#content div.contentBox .mistake{
	color:#990000;
}

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

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

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



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

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

#content div.contentBox div.features{
	float:left;
	width:315px;
}

#content div.contentBox div.features div.featureContent{
	padding:7px;
	margin:0 14px 14px 0;
	background:#FFFFFF url("/GHCMS/templates/twoocar/images/bgrnd/featurebar.png") no-repeat bottom center;
}

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

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

#content div.contentBox 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:0 !important;
}

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/twoocar/images/bgrnd/arrow-subnav.png") no-repeat left center;
	margin:0;
}

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

#content div.contentBox div.features h1.featureHeading{
	font-size:1.4em;
	padding:10px 7px 7px 7px;
	margin:0 14px 0 0;
	background:#FFFFFF url("/GHCMS/templates/twoocar/images/bgrnd/featureheading.png") no-repeat top center;
	border-bottom:1px solid #CCCCCC;
}

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

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

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

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

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

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

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

#footer p.copy{
	text-align:center;
	margin-bottom:14px;
}

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

/*
================================================
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:#007EE9;
}

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:#fafafa;
	width:586px;
	margin-top:14px;
	padding:7px;
	border:1px solid #CCCCCC;
}

#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: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: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;
}