html {
 overflow-y: scroll; 
}

body {
	background: #fff ;  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 84%;
}
/* erstmal leermachen */

#header, #footer, #page, #nav, #nav_main, #col1, #col2, #col3, #teaser, #main, #page_margins  {
	background: transparent; border: none; 
}


#page_margins {
 margin-left: 0; margin-bottom: 60px; 
}

/* Seitenlayout */

#header { height: 20px; 

}

#header img.headImg1 { 
 position: fixed; top: auto; bottom: 0; left: 0; z-index: 1; 
}


#main {
position:relative; z-index: 2; 
}
p , h4 , .news-single-item h4 {
	line-height: 160%; margin-bottom: .6em; 
	background: transparent; border: none; 
}
h1 , .news-single-item h1 {
	font-size: 140%; color: black; line-height: 160%;
	background: transparent; border: none; 
}

h2, .news-single-item h2 {
	font-size: 124%; 
	line-height: 160%; color: black; 
	background: transparent; border: none; 
}

h3, .news-single-item h3 {
	font-size: 112%; 
	color: #CD0000; line-height: 160%; 
	background: transparent; border: none; 
}
h4, .news-single-item h4 {
	font-size: 100%; color: black; 
	background: transparent; border: none; 
}
h5, .news-single-item h5 {
	font-size: 80%; color: #CD0000; 
	background: transparent; border: none; 
}
a, a:visited {
	color: #333; 
}

p b {
	color: #2e2e2e; 
}
a:hover, a:active {
	color: #CD0000; text-decoration: none; 
}


#footer {
  position: fixed !important; bottom: 0px; left: 0px; 
  background-color: #CD0000; color: white; 
  width: 100%; text-align: left; 
  margin: 0px; padding: 0px; 
  border: #CD0000 solid 10px; border-left: none; 
  	 z-index: 3; padding-left: 22em; 
}

#footer a, #footer a:visited, #footer a:hover,#footer a:active, span#mobile {
	color: white; font-weight: normal; text-decoration: none; 
}  
#footer a:hover, #footer a:active {
	 text-decoration: underline; color: white; 
}  

.socialbm {
  position: fixed !important; bottom: 8px; left: 10px; 
  width: 275px; text-align: left; 
  margin: 0px; padding: 0px; 
  z-index: 4; padding-left: 0;
}

span#mobile {
	visibility: hidden;
}

#footer strong {
	color: #dddddd; 
}

hr {
	border-bottom: 1px dotted #aaaaaa; 
}

/* tt_news */

.news-latest-container, div.news-list-item {
	border: thin dotted black; 
	padding: 1em; padding-bottom: 0; 
	margin-top: 2em; 	margin-bottom: 2em; 
}
.news-latest-item {
}

.news-latest-item p, .news-latest-morelink, .news-list-item p, .news-list-morelink { 
background-color: #fff; padding: 0; background-image: none; 
}

.news-latest-morelink {
 text-align: right;
}

.news-list-item h3 a:hover, .news-latest-item h3 a:hover {
	text-decoration: none; 
}

div.news-list-morelink {
	visibility: hidden; height: 1em; 
}

span.news-list-morelink {
 display: block; font-weight: bold; text-align: right; 
}

pre, code, #code, p.code {
 font-family: "Lucida Console", Monaco5, monospace;
 font-size: .9em; color: #000; background-color: #dddddd; border: 4px solid #dddddd; 
}

/* Menu Update */
#submenu {
	 z-index: 2; 
	 position: relative; 
	 background: transparent; 
  }

#submenu li {
}

 /* Level 1 */
  #submenu li#active,
  #submenu li strong {
    width: 90%; 
    padding: 1px 0px 1px 10%; 
    font-weight: bold; 
    color: #ddd; 
    background-color:#CD0000; 
    border-bottom: 1px solid white ; 
  }
 
  #submenu li a { width: 90%; padding-left: 10%; background: transparent; color: #444; }
  #submenu li a:focus,
  #submenu li a:hover,
  #submenu li a:active { background-color: #CD0000; color: #fff; }
 
  /* Level 2 */
  #submenu li ul li a,
  #submenu li ul li#active,
  #submenu li ul li strong,
  #submenu li ul li span { width: 85%; padding-left: 15%; }
 
  #submenu li ul li a { background: transparent; color: #666; }
  #submenu li ul li a:focus,
  #submenu li ul li a:hover,
  #submenu li ul li a:active { background-color: #CD0000; color: #fff; }
 
  /* Level 3 */
  #submenu li ul li ul li a,
  #submenu li ul li ul li#active,
  #submenu li ul li ul li strong,
  #submenu li ul li ul li span { width: 80%; padding-left: 20%; }
 
  #submenu li ul li ul li a { background: transparent; color: #888; }
  #submenu li ul li ul li a:focus,
  #submenu li ul li ul li a:hover,
  #submenu li ul li ul li a:active { background-color: #CD0000; color: #fff; }
 
  /* Level 4 */
  #submenu li ul li ul li ul li a,
  #submenu li ul li ul li ul li#active,
  #submenu li ul li ul li ul li strong,
  #submenu li ul li ul li ul li span { width: 75%; padding-left: 25%; }
 
  #submenu li ul li ul li ul li a { background: transparent; color: #aaa; }
  #submenu li ul li ul li ul li a:focus,
  #submenu li ul li ul li ul li a:hover,
  #submenu li ul li ul li ul li a:active { background-color: #CD0000; color: #fff; }

/* Search */

.tx-indexedsearch-info {
	visibility: hidden; 
}


.tx-indexedsearch .res-tmpl-css p.tx-indexedsearch-descr {font-size:0.8em; background:transparent; color:#444; padding: 1.5em 1.5em 1.5em 1em; border: 1px dotted black; font-style:italic; }

.tx-indexedsearch-sw, .csc-sword, .tx-indexedsearch-redMarkup {background:#cd0000; color: white; }

/* #############################
** ### Mail-Formular ###########
** #############################
*/
form#mailform fieldset {border:1px dotted #000; padding:1em; background:#fff; }
form#mailform fieldset span.csc-mailform-radio fieldset {margin:1em 2em 1em 1em; }
form#mailform fieldset span.csc-mailform-radio fieldset input {width:auto; margin:0 0.3em 0 0; border:0; }
form#mailform fieldset span.csc-mailform-radio fieldset label {float:none; }
.csc-mailform-field {clear:both; margin-bottom:0.8em; }
fieldset.csc-mailform .csc-mailform-field label {width:10em; float:left; text-align:right; background:#fff; padding:2px; }
fieldset.csc-mailform .csc-mailform-field input, fieldset.csc-mailform .csc-mailform-field select, fieldset.csc-mailform .csc-mailform-field textarea {width:20em; }
fieldset.csc-mailform .csc-mailform-field input.csc-mailform-check {width:auto; border:0; margin-top:0.2em; }
fieldset.csc-mailform .csc-mailform-field textarea {font-size:1em; }
fieldset.csc-mailform label span {color:#cd0000; }
input#mailformformtype_mail {margin-left:0em; background:#ddd; cursor:pointer; color: black; margin-left: 12em; width: 19em; }
input#mailformformtype_mail:hover {background:#cd0000; color: white; }

.csc-mailform-field select {margin-left:1em; border:1px #000 dotted; background:#fff; color:#444; }



/* ############################################
   styles for extension "tx_skpagecomments_pi1" 
   ############################################ */
.sk-pagecomments-error {color:#cd0000; font-weight:bold; background:#dddddd; border:1px dotted #000; margin:8px 12px; padding:4px; }
.sk-pagecomments-success {color:#cd0000; font-weight:bold; }
.sk-pagecomments-counter {color:#444; text-align:right; text-decoration:underline; margin-bottom:12px; }
.sk-pagecomments-headline {border-bottom:1px solid #000; font-weight:bold; background:#aaa; padding-left:6px; height:20px; }
.sk-pagecomments-answerheadline {border-bottom:1px solid #000; font-weight:bold; background:#eee; padding-left:6px; height:20px; }
.sk-pagecomments-namedate {float:left; }
.sk-pagecomments-emailhomepage{float:right; }
.sk-pagecomments-answer{float:right; padding:0 4px 0 12px; }   
.sk-pagecomments-comment{background:#eee; padding:4px 28px; clear:both; }
.sk-pagecomments-teaser {margin-top:-40px}
.sk-pagecomments-teaser h4 {background:#eee; font-size:85%; margin:0; color:#444444; padding-left:4px; }
.sk-pagecomments-teaser h4 span{padding-right:4px}
.sk-pagecomments-teaser p {margin:0; font-size:90%}
.tx-skpagecomments-pi1  p i { color:white; font-weight: bold; background: #cd0000; border: 3px solid #cd0000;}
.tx-skpagecomments-pi1 form {margin:16px 0; width:480px; float:right;}
.tx-skpagecomments-pi1 form fieldset {border:none; background: #eeeeee; }
.tx-skpagecomments-pi1 form p.userinfos {text-align:center; padding:6px; }
.tx-skpagecomments-pi1 span.sk-pagecomments-number {float:left; font-size:70%; color:#cd0000; padding:3px 10px 3px 0; }
.tx-skpagecomments-pi1 form legend {background:#eeeeee; border:none /* 7px solid #eeeeee */ ;
                                     color: #cd0000; font-size: 120%; font-weight: bold;
                                     padding: 3px 9px 1px 6px;
}
.tx-skpagecomments-pi1 form label {width:120px; float:left; margin-left:8px; }
.tx-skpagecomments-pi1 form label.check {width:100%; float:none; }
.tx-skpagecomments-pi1 form p {margin:6px 0; clear:all; }
.tx-skpagecomments-pi1 form p img {vertical-align:bottom; margin-left:8px; }
.tx-skpagecomments-pi1 div.smileytext{margin-left:0px; width:100%; display: block; text-align: right; }
.tx-skpagecomments-pi1 div.smileytext textarea { margin-right: 12px;}
.tx-skpagecomments-pi1 form input#name,
.tx-skpagecomments-pi1 form input#email,
.tx-skpagecomments-pi1 form input#homepage {width:320px; background:#dddddd; }
.tx-skpagecomments-pi1 form textarea {width:320px; height:160px; background:#dddddd; }
.tx-skpagecomments-pi1 form input#name:focus,
.tx-skpagecomments-pi1 form input#email:focus,
.tx-skpagecomments-pi1 form input#homepage:focus,
.tx-skpagecomments-pi1 form textarea:focus {background:white; } 
.tx-skpagecomments-pi1 form input#skcommentssubmit {background:#aaa; color:#444; float: left; margin:8px 20px; }
.tx-skpagecomments-pi1 img {border:0px}
div.smileytext .noul {
	visibility: hidden;
}

/* weitere TYPO3 Formate */

dd.csc-textpic-caption {
	background-color: white; color: black; 
}

div.csc-frame-frame1 {
	border: 1px dotted black; 
}

div.csc-frame-frame2 {
	border: 1px dotted black; padding:1em; 
}

div.csc-frame-rulerBefore {
	margin-top: 10px; padding-top: 10px; border-top: 1px dotted #aaa; 
}

p.news-single-imgcaption {
	background: #eee; color: black; font-size: 80%;
}

/* Page-Extensions */

body#pageUID-70 #footer, body#pageUID-70 #header, body#pageUID-70 #nav, body#pageUID-70 #menuwrap {
	visibility: hidden; height: 0;}
body#pageUID-70 #header img {
	visibility: visible; left: -20px; bottom: -20px;}
body#pageUID-70 #page, body#pageUID-70 #page_margins, body#pageUID-70 {
	margin:0;padding:0;}
body#pageUID-70 #col3 {
position:fixed; top:0;left:0; text-align: left; }
body#pageUID-70 h1 { color:#cd0000; font-size: 140%; }
body#pageUID-70 h2 { color:#cd0000; font-size: 120%; }
body#pageUID-70  ul.csc-menu, body#pageUID-70 ul.csc-menu li {
 list-style-type: none; margin-left: 0;padding-left:0;width: 245px;
  max-width: 245px;}
body#pageUID-70  ul.csc-menu li a{
	text-decoration: underline; }
body#pageUID-70  ul.csc-menu li a:hover {
	background-color:#cd0000; text-decoration: none; font-weight: bold; color: white;}