/* css by kb prosem.net - 02.10.2009 | 10:36 */
/* wichte farbwerte:
dunkel rot: #C71217
hell rot: #EA1317
grau: #E8E5D3
*/


/*ALLGEMEINE FORMATIERUNGEN*/

* {
	margin: 0;
	padding: 0;	

}

html, body {
	border: 0 solid;
	height:100%;
	margin-bottom:0.1px;
}

body {
	color:#000;
	font: 95% Arial, Verdana,'Trebuchet MS', Helvetica, sans-serif;
	text-align:center; 
	background: #fff;
}

a img {
	background: transparent;
	border: none;
}

a {
	color: #666;
}

a.hover, a:hover {
	color: #999;
}

a:focus, a:active{
	color: #FFF;
	background-color: #C71217;
}


h1 {
	background-color: #C71217;
	font-family: Arial, Verdana, 'Trebuchet MS', Helvetica, sans-serif;	
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	padding: 0.2em 2em 0.2em 2.2em;
	width: 15em;
}

h2 {
   font-size: 1em;
	color: #C71217;
	font-weight: bold;
   margin: 5px 0 0 0;
}

/*LAYOUT CONTAINER*/

#container {
	margin:0 auto; 
	position:relative;
	text-align:left;
	min-height: 100%; 
	height: auto !important; 
	height: 100%; 
	width:993px;
	clear:left;
	font: 0.8em black Arial, Verdana, 'Trebuchet MS', Helvetica, sans-serif;
	background: #fff url(./spacer2.gif) repeat-y;
	top: 5px;
}

#kopf {
	width: 760px;
	height: 222px;
	top: 0px;
	background: #fff;
	border-bottom: 12px solid #E8E5D3;
}

#logo {
	width: 220px;
	height: 105px;
	background: #fff url(./logo.jpg) 0 5px no-repeat;
}

#main {
	width: 981px;
	height: auto;
}

#content { 
	margin: 20px 0 0 0;
	padding-bottom: 30px;
	width: 715px;
	min-height: 25em;
	color: #000;
	background: #FFF;
}
#column_right { 
	float: left;
	width: 220px;
	color: #000;
}

#column_left { 
	float: left;
	width: 760px;
	color: #000;
	background: #fff;
}

#newsblock {
	width: 750px;
	background: transparent;
}

.news{
	margin: 0 0 0 20px;
	width: 340px;
	background: yellow;
	border: 2px solid #E8E5D3;	
	float: left;
}

.news_spalte_rechts {
	padding-top: 10px;
	background: transparent;
}

.news_spalte_links {
	width: 135px;
	height: 130px;
	float: left;
	background: transparent;
}

#container p.containerbot{
	clear: both;
	height: 1px;
	background: #transparent url(./spacer.gif) repeat-y 760px 0px;
}

#main p.mainbot{
	width: 980px;
	clear: both;

	height: 1px;

	background: #fff url(./spacer.gif) repeat-y 760px 0px;

}


/*LAYOUT*/
#kopf h1 {
	position:absolute;
	font-size:1em;
	top:0.5em;
	width:750px;
	height: 2.5em;
	z-index:1;
	padding: 2em 0 0 0.5em;
}

#kopf img{
	position: absolute;
	z-index: 160;
}
#content p, table {
	font: 1em bold Arial, Verdana, 'Trebuchet MS', Helvetica, sans-serif;
	color: black;
	padding: 0px 0px 5px 30px;
}
#content ul{
	list-style-position: outside;
	list-style-image: url(./listen_punkt.gif);
	padding: 5px 0 10px 40px;
	line-height: 1.5em;
}
#content li{
	color: black;
	margin: 0 0 0 60px;
}

#column_right p {
	font: 1em bold Arial, Verdana, 'Trebuchet MS', Helvetica, sans-serif;
	color: #000;
}

#column_right .h1 {
	font: 1.2em bold Arial, Verdana, 'Trebuchet MS', Helvetica, sans-serif;
	color: #fff;
}

#news_spalte_rechts p{
	margin: 0px 0px 5px 0px;
	background: transparent;
}

#news_spalte_rechts a{
	color: #C71217;
	font-size: 1em;
	padding-top: 10px;
	text-decoration: none;
}

#news_spalte_rechts_top a {
	color: #C71217;
	font-size: 1.2em;
	text-transform: uppercase;
}

#news .clearfix {
	clear: both;
}

p.ueberschrift {
	width: 220px;
	background: #C71217;
	height: 1em;	
}

#box_rechts_kontakt, #box_rechts_mitglied, #box_rechts_regionen {
	margin: 20px 0; 
	background: #FFF;	
}

#box_rechts_kontakt h1, #box_rechts_mitglied h1, #box_rechts_regionen h1{
	width: 210px;
	background: #C71217;
	font-size: 1.15em;
	padding: 0.3em 0 0.3em 10px;
	text-transform: uppercase;
	color: #FFF;
}

#box_rechts_kontakt h2, #box_rechts_mitglied h2, #box_rechts_regionen h2{
	font-size: 0.9em;
	padding: 5px 0 10px 10px;
	color: #C71217;
}

#box_rechts_kontakt p.rot {
	color: #C71217;
	font-size: 1em;
}

#box_rechts_kontakt p, #box_rechts_mitglied p, #box_rechts_regionen p{
	font-size: 0.8em;
	padding: 0 0 10px 10px;
	color: #000;
	background: #FFF;	
	font-weight: bold;
}

#box_rechts_kontakt a, #box_rechts_mitglied a, #box_rechts_regionen a{
	font-size: 1.2em;
	color: #C71217;
	font-weight: bold;
	text-decoration: none;
}

#box_rechts_kontakt a.hover, #box_rechts_kontakt a:hover, #box_rechts_mitglied a.hover, #box_rechts_mitglied a:hover, #box_rechts_regionen a.hover, #box_rechts_regionen a:hover, {
	color: #EA1317;
}

#box_rechts_kontakt a:active, #box_rechts_kontakt a:focus{
	background-color: #C71217;
	color: white;
}


#box_rechts_regionen a, #box_rechts_mitglied a{
	font-size: 1em;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
#box_rechts_regionen a:active, #box_rechts_regionen a:focus,#box_rechts_mitglied a:active, #box_rechts_mitglied a:focus{
	background-color: #C71217;
	color: white;
}


/* NAVIGATION */

#navi {
	position:absolute; 
	left:0px; 
	top:0px; 
	width:760px; 
	height:2em; 
	background-color: transparent; 
	z-index: 400;
}

ul.menu, ul.menu ul {
  	list-style-type: none;
}

ul.menu {
	position: absolute; 
	left:0px; 
	top:200px; 
	width:760px; 
	background-color: #EA1317; 
	margin: 0;
	padding: 0.2em 0;
	height: 1.6em;
	font-family: Verdana, Arial, 'Trebuchet MS', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

ul.menu a {
	display: block;
	padding: 0.2em 0.8em;
	font-size:0.8em;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}

ul.menu li {
  	float: left;
	background-color: #EA1317;
}

ul.menu ul {
        margin: 0 0 0 10px;
        position: absolute;
        background-color: #EA1317;
        border-top: 1px solid #FFF;
        border-left: 1px solid #FFF;
        border-right: 1px solid #FFF;
        display: none;
        width: 16em;
}

ul.menu ul a {
	padding: 2px;
	font-family: Verdana, Arial, 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 0:6em;
	font-weight: normal;
	text-decoration: none;
	color: #fff;
}

ul.menu ul li {
	float:none;
	background-color: transparent;
	border-bottom: 1px solid #FFF;
}

ul.menu ul li.hover, ul.menu ul li:hover {
	background-color: #C71217;
}

ul.menu li.hover ul, ul.menu li:hover ul  {
	display: block;
}

ul.menu li.hover ul ul, ul.menu li:hover ul ul {
	display: none;
   margin-left: 14.5em; 
   margin-top: -15px; 
   background-color: #EA1317;
}

ul.menu li.hover ul li.hover ul, ul.menu li:hover ul li:hover ul {
   display: block;
}


#zusatznavi { 
	clear: both;
	position: absolute; 
	bottom: 0px; 
	width: 980px;
	height: 2.2em;
	background: #E8E5D3 url(./footer.jpg) 0 0 no-repeat;
}
#zusatznavi ul{
	list-style: none;
	top: 0;
	left: 5em;
	background: transparent;
	padding: 0.5em;
	height:1.4em; 
	float: left;
}
#zusatznavi .totop {
	float: left;
	font-size: 0.8em;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	margin: 0.6em 0.5em 0 1em;
	
}
ul.zusatznavi li {
  	float: left;
	background-color: #C71217;
}

ul.zusatznavi a{
	display: block;
	padding: 0em 1em;
	font-size: 0.8em;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
}
ul.zusatznavi a:active,ul.zusatznavi a:focus{
	background-color: #E8E5D3;
	height: 1.5em;
	color: black;
}
#zusatznavi a:active, #zusatznavi a:focus{
	background-color: #E8E5D3;
	height: 1.5em;
	color: black;
}
.breadcrumb{
	color: black;
	padding: 1em 0 0.5em 0;
}

.breadcrumb a:active, .breadcrumb a:focus{
	color: #FFF;
	background-color: #C71217;
	padding: 0.5em 0;
}
.schriftgroesse {
	margin: 0.6em 0 0 255px;
	font-size: 0.85em;
}
.schriftgroesse a{
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
.schriftgroesse a:active, .schriftgroesse a:focus{
	color: #FFF;
	background-color: #C71217;
	padding: 0.5em 0;
}
/* Klassen */
.rot_02 {
	color: #C71217;
	font-size: 0.9em;
	font-weight: bold;
}

.contenttable {
	color: black;
	margin: 0 0 0 30px;
}

.unsichtbar{
   display: none;
}
.csc-textpic-caption {
	font-size: 0.8em;
}
/* iemac hide \*/
.unsichtbar{
   display: inline;
   position: absolute;
   left: -3000px;
   top: -2000px;
   width: 0px;
   height: 0px;
   z-index: 500;
}

/* eof iemac hide */
#column_left p a.u2:focus, #column_left p a.u2:active{
   color: #FFFFFF;
   background-color: #990000;
   display: inline;
   position: absolute;
   margin-top: 0em;
   padding-left: 15px;
   left: 3000px;
   top: 2000px;
   width: 13.8em;
   height: 1.4em;
}

/* Kontaktformular */

form {
	color: black;
	border: 0;
}

.formular {
	color: black;
}

.csc-mailform-field{
	background: transparent;
}

input {
	border-width: medium;
	border-style: none;
	border-color: -moz-use-text-color;
	padding: 0 0 0 15px;
}

.kontakt_submit {
	width: 8em;
	background-color: #C71217;
	color: #fff;
	font-size: 100%;
	font-weight: bold;
}

input, textarea, select {
	border-width: 1px;
	border-style: solid;
	border-color: -moz-use-text-color;
	padding: 0.15em 0 0.15em 0.25em;
	width: 450px;
}

input, select {
	font-size: 0.8em;
}

textarea {
	font-size: 1em;
}

input, select, textarea {
	border-color: #4a4a63;
}

input:focus, select:focus, textarea:focus {
	background-color: #E8E5D3;
}

#content form .formField, .formField input, .formField textarea {
	display: block;
	width: 100%;

}

#content form p, #content form div {
	padding: 0.33em 1.67em 0.33em 1.67em;
}

.csc-mailform {
	border: none;
}

.csc-mailform-submit{
 border: 1px solid #C71217;
 background: transparent;
 color: #C71217;
}


/* Gästebuch */

.tx-veguestbook-pi1{
	color: black;
	padding: 0 0 0 40px;
}

input, textarea {
	border: 1px solid black;
}

input:focus, select:focus, textarea:focus {
	background-color: #E8E5D3;
}

.tx-veguestbook-pi1 h2.tx-guestbook-header{
	display: block;	
	clear: both;
	width: 100%;
	background-color: #E8E5D3;
	color: #000;
	font-size: 100%;
	font-weight: bold;
	padding: 5px 5px 0 5px;
}

.tx-veguestbook-pi1 .tx-guestbook-left {
	background: #E8E5D3;
	width: 100%;
	padding: 0 5px 5px 5px;
}

.tx-veguestbook-pi1 .tx-guestbook-right p{
	width: 50em;
}

.tx-veguestbook-pi1 .tx-guestbook-left{
	height: 1em;
	min-height: 1em;	
}

.tx-guestbook-submit{
	width: 5em;
	background-color: #C71217;
	color: #fff;
	font-size: 100%;
	font-weight: bold;
}


/* Suche */

.tx-indexedsearch {
	font-size: 1em; color: #000;
	margin: 10px 0;
}

#content input, select{
	margin: 10px 0;
}

.tx-indexedsearch-whatis {
	color: #000;
}

.tx-indexedsearch-res {
	color: #000;
}

.tx-indexedsearch-searchbox {
	color: #000;
}

.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { 
	width: 8em;
	background-color: #C71217;
	color: #fff;
	font-size: 100%;
	font-weight: bold; 
}

.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword {
	width:150px; 
	margin: 10px;
}

.tx-indexedsearch .tx-indexedsearch-whatis P .tx-indexedsearch-sw { 
	font-weight:bold; 
	font-style:italic; 
}

.tx-indexedsearch .tx-indexedsearch-whatis { 
	margin-top:10px; 
	margin-bottom:5px; 
}

.tx-indexedsearch P.tx-indexedsearch-noresults { 
	text-align: center; 
	font-weight:bold; 
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title { 
	background: #eeeeee; 
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P { 
	font-weight:bold;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P.tx-indexedsearch-percent { 
	font-weight: normal; 
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P { 
	font-style: italic; 
	color: #000; 
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P .tx-indexedsearch-redMarkup { 
	font-style: italic; 
	color:#000;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { 
	background: #E8E5D3; 
	color: #000; 
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { 
	margin-top: 20px; 
	margin-bottom: 5px; 
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { 
	color: #006699; 
	margin-top: 0px; 
	margin-bottom: 0px; 
	background: transparent; 
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TABLE { 
	background: #cccccc;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { 
	vertical-align: middle;
}

.tx-indexedsearch .tx-indexedsearch-res .noResume { 
	color: #666666; 
}

.tx-indexedsearch-sw, .csc-sword, .tx-indexedsearch-redMarkup { 
	font-family: monospace; 
	font-style: normal; 
	background: #e8e5d3; 
	border: 1px #E8E5D3 solid; 
}


/* Schnellsuche */

.tx-macinasearchbox-pi1 {
	height: 80px; 
	background: #EA1317; 
	padding: 0px 9px;
}

.h_suche {
	display: block; 
	color: #fff; 
	text-transform: uppercase; 
	font-size: 0.9em; 
	font-weight: bold; 
	margin: 0px 0px 5px 0px; 
	padding: 5px 0px 2px 0px;
}


/* Home */
.mediaBoxHeader {
	margin: 0 0 1em 0;
}
.mediaBox {
	float:left;
	margin:0 0 10px 30px;
	width:260px;
}
.mediaBox2 {
	float:left;
	margin:0 0 10px 30px;
	width:368px;
}
#content .aktuelleBox {
	padding: 0 4px 0.5em 4px;
}

.mediaHead {
	background-color:#C71217;
	border-bottom:1px solid #fff;
	color:white;
	font-weight:700;
	padding:2px 6px 1px;
	text-transform:uppercase;
}

.mediaBox .downloadLink, .mediaBox .directPlay {
	padding: 0 0 8px 35px;
	font-weight:bold;
}

.mediaContent {
	border:1px solid #C71217;
	padding:6px 0 4px;
   color:black;
}

.mediaBox .mediaLink #single {
	margin: -6px 0pt 0pt 28px;
	position: relative;
}

.mediaLink img{
float: left;
}

.mediaLink span {
	float:right;
	width:218px;
}

.flashVideoContainer {
	margin: 0px 5px 0px 5px;
}

.mediaLink {
	padding:7px 6px 2px;
}
.ArchivLink a{
	color:#C71217;
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;
	margin: 0.5em 0;
}
.ArchivLink a.hover, .ArchivLink a:hover{
	color: #EA1317;
}

.video_fussnote {
   font-size: 1em;
	color: black;
	margin: 5px 0 0 5px;
}


/* SONSTIGE TYPO CSS */

/* tt_news */

.news-latest-container h2{
	background-color: #C71217;
	font-family: Arial, Verdana, 'Trebuchet MS', Helvetica, sans-serif;	
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	padding: 0.2em 2em 0.2em 2.2em;
	width: 15em;
}
.csc-header {
	background-color: #fff;
	padding: 0;
	width: 100%; 
}

.csc-textpic-intext-left .csc-textpic-imagewrap{
	padding: 5px 10px 0 30px !important;
}

.csc-textpic-left .csc-textpic-imagewrap{
	margin: 0 0 0 30px;
}

.csc-textpic-right .csc-textpic-imagewrap{
	padding: 5px 0px;
}

.csc-textpic-center .csc-textpic-text{
	padding: 5px 0px 10px 0;
}

.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap{
	margin-top: 4em;
}

.csc-textpic-intext-left-nowrap  .csc-textpicHeader {
	margin: 5px 20px 0 -160px !important;
	float: left;
}

.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap{
	margin: 4em 0 0 0;
}

.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap{
	margin: 0 0 0 30px;
}

.csc-textpic-intext-left-nowrap .csc-textpicHeader{
	margin: 0 0 0 30px;
}


.clearer {
	clear:both;
	display:block;
	font-size:0;
	height:1px;
	line-height:0;
	margin:0;
	padding:0;
}
.pT5 {
	padding-top: 5px !important;
}

/* Extra CSS fuer 750 Jahre Template */

#box_rechts_750 .box750 {
	width: 220px;
	height: 100px;
	margin-top: -16px;
	padding: 53px 0 0 0; 
	background-color: #EA1317;
}
.mTop10{
	margin-top: 10px !important;
}