/* color.css */

/* START COLORS */

/* setzt hintergrundfarbe */

html {
	background-color : #F5F5F5;
}
/* setzt hintergrundfarbe des hauptinhaltes */

div#layout, div#breadcrumbs, div#sub_opener {
	background-color:#FFFFFF;
}
/* setzt hintergrundfarbe der siteinfo */

div#site_info {
	background-color: #FFFFFF;
}

/* setzt farbe der Hyperlinks */
a {color:#990000;}

/* END COLORS */

/* setzt abstand von oben */

body {
	padding-top : 50px;}

/* START BRANDING */

/* positioniert hintergrundbild */

div#branding {
	position : relative;
	width:860px;
	height : 108px;
}

.brand_default {background : transparent url(../images/branding.png) no-repeat 0 0;}
.brand_fruehling {background : transparent url(../images/branding_fruehling.png) no-repeat 0 0;}
.brand_ostern {background : transparent url(../images/branding_ostern.png) no-repeat 0 0;}
.brand_sommer {background : transparent url(../images/branding_sommer.png) no-repeat 0 0;}
.brand_herbst {background : transparent url(../images/branding_herbst.png) no-repeat 0 0;}
.brand_halloween {background : transparent url(../images/branding_halloween.png) no-repeat 0 0;}
.brand_winter {background : transparent url(../images/branding_winter.png) no-repeat 0 0;}
.brand_weihnachten {background : transparent url(../images/branding_weihnachten.png) no-repeat 0 0;}
.brand_silvester {background : transparent url(../images/branding_silvester.png) no-repeat 0 0;}

/* ersetzt blockquote im branding div durch solutions schriftzug */

/*div#branding blockquote {
	position:absolute;
	top:28px;
	left:525px;
	height:23px;
	width:142px;
	background: transparent url(../images/solutions.png) no-repeat;
	text-indent : -9999px;
}*/

/* blockquote defaults */

div#branding blockquote {
	position:absolute;
	top:28px;
	/*left:666px;*/
	left:463px;
	height:23px;
	width:142px;
	background: transparent url(../images/solutions.png) no-repeat;
	text-indent : -9999px;
}

/* ersetzt h1 im branding div durch logo */

div#branding h1 {
	position:absolute;
	top:11px;
	left:10px;
	height:87px;
	width:133px;
	background: transparent url(../images/logo.png) no-repeat;
	text-indent: -9999px;
}

/* ersetzt h2 im branding div durch schriftzug */

div#branding h2 {
	position:absolute;
	top:20px;
	left:156px;
	height:34px;
	width:298px;
	background: transparent url(../images/distribution.png) no-repeat;
	text-indent: -9999px;
}

div#branding.brand_weihnachten h2 {
	position:absolute;
	top:4px;
	height:70px;
	width:330px;
	background: transparent url(../images/distribution_weihnachten.png) no-repeat;
	}
	
/* END BRANDING */



/* portfolio grid */
ul.grid {
	overflow: hidden;
	list-style: none;
	width: 840px;
	padding: 0;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}
ul.grid li { 
	float: left; 
	width: 168px; 
	margin: 0 0 0 -1px; 
	border: 1px solid #e5e5e5; 
	border-width: 0 0 1px 1px; 
	text-align: center; 
}

ul.grid li.lastrow { 
	border-bottom: none; 
}

ul.grid li.last { 
	border-right: 1px solid #e5e5e5; 
	width: 167px;
}



ul.grid li img { 
	display: block; 
	margin: 0 auto; }

ul.grid2 {
	overflow: hidden;
	list-style: none;
	width: 840px;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

ul.grid2 li { 
	float: left; 
	width: 140px; 
	margin: 0 0 0 -1px; 
	border: 1px solid #e5e5e5; 
	border-width: 0 0 1px 1px; 
	text-align: center;
}

ul.grid2 li.lastrow {
	border-bottom: none;
}

ul.grid2 li.last {
	border-right: 1px solid #e5e5e5; 
	width: 139px; 
}

ul.grid2 li.first {
	width: 109px;
	margin-right: 16px;
}

ul.grid2 li img { 
	display: block; 
	margin: 0 auto; 
}


#gf img {
	display: block;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 0px;
}

#gf p {
	position:absolute;
	top: 234px;
	left: 134px;
	width: 100px;
}

.formwrapper {
	border: 1px solid #990000;
	background-color: #F5F5F5;
	padding: 10px;
}

.tol_login {
	padding: 10px;
	background: transparent url(../images/login_bkg.png) no-repeat;	
}

.tol_login span {
	visibility:hidden;
}
.starmarker {
	color: #990000;
	}

.detailbox3rows {
	position:absolute;
	overflow:hidden;
	left:222px;
	width:606px;
	padding:10px;
	height:160px;
	background-image: url(../images/detailbox_3rows.png);
	background-repeat: no-repeat;
}

.dealerbox {
	float:left;
	overflow:hidden;
	height:180px;
	width:212px;
}

.grid_dealerbox {
	float:left;
	height:180px;
	width:212px;
}

.grid_dealerbox_last {
	float:left;
	height:180px;
	width:200px;
}

.goback {
	position:relative;
	width:66px;
	overflow:hidden;
	top:-27px;
	left:130px;
}

#kommentar {
	position:relative;
	left:10px;
}

/* PNG Fix für IE6 */
#branding, #branding h1,#branding h2, #branding blockquote, .tol_login, .dealerbox, .detailbox3rows { behavior: url("core/scripts/iepngfix.htc") }