/*******************************************************************************
	Filename		: haupt_css_260209.css

	Created			: 26 February 2009 (12:13:38)
	Created by		: Alex Käfer

	Last Updated	: 26 February 2009 (12:14:06)
	Updated by		: Alex Käfer

	Comments		: Haupt Style Datei für den Template: haupt_template_260209.html
*******************************************************************************/
/* Reset (http://meyerweb.com/eric/tools/css/reset/) ------------------------ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,
img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i,
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td
{margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

body {line-height:1; height:100%;}

ol, ul {list-style: none;}

table { border-collapse: collapse; border-spacing: 0; }

/* General ------------------------------------------------------------------ */

html {font-size: 62.5%; /* reset 1em to 10px */	height: 100%; }

body {background:#f8f8f8; color: #63737c; font: normal 1.3em Arial, Helvetica, sans-serif; height: 100%; padding-bottom: 1px; /* force scrollbars */}

/* Fonts -------------------------------------------------------------------- */

p {line-height: 1.4em; padding-top:10px; color:#63737c;}

h1 {font: normal 1.8em Verdana,sans-serif; color:#697982; width:100%; border-bottom:1px #cfcfcf dotted; padding-bottom:5px;}
h2 {font: normal 1.3em Verdana,sans-serif; color:#697982; border-bottom:1px #cfcfcf dotted; padding-bottom:5px;}
h3 {font: normal 1.3em Verdana,sans-serif; color:#697982;}
h4 {font: normal 1.8em Verdana,sans-serif;}
h5 {font: normal 1.6em Verdana,sans-serif;}
h6 {font: bold 1.2em Verdana,sans-serif;}

/* Content -------------------------------------------------------------------*/

.banner_container {width:1000px; height:98px; margin:0 auto; border:1px #cfcfcf solid; margin-top:10px; background: url(../images/banner_bg.jpg) repeat-x;}
.main_navi_container {float:right; width:auto; height:20px; background:#f8f8f8; border:1px #cfcfcf solid; border-top:none; margin-top:-1px; margin-right:20px; padding:0 5px 0 5px;}

ul.main_navi_ul {margin:0; padding:0;}
ul.main_navi_ul li.main_navi_li {float:left; padding:0 7px 0 7px;}
ul.main_navi_ul li.main_navi_li a {text-decoration:none; color:#63737c; font-size:0.8em;}
ul.main_navi_ul li.main_navi_li a:hover {text-decoration:underline; color:#000000; font-size:0.8em;}

.haupt_navi_container {width:1000px; height:35px; margin:0 auto; border:1px #cfcfcf solid; margin-top:2px; background: url(../images/navi_bg.jpg) repeat-x;}
ul.haupt_navi_ul {margin:0; padding:0;}
ul.haupt_navi_ul li.haupt_navi_li {float:left; padding:0 7px 0 7px;}
ul.haupt_navi_ul li.haupt_navi_trenner {float:left; margin:0; padding:0;}
ul.haupt_navi_ul li.haupt_navi_li a {text-decoration:none; color:#63737c; font-size:0.85em; display:block; height:22px; padding-top:10px; padding-left:7px; padding-right:7px;}
ul.haupt_navi_ul li.haupt_navi_li a:hover {color:#000000; border-bottom:4px #000000 solid;}

.search_container {float:right; height:33px; width:auto; margin-right:5px;}
.search_field {width:auto; border:1px #cfcfcf solid; margin-top:7px;}
.submit_button {background: url(../images/search_button.jpg) no-repeat; border:none; width:34px; height:23px; cursor:pointer;}

.footer_container {float:left; width:1000px; height:25px; border:1px #cfcfcf solid; margin-top:2px; background: url(../images/navi_bg.jpg) repeat-x; font-size:0.75em;}
.copyright {float:left; width:auto; padding-top:7px; padding-left:5px;}
.copyright a {text-decoration:none; color:#63737c;}
.copyright a:hover {text-decoration:underline; color:#000000;}

.impressum {float:right; width:auto; padding-top:7px; padding-right:5px;}
.impressum a {text-decoration:none; color:#63737c;}
.impressum a:hover {text-decoration:underline; color:#000000;}

.main_container {width:980px; height:auto; margin:0 auto;}
.content_container {float:left; width:980px; margin:0 auto; color:#000;  border:1px solid #cfcfcf; margin-top:2px; padding:10px 10px 10px 10px; background:#fff;}
.spalte_left {width: 470px;  margin:0; padding:10px 10px 10px 10px;}
.spalte_right {width: 470px;  margin:0; padding:10px 10px 10px 10px;}

/* Sitemap -------------------------------------------------------------------*/
dl {padding-top:20px; padding-bottom:10px; padding-left:50px;}
dl dt {background-image:url(../images/sitemap-icon.png); height:25px; background-repeat: no-repeat; background-position: left top;}
dl dt a{color:#697982; padding-left:30px; text-decoration:none; padding-top:5px; font-size:1.1em; font-weight: bold;}
dl dt a:hover{color:#697982; padding-left:30px; text-decoration:underline;}
dl dd {color:#63737c; padding-left:50px; padding-bottom:10px; background-image:url(../images/sitemap-icon-sub.png);  background-repeat: no-repeat; background-position: left top;}

/*News -----------------------------------------------------------------------*/
.news-list-date {font-size:0.4em; color:#aeaeae;}
.news-list-item {padding-top:10px; border-bottom:1px solid #aeaeae; padding-bottom:10px; margin-bottom:10px;}
.news-list-item h3 a {display:block; font-size:0.7em; color:#63737c; text-decoration:none; padding-top:5px;}
.news-list-morelink a {color:#63737c; text-decoration:none;}
.news-list-morelink a:hover {color:#63737c; text-decoration:underline;}

/* Search --------------------------------------------------------------------*/
.tx-indexedsearch-title a {font-size:1.3em; color:#63737c; text-decoration:none; font-weight: bold;}
.tx-indexedsearch-descr {color:#63737c; font-style: normal;}
.tx-indexedsearch-info a {color:#63737c; text-decoration:none;}
.tx-indexedsearch-info a:hover {color:#63737c; text-decoration:underline;}
.tx-indexedsearch-browsebox {padding-bottom:10px;}

/* Kontakt -------------------------------------------------------------------*/
#mailform {padding-top:10px;}
.form_field, .form_text, .form_button {border:1px solid #aeaeae;}
.form_label_m {float:left; width:55px; text-align:left; padding:5px 5px 5px 5px;}
.form_field_m {float:left; width:380px; padding:5px 5px 5px 5px;}
.form_button {background-color:#cfcfcf;}

/* Text with Image -----------------------------------------------------------*/
.csc-textpic-imagewrap dl, .csc-textpic-imagewrap dd, .csc-textpic-imagewrap dt {background:none; margin-left:0; padding-left:0;}

/* Startseite ----------------------------------------------------------------*/
.col_right {float:right; width:700px;}
.werbefl_container2 {float:right; width:694px; height:auto; border:1px solid #aeaeae; padding:0; margin:0; line-height:0px;}
.werbefl_container2 .csc-textpic-image {padding:0; margin:0; padding-top:2px;}
.werbefl_container2 p, .werbefl_container2 h1 {padding:5px 5px 5px 5px;}
.col_left {float:left; width:276px; padding:0; margin:0;}
.cal_container .csc-textpic-image {padding:0; margin:0; padding-top:2px;}
.cal_container {border:1px solid #aeaeae;}
.werbefl_container1 {margin-top:5px; border:0px solid #aeaeae;}
.werbefl_container1 dl {padding:0;}
.werbefl_container1 .csc-textpic-imagewrap {border:1px solid #aeaeae; padding:3px; height:60px;}
.werbefl_container1 .csc-textpic {margin-top:5px;}
.news-latest-container h2, .news-latest-date {display:none;}

h3 a strong {font-size:0.8em; color:#61727a; text-decoration:none; }
h3 a {text-decoration:none;}
.news_container {float:left; padding:5px; margin-top:10px; width:694px;}
.news_container .bodytext{color:#61727a; font-size:0.8em; padding:0;}
.news_container h3 {padding-bottom:5px;}
.news_container .bodytext .bold {display:none;}
.news_container img, .content_container td img {border:1px solid #aeaeae; padding:2px;}
td img.spacer-gif {border:none;}
.news-latest-morelink a {color:#aeaeae; font-size:0.8em;}
#newscalendar_dayHeader {font-size:0.7em; color:#333;}
#newsCalendar_listItem {font-size:0.6em; color:#999;}
.news-list-item {padding-bottom:10px; border:none;}
.news-list-item .spacer-gif {display:none;}
.news-list-item h3 {font-size:1.8em;}
.news-list-item a {font-size:0.8em;}
.news-list-item img {border:1px solid #aeaeae; padding:2px;}
.news-list-item .bodytext {float:left; width:500px; margin-top:-100px; padding-left:150px; font-size:0.9em;}
.news-list-morelink {float:left; width:980px;  border-bottom:1px dotted #aeaeae; text-align:right; padding-top:5px; padding-bottom:5px;}
.news_list_text .bodytext {}

.news-latest-item {width:325px; height:110px; float:left; padding-right:20px;}

/* News Einzellansicht -------------------------------------------------------*/
.news_title {float:left; width:970px;}
.news-single-timedata {font-size:0.8em; color:#aeaeae;}
.news-single-backlink {padding-top:10px; border-top:1px dotted #aeaeae; margin-top:10px;}
.news-single-backlink a {color:#aeaeae; font-size:0.8em; text-decoration:none;}
.news-single-backlink a:hover {color:#aeaeae; font-size:0.8em; text-decoration:underline;}
.news-single-item img {border:1px solid #aeaeae; padding:2px;}
.news-single-item .spacer-gif {display:none;}
.news-single-item a {color:#aeaeae; text-decoration:none;}
.news-single-item a:hover {color:#aeaeae; text-decoration:underline;}
/* Startseite - Calendar -----------------------------------------------------*/
.newsCalendar_listBody, .tx-ttnews, .newsCalendar_listBody {padding:0; margin:0;}
.newsCalendar_listBody .newsCalendar_listHeader {border:none; background-color:#fff; padding:0; margin:0; font-size:1em; }
.tx-ttnews-listrow {margin-top:10px;}
.tx-ttnews-listrow a {font-size:0.9em; color:#808080; text-decoration:none;}
.tx-ttnews-listrow a:hover {font-size:0.9em; color:#808080; text-decoration:underline; }
.tx-ttnews-browsebox {display:none;}
.calendar-table td {font-size:0.8em; text-align:right; vertical-align:top; color:#aeaeae;}
.columPrevious, .columYear, .columNext {background-color:#666; color:#fff; font-weight:bold; text-decoration:none; font-size:1em;}
.columPrevious a, .columNext a {background-color:#666; color:#fff; text-decoration:none; font-weight:bold;}
.calendar-table th {background-color:#d0d0d0; font-size:0.9em; color:#fff;}
.columYear {font-size:1.1em; color:#fff;}

/* Partner ------------------------------------------------------------------ */
.partner_container {float:left; width:980px; height:auto; background-color:#fff; border:1px #d0d0d0 dotted;}
.logo_container {float:left; width:200px; padding:5px;}
.contact_container {float:left; width:370px; margin:5px; padding-left:10px; border-left:1px dotted #d0d0d0; border-right:1px dotted #d0d0d0;}
.leist_container {float:left; width:230px; padding:5px;}
.leist_container li {margin-left:20px; list-style: disc; color: #63737c; font: normal 1.3em Arial, Helvetica, sans-serif; font-size:1em;}
.p_mehr {width:120px;}
.p_mehr a {font-size:0.8em; color:#aeaeae; text-decoration:none; margin-bottom:5px; display:block;}
.p_mehr a:hover {font-size:0.8em; color:#333333; text-decoration:underline;}

/* Spalte right/Left ---------------------------------------------------------*/
.spalte_left .csc-textpic img, .spalte_right .csc-textpic img, .partner_container .logo_container a img{border:none;}
.csc-textpic-image a{padding:0; margin:0; border:1px solid #aeaeae; padding:2px; display:block; width:253px;}
.csc-textpic-image a:hover{padding:0; margin:0; border:1px solid #000; padding:2px; display:block; width:253px;}

/* Zweite Logo ---------------------------------------------------------------*/
#hauptlogo {width:780px;}
.fr_logo {float:left; margin-top:5px; padding-left:10px;}
.zw_logo {float:right; margin-top:5px;}
.slogan {position:absolute; margin-top:65px; margin-left:101px; color:#14316c; font-size:1.3em; font-weight:bold;}
.slogan_zusatz {font-weight:normal;}


/**/
.news_list_text p.bodytext{
  display:block;
  /*line-height:2em;*/
  margin-top:0px;
  width:100%;
  padding-left:0px;}
  
.news-list-text img{
  text-align:left;
  float:left;}
  
.csc-textpic-imagewrap a,
.csc-textpic-imagewrap a:hover{
  border:0px;
  padding:0;}
