/*-------------------------------- externe CSS importieren ------------------------------*/
/*CSS Datei für den HTMLAREA RTE*/
@import url("rte.css");


/* ----------------------- default -------------------------------------- */
body, html {
	/*overflow-x: hidden;*/
	/*overflow-y: auto;*/
	margin: 0px;
	padding: 0px;
}

body { 
	font-family: Tahoma, Verdana, Arial, sans-serif;
	background-color: #E4F2F2; 
	background: url("../images/htmlbg.gif") top repeat-x;
	font-size: 12px;
	/*font-weight: regular;*/
	color: #333;
	padding: 0;
	border-top: none;
}

h1 {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #444;
	padding: 0 2px;
	margin-bottom: 12px;
	border-bottom: 1px solid #555;
}

h2 {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 2px;
	border: none;
}

a {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-weight: bold;	
	color: #666;
}

/* ---------------------------------------------------------------------- */
/* ----------------------- header --------------------------------------- */
div#header {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background-color: #D6D8DE;
}

div#header_top {
	background: url("../images/header_dots.gif") top right no-repeat;
	height: 30px;
	background-color: #D6D8DE;
	padding-top: 3px;
}

div.title_image {
	background: url("../images/webreb_logo.png") top left no-repeat;
	height: 40px;
	margin: 0px 0px 0px 21px;
}

div#header_middle {
	background-color: #FCDA84;
	color: #006393;
	font-weight: normal;
	padding: 2px 21px;
}

div#header_middle div.rightalign {
	font-size: 11px;
	padding-left: 3px;
	color: #006393;
	text-align: right;
}

div#header_bottom {
	background: #2385B6 url("../images/headerbg2.gif") bottom repeat-x;
	color: #FFF;
	font-weight: bold;
	height: 31px;
	border-bottom: 1px solid #000;
}

div#header_navigation {
	text-align: left;
	vertical-align: bottom;
	padding-top: 9px;
	padding-left: 20px;
}

div#header_search {
	text-align: right;
	padding-right: 15%; /*185px*/
}

/* ------------------------------- top-navigation --------------------------------------------------------------*/
		/*--------------------- active ---------------------*/
.activemainartop * {					
	border-style: solid;
	border-width: 0 1px;
	display: block;
	height: 1px;
	overflow: hidden;
	font-size: 1px;
	background-color: #9A9A9A;
	border-color: #555555;
}

ul.maintab li {
	margin: 0px;
	padding: 0px;
	float: left;
	display: block;
	margin-left: 3px;
	text-align: center;
}

ul.maintab li.active a {
	background: #9A9A9A !important;
	border-left: 1px solid #555555;
	border-right: 1px solid #555555;
	border-bottom: 1px solid #9A9A9A;
}

ul.maintab li.active {
	position: relative;
	top: 1px;
}


			/*--------------------- normal ---------------------*/
ul.maintab, ul.maintab li {
	margin: 0px;
	padding: 0px;
	float: left;
	display: block;
	margin-left: 3px;
	text-align: center;
}

ul.maintab a {
	display: block;
	text-decoration: none;
	padding: 0 8px 3px 8px;
	margin: 0 0 0 0;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	background: #4699C2;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	border-left: 1px solid #67ADCF;
	border-right: 1px solid #67ADCF;
	border-bottom: 1px solid #4699C2;
	white-space: nowrap;
}

ul.maintab a:hover{
	color: #333;
}

.mainartop * {					
	border-style: solid;
	border-width: 0 1px;
	display: block;
	height: 1px;
	overflow: hidden;
	font-size: 1px;
	background-color: #4699C2;
	border-color: #67ADCF;
}

/*----------------------------------- sub-navigation -------------------------------------------------*/

/*---- Darstellung des Tabs auf der Seite Leistung --------------------------*/			
.detailartop * {
	border-style: solid;
	border-width: 0 1px;
	display: block;
	height: 1px;
	overflow: hidden;
	font-size: 1px;
	background-color: #F4F4F4;
	border-color: #555;
}

ul.detailtab li.active span{
	display: block;
	text-decoration: none;
	padding: 0 8px 3px 8px;
	margin: 0 0 0 0;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	background: #F4F4F4;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	/*border-bottom: 1px solid #555;*/
	border-bottom: none;
	white-space: nowrap;
}

ul.detailtab {
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 1px;
}

ul.detailtab li {
	float: left;
	display: block;
	margin-left: 3px;
	text-align: center;
}
/*-------------- end --------------------*/

/*----------------------- active -----------------------*/
			
.activeartop * {
	border-style: solid;
	border-width: 0 1px;
	display: block;
	height: 1px;
	overflow: hidden;
	font-size: 1px;
	background-color: #F8F8F8;
	border-color: #555;
}

ul.tab li.active a{
	color: #000;
	background: #F8F8F8;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
}

ul.tab li.active {
	position: relative;
	top: 1px;
}

			/*------------------------ normal -----------------------*/
div.tabs {
	margin-left: 20px;
	margin-top: 20px;	
}

* html div.tabs {
	height: 1px;
	position: relative;
	z-index: 100;
}

div.tabs {
	margin-bottom: -3px;
}

div.tabs br {
	clear: both;
}

ul.tab {
	margin: 0px;
	padding: 0px;
}

ul.tab li {
	float: left;
	display: block;
	margin-left: 3px;
	text-align: center;
}

ul.tab li.spacer {
	width: 30px;
}

ul.tab a {
	display: block;
	text-decoration: none;
	padding: 0 8px 3px 8px;
	margin: 0 0 0 0;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	background: #94A6B1;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	/*border-bottom: 1px solid #555;*/
	border-bottom: none;
	white-space: nowrap;
}

ul.tab a:hover{
	color: #333;
}

.artop * {
	border-style: solid;
	border-width: 0 1px;
	display: block;
	height: 1px;
	overflow: hidden;
	font-size: 1px;
	background-color: #94A6B1;
	border-color: #666;
}

/*----------------------------------- tabs abrunden --------------------------------------------------------*/
.re1 {
	margin-left: 5px;
	margin-right: 5px;
	border-width: 1px 0 0;
	height: 0px !important;
	height /**/: 1px;
}

.re2 {
	margin-left: 3px;
	margin-right: 3px;
	border-left-width: 2px;
	border-right-width: 2px;
}

.re3 {
	margin-left: 2px;
	margin-right: 2px;
}

.re4 {
	margin-left: 1px;
	margin-right: 1px;
	height: 2px;
}




/*------------------------------------------------ content ------------------------------------------------------------*/

div#content {
	margin: 3px 20px;
	padding: 16px;
	background-color: #F8F8F8;
	border: 1px solid #555;
	/*border-top: none;*/
	min-height: 420px;
}

#content_left {
	margin-bottom: 75px;
}

#content_right {
	float: right;
	width: 300px;
	padding: 10px;
}


/*--------------------------------------- Bilder --------------------------------------*/

.csc-textpic-imagerow dl {
	position: relative;
	right: 5px;
}

.csc-caption {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	/*font-weight: regular;*/
	text-align: center;
	color: #333;
}


/*--------------------------------------- Startseite ----------------------------------------------*/
table#contentboxes {
	margin: 0px 0px 10px 0px;
}

th.empty {
	width: 25px;
}

th.contentboxtop {
	color: #FFF;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #000;
	border-bottom: none;
	border-right: none;
	padding: 2px 0px 2px 5px;
}

th#box_left { background-color: #2385B6; } /*#4196BD;*/
th#box_middle { background-color: #FEA201; } /*alternativ: #FCDA84*/
th#box_right { background-color: #666666; } /*#9A9A9A*/

td.contentbox {
	text-align: left;
	vertical-align: top;
	background-color: #F4F4F4;
	border-left: 1px solid #000;
	width: 200px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	padding: 5px 0px 0px 5px;
}

th.blueborder_top {	width: 17px; background: url("../images/blueborder_top.gif") no-repeat; background-position: 0 0; }
th.yellowborder_top { width: 17px; background: url("../images/yellowborder_top.gif") no-repeat; background-position: 0 0; }
th.greyborder_top { width: 17px; background: url("../images/greyborder_top.gif") no-repeat; background-position: 0 0; }
td.border_right { width: 17px;	background: url("../images/border_right.gif") left no-repeat; }
td.border_bottom { background: url("../images/border_bottom.gif") no-repeat;	background-position: 0 0; }
td.border_corner { background: url("../images/border_corner.gif") no-repeat;	background-position: 0 0; }


/*--------------------------------------- Pressemitteilungen (News) ----------------------------------------------*/
div.news_list {
	margin-bottom: 25px;
	border: 1px solid #FFF;
}

div.news_latest {
	clear: left;
	margin-top: 20px;
	margin-bottom: 10px;
	border: 1px solid #FFF;
}

span.news_listHeaderFont, .news_latestHeaderFont {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #FFF;
}

span.news_listHeaderFont a, .news_latestHeaderFont a {
	font-weight: bold;
	color: #FFF;
}

div.news_listHeader, .news_latestHeader{
	background-color: #4196BD;
	padding: 2px;
	border-bottom: 1px solid #FFF;
}

div.news_listContent, .news_latestContent {
	padding: 5px 5px 10px 5px;
	background-color: #D1E5EE;
}

div.news_Image {
	float: right;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
}

div.news_listBrowse {
	clear: right;
}

p#news_singleHeaderDate {
	text-align: right;
}


/*--------------------------------------- Features Liste ----------------------------------------------*/
td#featuresLinks {
	margin: 0px;
	padding: 0px;
	width: 50%;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	vertical-align: top;
}

td#featuresLinks ul {
	padding-left: 10px;
}

td#featuresLinks li {
	padding-bottom: 10px;
}

td#featuresLinks a.link-aktiv {
	font-style: italic;
	color: #2385B6;
}

td#featuresDetail {
	padding: 5px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	width: 50%;
	vertical-align: top;
	border: 1px solid #000;
	background-color: #F4F4F4;
}

/*------------------------ Kontakt-Formular -------------------------*/

div#mailform_fields {
	float: left;
	width: 350px;
	margin-top: 0px;
	margin-left: 5px;
}

div#mailform_fields table {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	border: none;
	margin-top: 12px;
}

div#mailform_options {
	margin-top: 25px;
	min-height: 220px;
	margin-left: 360px;
}

p.mailform_error {
	font-size: 11px;
	font-weight: bold;
	color: red;
}

INPUT#plz { width:50px; }
INPUT#ort { width: 150px; }

div#mailform_submit {
	clear: left;
	margin-top: 5px;
}
			
INPUT.button {
	width:100px; 
	border: 1px solid #666;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #666;
	font-size: 11px;
	font-weight: bold;
	padding: 1px 12px 2px 12px;
	background-color: #fff;
	text-decoration: none;
	vertical-align: middle;
}

INPUT.button:hover {
	border: 1px solid #FFF;
	color: #FFF;
	background-color: #2385B6;
}

INPUT.textfield {
	width: 200px;
}

INPUT.textfield:hover, INPUT.textfield:focus {
	width: 200px;
	background-color: #FFFFBF;
}

.mailtext:hover, .mailtext:focus {
	background-color: #FFFFBF;
}




/*------------------------ Suchformular Kopfbereich -------------------------*/
INPUT.quicksearch {
	background-color: #50A2CB;
	border-width: 1px;
	border-style: solid;
	border-color: #9EC9DE;
	width: 150px;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	padding: 1px;
	text-align: center;
}

INPUT.quicksearch:focus, INPUT.quicksearch:hover {
	background-color: #FFF;
	border-width: 2px;
	border-style: inset;
	border-color: #FFF;
	width: 150px;
	font-weight: bold;
	color: #000;
	padding: 1px;
	text-align: left;
}

INPUT.quicksearchbtn {
	background-color: #50A2CB;
	border-width: 1px;
	border-style: solid;
	border-color: #9EC9DE;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
}

INPUT.quicksearchbtn:hover {
	color: #FFF;
	border: 1px solid #FFF;
}


/*------------------------ Suchformular -------------------------*/

/* indexed_search Formular
*/
DIV.tx-indexedsearch-searchbox p { 
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 13px; 
}
INPUT.tx-indexedsearch-searchbox-sword { width: 200px; margin-left: 5px; }
INPUT.tx-indexedsearch-searchbox-sword:hover, INPUT.tx-indexedsearch-searchbox-sword:focus { background-color: #FFFFBF; }
INPUT.tx-indexedsearch-searchbox-button {
	width:100px; 
	border: 1px solid #666;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #666;
	font-size: 11px;
	font-weight: bold;
	padding: 1px 12px 2px 12px;
	background-color: #fff;
	text-decoration: none;
	vertical-align: middle;
}
INPUT.tx-indexedsearch-searchbox-button:hover {
	color: #FFF;
	background-color: #2385B6;
	border: 1px solid #FFF;
}

/*indexed_search Suchergebnis
*/
DIV.tx-indexedsearch-browsebox p {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #4196BD;
}
.tx-indexedsearch-browsebox p strong { color: #000; }
DIV.tx-indexedsearch-res table{
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #4196BD;
}
DIV.tx-indexedsearch-res .tx-indexedsearch-descr {
	font-weight: normal;
	color: #333;
}
DIV.tx-indexedsearch-res .tx-indexedsearch-info {
	font-weight: normal;
	color: #333;
}
STRONG.tx-indexedsearch-redMarkup { 
	color: red;
	font-weight: normal;
}
TD.tx-indexedsearch-info {
	border-bottom: 1px dotted #555;
	padding-bottom: 5px;
}


/* Standard-Suchformular
/*
/**/
DIV.searchform {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
}

h2.searchResultHeader {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666;
	padding: 0px;
	margin-bottom: 10px;
	border-style: none;
}

DIV.searchResult, .noSearchResult {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #4196BD;
}

p.searchResult {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	margin-bottom: 25px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #555;
}




/*------------------------ Sitemap ------------------------------*/

div.sitemap {
	padding: 10px 15px;
}

div.sitemap-level1 {
	margin-bottom: 5px;
}

div.sitemap-level1 a:hover {
	padding-bottom: 2px;
	margin-bottom: 10px;
	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;
	background-color: #F4F4F4;
}

div.sitemap-level1 a {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #4196BD;
	padding-bottom: 2px;
	margin-bottom: 10px;
}

div.sitemap-level2 {
	margin-left: 10px;
	margin-bottom: 5px;
}

div.sitemap-level2 a {
	background: url("../images/siteMapPfeil.gif") no-repeat left;
	padding-left: 15px;
}

div.sitemap-level2 a:hover {
	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;
	background-color: #F4F4F4;
	padding-bottom: 1px;
}



/*------------------------------------------------ footer --------------------------------------------------------------*/

div.footer{
	margin: 35px 20px 20px 20px;
	background-color: #F8F8F8;
	border: 1px solid #555;
	padding: 2px;
	/*text-align: center;*/
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #333;
}

div.footer img {
	float: right;
	margin: 2px 10px 2px 0px;
}

ul.footer {
	margin: 0px;
	padding: 12px 0px 12px 10px;
}

ul.footer li {
	display: inline;
	padding-right: 30px;
	text-align: center;
}

/* W3C XHTML Valid*/
#valid {
	margin: 20px 20px 20px 20px;
}