/* Standard  */
html {height: 100%}
body{height: 101%; font-size:101%;font-family:Helvetica,arial,sans-serif; text-align: center; background-color:#D1CFC8 }
#container {font-size: 12px}
form,fieldset{border:0}
ul{padding:0;margin:0;}

/*Standard Farben*/
*{color: #363636}


/*Standard Schriftarten*/
*{font-family:Arial;}



/* Inhalte */
a,a:link {text-decoration:none;outline-width:0; color: #C22219}
a.link_color{color: #C22219 !important}
a:hover{text-decoration:underline;}

h1, .like_h1{font-size:16px; margin-bottom: 12px; color: #C22219 !important }
h2, h3 {font-size:14px;}
h4 {font-size: 12px}
ul,h2,h3,p, input, textarea{font-size:12px}
p,ul,label{}

button {background-color:#D1CFC8 ; color: #333; border: 1px solid #999; cursor:pointer; outline-width:0 !important; height: 21px}
button span{ display: block; line-height: 14px; padding: 0px 4px}


#wrapper{position: relative; width:960px; text-align: left; margin: auto; margin-top: 26px; background-color: #FFF; border: 1px solid #999}
#content  {background-image: url('bg/bg_content.png'); background-repeat: repeat-y; background-position: left top; border: 2px solid #FFF; } 
#footer { background-color:#F3F3F3; border: 2px solid #FFF; }

#footer {padding: 8px;}
#footer li {width: 220px; float: left; display: inline; line-height: 14px; font-size: 11px; list-style: none; margin-right: 10px}



#header {margin: 16px 0;}
#logo {margin-left: 10px; display: block}
#header img {display: block;}
#search {position: absolute; right: 10px; top: 95px;}
#search, #search label, #search input, #search button { }
#search input {height: 21px; line-height: normal;border: 1px solid #999; width:120px; float: left; margin-right: 4px; padding: 2px 0 0 0 }
#search button {float: left;}

#top_nav {position: absolute; right: 10px; top: 10px; list-style: none;}
#top_nav li {float: left; display: inline; margin-left: 5px}
#top_nav li a {color: #363636; margin-right: 5px}

#maincontent{display:inline;float:left;margin-left:0px; width: 610px; overflow: hidden}

/*Navigation*/
#mainnav {display:block;list-style:none;border-bottom:1px solid #E2E2E2;border-top:1px solid #DDDDDD; background:transparent url('bg/background_navigation.gif') repeat-x;  height: 23px; margin-top: 15px}
#mainnav li{float:left;display:inline;color:white; cursor: pointer; padding: 4px 25px 5px 15px; text-transform: uppercase; position: relative}
#mainnav li.active{background-color:#C22219 !important;}
#mainnav li.active a {color: #FFF}
/*
#mainnav li.hover{background-color:#C22219 !important; color: #FFF}
#mainnav li.hover a {color: #FFF}
*/
#mainnav li.active a{text-decoration:none}

 
.subnav {background-color:#C22219 !important; position: absolute; top: 22px; left: 0px; display: none; z-index: 80}
.subnav li {float: none !important; display: block !important ;padding: 2px 15px 2px 15px;}
.subnav li a {color: #FFF; text-transform:none; white-space: nowrap}
.subnav li a:hover {text-decoration: underline !important;}

/* Startseite*/
#top_article {margin-bottom: 20px}
#top_article li {list-style: none; margin: 0; border-top:1px solid #DDDDDD; background:transparent url('bg/background_navigation.gif') repeat-x ; background-color: #E2E2E2 }

#top_article li .top_title, #top_article li .top_title:hover {padding: 8px 0px 6px 16px; margin-right:10px; display: block; color:  #C22219; text-decoration: none;}
#top_article li.selected .top_title, a.top_title:hover{font-weight:bold;}
#top_article li .top_teaserimg {float: left; margin:0 20px 10px 16px; display: inline}
#top_article li .top_teaserp , #top_article li  h2 {color: #534F48}

.content_teaser, .content_teaser_right, .content_teaser_right_big {width: 295px; float: left; margin-bottom: 20px; background-color:#D1CFC8; height: 178px; overflow: hidden; position: relative; }
.content_teaser_right, .content_teaser_right_big {margin-left: 19px}
.content_teaser_right_big {height: 376px}

.content_teaser p , .content_teaser_right p, .content_teaser_right_big p, .content_teaser h2 , .content_teaser_right h2, .content_teaser_right_big h2{padding: 10px 10px 0; }
.content_teaser .csc-textpic-imagewrap img , .content_teaser_right  .csc-textpic-imagewrap img , .content_teaser_right_big .csc-textpic-imagewrap img {margin: 0 0px 10px 0px !important}
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-lastcol {margin-right:10px !important;}
.csc-textpic-intext-right img {text-align: right; margin-right:10px !important; margin-bottom: 10px !important}
.csc-textpic-intext-left  img {text-align: left; margin-right:10px !important; margin-bottom: 10px !important}


/*Magazin Teaser*/
#magazin_teaser{margin: 0px;width:326px;float:left;display:inline; padding-top: 8px; margin-left: 20px}
.marginal_content {margin: 0 10px 20px 10px;padding-bottom: 15px; border-bottom: 1px dotted #CCC }
.marginal_content .inner {padding: 5px 0 0 19px}

#tagcloud {text-align: justify;}
#tagcloud h3{ display: inline;  font-weight: normal; line-height: 18px; text-transform: none; }
#tagcloud h3 a:hover {text-decoration: underline;}

#tagcloud h3.tagcloud_01 {font-size: 10px}
#tagcloud h3.tagcloud_02 {font-size: 12px}
#tagcloud h3.tagcloud_03 {font-size: 14px}
#tagcloud h3.tagcloud_04 {font-size: 16px}
#tagcloud h3.tagcloud_05 {font-size: 18px}



#projekteportal_start {margin: 2px;background-color:#F3F3F3;}
#projekteportal_start ul {margin:2px 10px; list-style: none;}
#projekteportal_start li {float: left; width: 180; margin: 2px; display: inline; overflow: hidden}
#projekteportal_start li.hover {background-color: #adadad}

#projekteportal_start li a {float: left; display: inline; margin:8px 0px 8px 8px; padding: 0 }
#projekteportal_start li a img {cursor: pointer; display: inline}

#projekteportal_start li a.text_link {float: left;display: inline; width: 90px; color:#363636; font-size: 11px; margin: 0 !important; padding:8px 0 0 8px}
#projekteportal_start li a.text_link img {float: left;  margin:3px 3px 0 0; display: inline}
#projekteportal_start li a:hover {text-decoration: none;} 




/* magazin start*/
#topthema, .start_thema {margin: 0 0 30px 0 ; padding: 0 0px 20px 20px; border-bottom: 1px dotted #CCC}
.start_thema   .start_thema {padding: 0 0px 20px 0px; }
.start_thema  #topthema {padding: 0;  border-bottom: none}
#topthema_img {display: block;}
#topthema_img img {margin: 0 0 15px 0; display: block; width: 590px; height: 200px}

#topthema h4 {margin:12px 0 2px 0;}

.start_thema_img {float: left; display: inline}
.start_thema_img img {margin: 0 15px 15px 0; display: block; }


.news-search-form, .tx-ttnews-browsebox {background-color:#F5F5F5;border:none;padding:3px;}
.tx-ttnews-browsebox table {margin: auto}
.tx-ttnews-browsebox table td {padding: 4px}
.tx-ttnews-browsebox-SCell {background-color:transparent;border:none; }



.csc-mailform label {float: left; display: inline; width: 150px; margin-bottom: 3px}
.csc-mailform input, textarea {display: inline; width: 200px; margin-bottom: 3px}
.csc-mailform-submit {margin-left: 150px}
#tx-srfeuserregister-pi1-fe_users_form textarea {width: 275px; height: 160px}

.category_headline {background-color: #D1CfC8; padding: 4px 10px 3px 4px; border-left: 4px solid #C22219; margin-bottom: 8px}


#breabcrumb{margin:0 0 30px 20px;width:590px; font-size: 10px; line-height: 10px; color: #CCC !important}
#breabcrumb li span{font-weight: bold}


.inline_list {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}


.inline_list li {
display:inline;
float:left;
white-space:nowrap;
}

.csc-textpic-caption {padding: 3px 0 20px 0}

.tx-indexedsearch legend {display: none}
.tx-indexedsearch-form, .tx-indexedsearch-search-submit {float: left; display: inline; margin-right: 20px}
.tx-indexedsearch-whatis {font-size: 18px}
.tx-indexedsearch-rules {padding: 15px 5px}
ul.browsebox {text-align: center; padding: 20px 0}
.tx-indexedsearch .res-tmpl-css {clear:both;margin-bottom:25px;}


#ppd_needs {width: 75%; font-size: 12px; background-color: #CCC; padding: 0px}
#ppd_needs td{padding: 3px;border: 1px solid #FFF; margin: 0px}
#ppd_img_container {float: left; display: inline; width: 180px; }
#ppd_img_container img {margin: 0 20px 20px 10px}
#ppd_text_container {float: left; display: inline; width: 410px}

.ppd_search_result_img {float: left; display: inline; width: 160px; }
.ppd_search_result_img img {margin: 10px 0 }
.ppd_search_result_text {float: left; display: inline; width: 410px; margin: 10px 0}

#magazin_teaser .ppd_search_result_text {width: 190px; margin-left: 10px}
#magazin_teaser .ppd_search_result_img {float: left; display: inline; width: 100px; }
#magazin_teaser #wfqbe_id_notset .search_result {border-bottom:1px dotted #CCCCCC;margin:0 10px 20px;padding-bottom:15px;}

.ppd_summ {text-align: right}


#db_integration_search_form label, #db_integration_search_form input {margin: 4px 20px 4px 5px; width: 200px; float:left}
#tx-srfeuserregister-pi1-fe_users_form fieldset dl, #tx-srfeuserregister-pi1-fe_users_form fieldset legend{width: 590px;}


#social_bookmarks {text-align: right; margin: 0 10px 20px 0}
#social_bookmarks a {position: relative; top: 4px }


.tx-flseositemap-pi1 ul {margin: 0 0 0 30px}
.tx-flseositemap-pi1 ul li{margin: 0 0 3px 0; padding: auto; list-style-image:url('bg/pfeil.jpg')}

#banner {border: 0px solid #ccc; margin: 15px 5px 20px 5px; padding: 20px 5px 0px 5px; position: relative}
.banner_image {display:block !important;margin:0 0 25px 0px;text-align:center; color: #C22219; font-weight: bold}
#anzeige {position: absolute; left: 245px; top: -14px}