/* -------------  Layout CSS | Ralph Pfeifer | Kommunikations-Design ------------------
für auwaerter.de -- Copyright 2007

Ralph Pfeifer
Kommunikations-Design
-------------------------------
Strümpfelbacher Str. 314
71384 Weinstadt
-------------------------------
Tel: 07151 275170
Fax: 0941 5992 10128 
-------------------------------
mailto:info@ralph-pfeifer.de
http://www.rpkd.de
-------------------------------
*/
/* -------- L A Y O U T ------------- */
html, body   {
	background-color: #929395;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: Verdana, Tahoma, Arial, Geneva, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
body {
	scrollbar-3dlight-color: #d7d8dc;
	scrollbar-arrow-color: #666666;
 	scrollbar-darkshadow-color: #a7acbf;
 	scrollbar-face-color: #d7d8dc;
 	scrollbar-highlight-color: #C7C7C7;
 	scrollbar-shadow-color: #d7d8dc;
 	scrollbar-track-color: #d7d8dc;
}
div#centered {
	border: 0;
	margin: 0px auto;
	width: 940px;
    text-align:left;
    position:relative;
    left:50%;
    margin-left:-470px;  
	top: 50%;
	margin-top:-290px; 
}
#header {
	overflow: hidden;
	height: 132px;
	width: 940px;
}
/*------ Navigation ---------*/
#navigation {
	height: 25px;
	margin-left: 14px;
	margin-top: 2px;
	z-index: 50;
	position: absolute;
}
#navigation ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	float: left;
}
#navigation li {
		position: relative;
}
#navigation ul ul a:link,
#navigation ul ul ul a:link,
#navigation ul ul a:visited,
#navigation ul ul ul a:visited,
#navigation ul ul a:hover,
#navigation ul ul ul a:hover {
	display: block;
	background-color: #F3F3F3;
	filter:alpha(opacity=86);
	opacity: 0.8;
	-moz-opacity:0.8;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #929395;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #929395;
}
#navigation .main-navi-item {
	padding-right: 10px;
}
/**************** HAUPTMENUE floats menu coding *****************/

#navigation ul ul {
	position: absolute;
	z-index: 500;
	left: 0px;
	top: 19px;
}

#navigation ul ul ul {
	position: absolute;
	left: 100%;
	top: 0px;
	z-index: 510;
}
div#navigation ul ul,
div#navigation ul li:hover ul ul,
div#navigation ul ul li:hover ul ul
{
	display: none;
}

div#navigation ul li:hover ul,
div#navigation ul ul li:hover ul,
div#navigation ul ul ul li:hover ul
{
	display: block;
	height: 1%;
	background-color: #F3F3F3;
}

#navigation ul li a  {
	height: 1%;
} 
#navigation ul li a  {
		
} 
/**************** Content *****************/

#content-box {
	height: 550px;
	width: 940px;
}
#content {
	position: absolute;
	top: 158px;
	height: 392px;
	width: 940px;
	background-image: url(../gfx/content-hg.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#content-left {
	overflow: auto;
	margin-left: 28px;
	height: 290px;
	width: 635px;
	padding-top: 14px;
}
#content-right {
	overflow: hidden;
	height: 290px;
	width: 220px;
	padding-top: 14px;
	position: absolute;
	left: 696px;
	top: 35px;
}
#title-left {
	position: absolute;
	width: 645px;
	font-weight: bold;
	color: #929395;
	background-color: #D7D8DC;
	display: block;
	padding-top: 2px;
	padding-left: 14px;
	margin-left: 14px;
	top: 19px;
	height: 16px;
}
#title-right {
	overflow: hidden;
	width: 230px;
	font-weight: bold;
	color: #929395;
	background-color: #D7D8DC;
	display: block;
	padding-top: 2px;
	padding-left: 14px;
	position: absolute;
	left: 683px;
	top: 19px;
	margin: 0px;
	height: 16px;
}
#content2col .linkespalte {
	float: left;
	width: 46%;
	margin-right: 4%;
}
#content2col .rechtespalte {
	float: left;
	width: 46%;
	margin-left: 4%;
}
#content3col .linkespalte {
	float: left;
	width: 185px;
	margin-right: 15px;
}
#content3col .mittlerespalte {
	float: left;
	width: 185px;
	margin-right: 15px;
}
#content3col .rechtespalte {
	float: left;
	width: 195px;
	margin: 0px;
}


/*--------- FOOTER ------- */
#footer-navi {
	padding-left: 14px;
}
#footer-navi ul {
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Tahoma, Arial, Geneva, sans-serif;
	list-style-type: none;
}
#footer-navi li {
	float: left;
	margin-left: 8px;
	margin-top: 5px;	
}
#footer-navi li a:link {
	text-decoration: none;
	color: #CACBD0;
}
#footer-navi li a:hover {
	text-decoration: none;

}
#footer-navi .footer-item a:link,
#footer-navi .footer-item a:visited {
	text-decoration: none;
	color: #CACBD0;
}
#footer-navi .footer-item a:hover,
#footer-navi .footer-item a:active {
	text-decoration: none;
	color: #e2001a;
}
#footer-navi .meta a:link,
#footer-navi .meta a:visited {
	text-decoration: none;
	color: #e4e4e4;
}
#footer-navi .meta a:hover,
#footer-navi .meta a:active {
	text-decoration: none;
	color: #e2001a;
}
#footer-navi .act a:link,
#footer-navi .act a:visited {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}
#footer-navi .act a:hover,
#footer-navi .act a:active {
	text-decoration: none;
	color: #e4e4e4;
}
#footer-navi .footer-item {
	padding-left: 14px;
	background-image: url(../gfx/pfeile/point_dunkelrot.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#footer-navi ul.language {
	margin-left: 685px;
}
.clearer {
	clear: both;
}
/*--------- BREADCRUMB ------- */
#breadcrumb {
	text-align: right;
	position: absolute;
	right: 14px;
	top: 138px;
	margin: 0px;
}
#breadcrumb ul {
	list-style-type: none;
	margin: 0px;
}
#breadcrumb li {
	float: left;
}

/* -------- STANDARDS ------------- */
a:link,
a:visited {
	color: #FFFFFF;
}
a:hover,
a:active {
	color: #e2001a;
}
h1 {
	font-size: 14px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	font-weight: bold;
}
h2 {
	font-size: 12px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	font-weight: bold;
}
h3 {
	font-size: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	font-weight: bold;
}
h4 {
	font-size: 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	font-weight: bold;
	color: #e2001a;
}
h5 {
	font-size: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	font-weight: bold;
	color: #e2001a;
}
.bodytext {
	margin-top: 1px;
	margin-bottom: 6px;	
}
#scrollerOuter .csc-textpic-image,
#content-right .csc-textpic-image {
	border: solid #FFFFFF 1px;
}
.csc-textpic-intext-right {
	margin-right: 2px;
}

.csc-textpic-intext-right-nowrap .csc-textpic-image {
	
}
#content ul {
	margin: 0px 0px 10px 15px;
	padding: 0px;	
}
#content li {
	margin: 0px;
}
/*--------------------------  Files upload Styles   --------------------------*/
.csc-uploads {
	font-size: 10px;
}
.csc-uploads-icon {
	vertical-align: top;
}
.csc-uploads-fileSize {	
	vertical-align: top;
	white-space: nowrap;
}
.csc-uploads-fileSize p {	
	margin: 2px 5px 0px 0px;
}
.csc-uploads-fileName {
	width: 80%;
	font-weight:bold;
}
.csc-uploads-fileName p {
	margin: 1px;
}
.csc-uploads-description {
	padding: 3px 0px 0px;
	vertical-align: top;
	font-weight: normal;
}
.download-icon {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;	
}
.download-item {
	margin: 0px;
	padding: 0px;
}
.download-item td {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
}
.download-icon img {
	border: 0px none #CCCCCC;
}
.download-title {
	font-weight: bold;
}
.download-description a {
	text-decoration: none;
}
.download-filesize {
	margin-left: 5px;
}
/*-------------------------- Formular Styles   --------------------------*/
.tx-pilmailform-pi1 {
	font-family: Verdana, Tahoma, Arial, Geneva, sans-serif;
	font-size: 9px;
}
.tx-pilmailform-pi1 td {
	font-family: Verdana, Tahoma, Arial, Geneva, sans-serif;
	font-size: 9px;
	margin: 0px;
	padding: 0px;
}
.tx-pilmailform-pi1 .header {
	margin: 0px;
	padding-bottom: 8px;
}

.tx-pilmailform-pi1 form {
	margin: 0px;
	padding: 0px;
}

.csc-form-fieldcell input,
.csc-mailform-field input,
.tx-pilmailform-pi1 .form-input {
	font-family: Verdana, Tahoma, Arial, Geneva, sans-serif;
	font-size: 9px;
	background-color: #FFFFFF;
	padding: 1px;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 0px none;
	border-left: 0px none;
}
.tx-pilmailform-pi1 .form-input {
	width: 180px;
}
.tx-pilmailform-pi1 .form-textarea {
	font-family: Verdana, Tahoma, Arial, Geneva, sans-serif;
	font-size: 9px;
	background-color: #FFFFFF;
	padding: 1px;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 0px none;
	border-left: 0px none;
	width: 250px;
}
.tx-pilmailform-pi1 .form-check {
	font-family: Verdana, Tahoma, Arial, Geneva, sans-serif;
	font-size: 9px;
	padding: 0;
	border: 0px hidden;
	margin: 0;
}
.tx-pilmailform-pi1 .form-select {
	font-family: Verdana, Tahoma, Arial, Geneva, sans-serif;
	font-size: 9px;
	margin-left: 0px;
	background-color: #FFFFFF;
	padding: 0px;
    border: 0;
}
.tx-pilmailform-pi1 .form-label {
	font-family: Verdana, Tahoma, Arial, Geneva, sans-serif;
	font-size: 9px;
	padding: 4px;
}
.tx-pilmailform-pi1 .table-spacer {
	width: 35px;
}
.submitbutton  {
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #929395;
	text-decoration: none;
	color: white;
	font-family: Verdana, Tahoma, Arial, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.submitbutton:hover {
	margin: 0;
    padding: 0;
    border: 0;
    background-color: transparent;
    text-decoration: none;
	color: #e2001a;
	font-family: Verdana, Tahoma, Arial, Geneva, sans-serif;
	font-size: 11px;
}
#csc-submit-button {
	padding-top: 5px;
	padding-bottom: 5px;
		border: 0;
	background-color: #929395;
	text-decoration: none;
	color: white;
	font-family: Verdana, Tahoma, Arial, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
#csc-submit-button:hover {
	padding-top: 5px;
	padding-bottom: 5px;
	 border: 0;
    background-color: transparent;
    text-decoration: none;
	color: #e2001a;
	font-family: Verdana, Tahoma, Arial, Geneva, sans-serif;
	font-size: 11px;
}

.mailerror {
	font-weight: bold;
	color: red;
	font-size: 9px;
}
.suchwortausgabe {
	border-top: 1px solid #CCCCCC;
	margin-top: 5px;
	margin-bottom:20px;
	padding-top: 5px;
	padding-bottom:5px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.news-search-form table {
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	border: 0px;
}
.news-search-form td,
.news-search-form tr {
	margin: 0px;
	padding: 0px;
	border: 0;
	border-collapse: collapse;
}
.news-search-form {
	margin-top: 0px;
	padding-top: 0px;
}
.news-search-form form {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.news-search-form .form-label {
		margin: 0px;
	padding: 0px;
}
.news-search-emptyMsg {
	width: 400px;
}
/************** #csc-form styles **************/
#content csc-mailform {
}
.csc-mailform legend {
	font-size: 140%;
	color: #666666;
	margin: 1px 0px 6px 0px;
	padding: 0px;
	font-weight: normal;
	font-weight: 100;
	line-height: 120%;
}

.csc-mailform-field label{
	display: block;
	padding-top: 5px;
	padding-bottom: 1px;
}

#mailformformtype_mail {
	background-color:#FFFFFF;
	font-weight: bold;
	margin-top: 10px;	
}
.csc-mailform-field .csc-mailform-submit:hover
.csc-mailform-submit:hover {
	color:#FFFFFF;
	background-color: #e2001a;
}
.csc-mailform-submit:active {
	color:#FFFFFF;
	background-color: #e2001a;
}
#content .csc-form-label-req {
	margin: 0px;
	padding: 0px;		
}
#content .csc-mailform-field textarea {
	font-family: Verdana, Tahoma, Arial, Geneva, sans-serif;
	font-size: 9px;
	padding: 2px;
	color: #000000;
}


#content .csc-form-radio {
	font-family: Verdana, Tahoma, Arial, Geneva, sans-serif;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
}

#content .csc-form-fieldcell select {
	font-family: Verdana, Tahoma, Arial, Geneva, sans-serif;
	color: #000000;
	background-color: #CCCCCC;
	border: 1px solid #436BB1;
	padding: 2px;
	}
#content .csc-mailform{
	font-family: Verdana, Tahoma, Arial, Geneva, sans-serif;
	font-size: 100%;
	line-height: 1.5;
}

/*---------------  SCROLLER ---------*/

#scrolleiste {
	position: absolute;
	width: 13px;
	left: 660px;
	top: 50px;
	display: none;
}
#dragbox {
	height: 240px;
	width: 13px;
	background-image: url(../scroller/slider_hg.gif);
	}
#drag {
	visibility: hidden;
}
#scrollerOuter {
	width: 644px;
	height: 305px;
	overflow: auto;	
	position: absolute;
	/*clip:rect(0px,360px,250px,0px);
	visibility:hidden;*/
	left:29px;
	top:36px;
}
#scrollerInner {
	position:absolute;
	left:0px;
	top:20px;
	width: 602px;
}
/*---------------  Busseiten Auflistung ---------*/
.image-liste {
	float: right;
	border: 1px solid #CCCCCC;
}
.busliste {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.diashow {
	width: 290px;
	height: 178px;
	visibility: hidden;
	z-index: 100;
	position: absolute;
	left: 0px;
	top: 6px;
}
/*---------------  Adressen ---------*/
.adresse-normal {
	margin-top: 8px;
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.adresse-spalten {
	margin-top: 8px;
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	float: left;
	margin-right: 30px;
}
.adr {
	margin-bottom: 4px;
}
.street-address {

}
.org {
	font-weight: bold;
}
.photo-liste {
	margin-left: 25px;
	border: 1px white solid;
	float: right;
}
.photo-spalten {
	margin-right: 15px;
	border: 1px white solid;
	float: left;
}
.adresse-normal a:hover,
.adresse-spalten a:hover,
.adresse-normal a:link,
.adresse-spalten a:link,
.adresse-normal a:visited,
.adresse-spalten a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
/*-----------------  News ------------------*/
.news-list-container .news-list-item {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px #CCCCCC solid;
}
.news-list-container .news-list-image {
	margin-left: 25px;
	border: 1px white solid;
	float: right;
}
.news-list-morelink {
	font-weight: bold;

}
.news-list-morelink a {
	text-decoration: none;
	display: inline;
}
/*-----------------  News SINGLE ------------------*/
.news-box {
	margin-left: 215px;
	width: 380px;
}
.news-single-item {
	margin-bottom: 20px;
	
}
.news-single-item .news-image-box {
	display: block;
	width: 195px;
	float: left;
	margin-right: 0px;
}

.news-single-item .news-single-img {
	margin-right: 0px;
}
.news-single-item .news-single-img img {
	border: 1px white solid;
}
.news-single-item h2 {
	margin-bottom: 10px;
}
.news-single-item .news-single-imgcaption {
	margin-bottom: 10px;
	margin-top: 2px;
}
.news-filebody img {
	padding-right: 4px;
	padding-left: 4px;
	vertical-align: text-bottom;
}
.news-file-single-files {
	margin-top: 15px;
	margin-bottom: 15px;
}
/*-----------------  News Übersichtslisten ------------------*/
.news-shortlatest-container {
}
.news-shortlatest-container .news-latest-item {
	margin-bottom: 4px;
	padding-left: 10px;
	background-image: url(../gfx/pfeile/pfeil-liste.gif);
	background-repeat: no-repeat;
}
.news-shortlatest-container .news-latest-title  {
	font-weight: bold;
}
.news-shortlist-container {
}
.news-shortlist-container a:link,
.news-shortlist-container a:visited {
	text-decoration: none;
}
.news-shortlatest-container a:hover,
.news-shortlatest-container a:active {
	text-decoration: none;
}
.news-shortlist-container .news-list-item {
	margin-bottom: 4px;
	padding-left: 10px;
	background-image: url(../gfx/pfeile/pfeil-liste.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}
.news-shortlist-container .news-list-title  {
	font-weight: bold;
}
/*-----------------  News SINGLE BUSSE ------------------*/
.news-single-bus-item .news-single-img {
	width: 290px;
	height: 280px;
	margin-right: 0px;
	margin-left: 0px;
	float: left;
}

.news-single-bus-item img {
	border: 1px white solid;
}
.news-single-bus-item .thumb {
	margin-top: 10px;
	margin-bottom: 0px;
	margin-right: 7px;
	float: left;
}
.news-single-bus-item .bus-image-last {
	margin-right: 0px;
}
/* temporär!!! */
.news-list-item .thumb {
	display: none;
}
.news-single-bus-text-box {
	margin-left: 295px;
	margin-right: 0px;
	width: 305px;
}
.news-single-backtolist {
	margin-top: 25px;
}

/************** #csc Content Rahmen styles **************/
/* viertel breit  */
.csc-frame-indent6633 {
	float: left;
	width: 22%;
	padding-right: 3%;
	margin-bottom: 15px;
}

.csc-frame-invisible {
	border: 1px solid #CCCCCC;
	padding: 15px;
}
.csc-frame-indent {
	float: left;
	width: 195px;
	padding-right: 10px;
	margin-bottom: 15px;
}mailform
.csc-frame-indent6633 {
	width: 405px;
	margin-right: 10px;
	margin-bottom: 15px;
}
.csc-frame-indent3366 {
	width: 405px;
	margin-right: 10px;
	margin-bottom: 15px;
}
.csc-frame-frame2,
.rahmen-rot {
	border: 1px solid #e60a3c;
	padding: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#content-right .csc-frame-frame1 .csc-textpic-image,
#content .csc-frame-frame1 .csc-textpic-image {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.csc-frame-rulerAfter {
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #CCCCCC;
}
.csc-frame-rulerBefore {
	margin-top: 8px;
	padding-top: 8px;
	border-top: 1px solid #CCCCCC;
}