html { 
	overflow: -moz-scrollbars-vertical;
	overflow-x:auto;
}

/* siehe iframe additional css... */


html, body {
	height: 100%;
}

body {
	margin: 0 0 0 0;
	background: #181818;
	font-family: Lucida Grande, Lucida Sans Unicode, Arial; 
	/*font-family: Lucida Grande, Arial; */
	font-size: 12px;
	line-height: 18px;
	color: #555;
}
* html body {
	background: url(media/background.png) repeat-y center top #181818;
}

img {
	border: none;
}

#pagewrapper {
	width: 850px;
	margin: 0 auto;

	min-height: 100%;
	position: relative;
	background :url(media/wrapper_bg.gif) no-repeat;
	
	/* this makes it work*/
	border-top: 1px solid transparent;
}

/* IE Hack */
* html #pagewrapper {
	height: 100%;
}



#flashcontainer {
	width: 100%;
	margin: 0 auto;
	height: 364px;
	background: #181818;
	/*overflow: hidden;*/
	position: absolute;
}

#logo {
	background: url(media/carroux_logo.png) no-repeat;
	height: 130px;
	position: relative;
	margin-top: 246px;
}
* html #logo {
	background: url(media/spacer.gif); /* transparenter pixel damit ein background da ist und der hover klappt */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/templates/03_assets/media/carroux_logo.png', sizingMethod='scale');
}


#container {
	width: 850px;
	margin: 0 auto;
	margin-bottom: 3em;
	margin-top: -43px;
	position: relative;
	
	background: #fff;
}

#contentcontainer {
	z-index: 100;
	padding-bottom: 4em;
}

/* Safari only Hack */
/* html>body*#contentcontainer {margin-bottom: -2.5em; } */

/* ie 7 hack */
* + html #contentcontainer {
	padding-bottom: 4.5em;
}


/* //////////////////////// footer //////////////////////// */

#info {
	bottom: 0px;
	left: 0px;
	position:absolute;
	width:100%;
	color: #B3B4A9;
}

/* IE Hack, da bottom: 0; als bottom: 1px interpretiert wird */
* html #info {
	bottom: -1px;
}

#innerfooter {
	width: 860px;
	margin: 0 auto;
	background: url(media/footer_background_neu.gif) no-repeat -5px  top #181818;
	height: 70px;	
	overflow: hidden;
}

.footernav {
	text-align: right;
	padding: 30px 30px 0 0;
	font-size: 11px;
}

.footernav a {
	color: #eee;
}
.footernav a:hover {
	color: #181818;
}

/* //////////////////////// links //////////////////////// */

a {
	text-decoration: none;
	-moz-outline:0;
	color: #222;
}
a:hover {
	text-decoration: none;
	-moz-outline:0;
	color: #990000;
}

a.pfeil_hinten, a .next, a .moretext {
	padding: 0 11px 0 0;
	background: url(media/pfeil_neu.gif) no-repeat right 3px ;
}
a.pfeil_hinten:hover, a:hover .next , a:hover .moretext {
	background: url(media/pfeil_neu.gif) no-repeat right -17px;
	/* -20px differenz*/
}
a.pfeil_vorn {
	padding: 0 0 0 11px;
	background: url(media/pfeil_neu.gif) no-repeat left 3px ;
}
a.pfeil_vorn:hover {
	background: url(media/pfeil_neu.gif) no-repeat left -17px;
}
a .prev, .news-single-backlink a {
	padding: 0 0 0 11px;
	background: url(media/pfeil_back.gif) no-repeat left 3px ;
}
a:hover .prev, .news-single-backlink a:hover {
	background: url(media/pfeil_back.gif) no-repeat left -17px;
}



/* //////////////////////// ende footer //////////////////////// */

#content {
	margin: 0 25px 0 25px;
}

/* /////////////////// */


.flashcontrols {
	position: absolute;
	right: 0px;
	top: 10px;
	z-index: 100;
display: none;
}
.up {
	background: url(media/up.gif) no-repeat;
	display: block;
	float: left;
	height: 12px;
	width: 12px;
	margin-right: 6px;
}
.down {
	background: url(media/down.gif) no-repeat;
	display: block;
	float: left;
	height: 12px;
	width: 12px;
	margin-right: 0;
}


p {
	margin: 0 0 .5em 0;
}
p.intro {
	font-size: 14px;
	line-height: 20px;
}
p.mit_linie {
	background: url(media/dottet_line.png) no-repeat;
	padding: 1em 0 0 0;
	margin: 1em 0 .5em 0;
}
.align-right {
	text-align: right;
}

#headertop {
	background: url(media/carroux_header.png) no-repeat;
	height: 90px;
}

#topcol {
	background: #aaa;
	height: 280px;
}



/* //////////////////////// contentframes //////////////////////// */

.borderTop {
	border-top: 1px solid #aaa;
	padding: 1em 0 .5em 0;
	margin: 1em 0 0 0;
}

/* //////////////////////// headlines //////////////////////// */

#pagetitle {
	background: #fff; 
	padding: 1em 25px 0 25px;
}


h1 {
	font-size: 21px;
	line-height: 28px;
	color: #990000;
	font-weight: normal;
	margin: 0 0 .5em -1px;
}

h1.imageheader {
	/*width: 430px;*/
	overflow: hidden;
	width: auto;
	background-repeat: no-repeat;
	white-space: nowrap;
	text-indent: -999em;
	font-size:21px;
	line-height: 28px;
	color: #990000;
	font-weight: normal;
	margin: 0 0 .5em -1px;
	position: relative;
}
h2 {
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	margin: 0 0 .5em 0;
}
h3, h4 {
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 .5em 0;
}


/* ////////// Text und Pic Element ///////// */


div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image dd.csc-textpic-caption {
	margin: .5em 0 .5em 0;
} 

/* //////////////////////// 2 / 3 Col holder //////////////////////// */
.twocolcontainerouter, .threecolcontainerouter {
	position: relative;
}


.twocolsym_one {
	width: 388px;
	margin-right: 25px;
	float: left;
	background: url(media/dottet_line.png) no-repeat;

	padding: 1em 0 .5em 0;
}
.twocolsym_two {
	width: 387px;
	float: left;
	background: url(media/dottet_line.png) no-repeat;
	padding: 1em 0 .5em 0;
}

.twocol_one {
	width: 525px;
	margin-right: 25px;
	float: left;
	background: url(media/dottet_line.png) no-repeat;
	padding: 1em 0 .5em 0;
}
.twocol_two {
	width: 250px;
	float: left;
	background: url(media/dottet_line.png) no-repeat;
	padding: 1em 0 .5em 0;
	font-size: 11px;
	line-height: 16px;
}

.threecol_one {
	width: 388px;
	margin-right: 25px;
	float: left;
	background: url(media/dottet_line.png) no-repeat;
	padding: 1em 0 .5em 0;
}
.threecol_two {
	width: 181px;
	margin-right: 25px;
	float: left;
	background: url(media/dottet_line.png) no-repeat;
	padding: 1em 0 .5em 0;
	font-size: 11px;
	line-height: 16px;
}
.threecol_three  {
	width: 181px;
	float: left;
	background: url(media/dottet_line.png) no-repeat;
	padding: 1em 0 .5em 0;
	font-size: 11px;
	line-height: 16px;
}

/* //////////////////////// tt_news //////////////////////// */

.news-list-morelink {
	text-align: left;
	font-size: 11px;
}

.news-list-morelink a:hover {
	color: #990000;
}

.news-list-morelink .moretext {
	display:none;
}
.news-list-morelink a .moretext {
	display:inline;
}

.news-list-item {
	margin: 0 0 1em 0;
	background: url(media/dottet_line.png) no-repeat left bottom;
	padding: .5em 0 .5em 0;
	clear: right;
}

.newsimage {
	width: 250px;
	float: right;
	text-align: center;
}



.news-list-item h3 {
	font-weight: normal;
	font-size: 12px;
	margin: 0 0 .5em 0;
}

.newsdate {
		
}

.news-list-browse {
	margin: 1em 0;
	padding: .5em 0 1em 0;
	/*border-top: 1px solid #AAA;*/
	color: #888;
}

.news-single-item {
	background: url(media/dottet_line.png) no-repeat;
	padding: 1em 0 .5em 0;
}

.news-single-item h3 {
	font-size: 12px;
	font-weight: normal;
}

#newslistspecial {
	background: url(media/dottet_line.png) no-repeat;
	padding: 0 0 .5em 0;
}

#newslistspecial p {
	width: 525px;
}

#newslistspecial h3 {
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	margin: .5em 0;

}

.tx-ttnews-browsebox {
	padding: 0 0 1em 0;
}

.prev, .next, .active_page, .tx-ttnews-browsebox {
	font-size: 11px;
}

a:hover .prev, a:hover .next, .news-single-backlink a:hover {
	color: #990000;
}



.newssingletextcontainer {
	width: 525px;
	
}

.news-single-backlink {
	font-size: 11px;
	background: url(media/dottet_line.png) no-repeat;
	padding: 1.5em 0;
	clear: both;
}

.news-single-imgcaption {
	font-size: 11px;
	line-height: 16px;
	width: auto;
}

/* //////////////////////// mailformplus kontakt //////////////////////// */

iframe {
	border-left: none;
	border-right: none;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa; 
	overflow: visible;
	background: #fff;
}
#iframeContainer {
	margin: 1em 0 0 0;

	width: 95%;
	/*overflow: hidden;*/
}

form {
	margin: 0;
}

textarea {
	font-family: Arial;
	font-size: 12px;
	line-height: 18px;
	width: 20em;
	height: 6em;
	border: 1px solid #DADBDA;
	padding: 3px 3px 3px 4px;
}

.mailformrow {
	padding: 0 0 .5em 0;
}
.mailformrowsend {
	padding: .5em 0 1em 0;
}

#mailformplus {
}

#mailformplus label {
	display: block;
	width: 105px;
	float: left;
	line-height: 20px;
}

#mailformplus label.label_tab {
	padding: 0 29px 0 0;
	display: block;
	width: 390px;
	float: right;
	line-height: 18px;
}
*html #mailformplus label.label_tab {
	padding: 0 27px 0 0;
}
#mailformplus input {
	border: 1px solid #DADBDA;
	font-family: Arial;
	font-size: 12px;
	line-height: 12px;
	color: #000;
	padding: 3px 3px 3px 4px;
	margin: 0;
	width: 15em;
}
#mailformplus input.radio {
	border: none;
	font-family: Arial;
	font-size: 12px;
	line-height: 12px;
	height: 14px;
	color: #000;
	padding: 3px 3px 3px 4px;
	margin: 0 .2em 0 0;
	width: auto;
}
#mailformplus #plz {
	width: 4em;
}
#mailformplus input.checkbox_tab {
	border: none;
	float: left;
	width: auto;
	margin: .25em 0 0 125px;
	
}
#mailformplus select {
	border: 1px solid #DADBDA;
	font-family: Arial;
	font-size: 12px;
	height: 18px;
	padding: 1px 2px 1px 2px;
	margin: 0;
}
#mailformplus #plz {
	width: 4em;
}

p.error_form, ul.error_form {
	color: #990000;
}
p.error_form {
	font-weight: bold;
}
ul.error_form {
	margin: 0 0 1em 0;
	padding: 0;
}
ul.error_form li {
	margin: 0 0 .25em 0;
}


.submitbutton {
	margin-left: 105px;
}


	



/* //////////////////////// main menu //////////////////////// */

#menu {
	background: #fff;
	width:100%; 
	height: 4.2em;
	padding: .8em 0 0 0;
	text-align: center;
	position: relative;
	line-height: 1em;
}

#subline {
	width: 800px;
	border-bottom: 1px solid #aaa;
	position: absolute;
	top: 0px;
	left: 25px;
	height: 2.5em;
}


#menu ul {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	font-size: 11px;
	display: inline;
	width: auto;
	text-align: left;
	color: #666666;
}
#menu ul li {
	display: inline;
	white-space:nowrap;
	position: relative;
	margin: 0 1em 0 0;
	text-transform: uppercase;
	cursor: hand;
}

#menu ul li:hover {
	cursor: hand;
}

#menu ul li .firstlevel {
	padding: 0 2px .4em 2px;
	border-bottom: .39em solid transparent; /* safari hack */
}
* html #menu ul li .firstlevel {
	border-bottom: none; /* ie hack */
}
#menu ul li .firstlevel, x:-moz-any-link {padding: 0 2px .35em 2px;} /* firefox 2 */
#menu ul li .firstlevel, x:-moz-any-link, x:default {padding: 0 2px .35em 2px;} /* firefox 3 */

#menu .menu-level1-with-subpage:hover .firstlevel, #menu li:hover .firstlevel {
	border-bottom: .39em solid #aaa;
}

/*neu*/

#menu .menu-level1-with-subpage over .firstlevel, #menu li.over .firstlevel {
	border-bottom: .39em solid #aaa;
}

#menu li.menu-level1-active .firstlevel, #menu li.menu-level1-current-active .firstlevel, #menu li.menu-level1-active:hover .firstlevel, #menu li.menu-level1-current-active:hover .firstlevel {
	color: #990000;
	border-bottom: .39em solid #990000;



}
#menu ul li ul li {
	text-transform: none;
	height: auto;
	border-bottom: none;
	background: #fff;
}
#menu ul li ul {
	top: 0px;
	left: 3px;
	display: none;
	position: absolute;
	width: auto;
	overflow: visible;
	margin: 0;
	padding: 2.6em 0 0 0;
	background: url(media/spacer.gif);
}
* html #menu ul li ul {
	padding: 2.8em 0 0 0;
}
* + html #menu ul li ul{
	padding: 2.8em 0 0 0;
}


#menu ul li ul li {
	padding-top: 0;
}
/*
#menu ul li:hover ul {
	display: block;
} 
*/

#menu .menu-level1-active ul {
	display: block;
}



#menu a {
	color: #666;
}
#menu a:hover {
	color: #990000;
}
.menu-level1-with-subpage:hover, .menu-level1-with-subpage over {
	color: #990000;
}

#menu ul ul a {
	border-top: .5em solid #fff;
	border-bottom: 8px solid #fff;
}
* html ul ul a {
	border-top: 8px solid #fff;
}
* + html ul ul a {
	border-top: 8px solid #fff;
}

#menu .menu-level2-current-active a {
	color: #990000;
}

#menu .menu-level2-active a {
	color: #990000;
}

/* //////////////////////// Buttons //////////////////////// */


.button_holder {
	background: url(media/dottet_line.png) no-repeat bottom left;
	padding: .5em 0 3px 0;
	position: relative;
}
.button_holder p {
	margin: 0;
}

p.button_rot {
	margin-left: 50%;
	padding: 2px 2px 2px 4px;
	font-size: 11px;
	color: #fff;
	background: url(media/button_rot.png) repeat-x;
}
p.button_rot a, p.button_rot a:hover {
	color: #fff;
}

/* //////////////////////// Basic definitions 1 //////////////////////// */


br.spacer { 
	font-size: 1px;
	line-height: 1px;
}

.clearfloat {
	clear:both;
	display:block;
	float:none;
	font-size:1px;
	height:1px;
	line-height:1px;
	overflow:hidden;
}

div.csc-textpic-clear {
	clear:both;
	display:block;
	float:none;
	font-size:1px;
	height:1px;
	line-height:1px;
	overflow:hidden;
}

/* //////////////////////// Basic definitions 2 //////////////////////// */


/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix { display: inline-block; _height: 1%; }
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* Hides from IE-mac \*/
.clearfix {display : block;}
/* End hide from IE-mac */



/* PIE's hack to stop IE adding 3px to width when using italics
http://www.positioniseverything.net/explorer/italicbug-ie.html */
/* \*/
* html .clearfix {
	overflow: hidden;
	o\verflow: visible;
	width: 100%;
	w\idth: auto;
	he\ight: 1%;
}

/* */