/* screen.css */

/** (c) 2007
Sebastian Heidfeld
Six Offene Systeme GmbH

/* Grundsätzliche HTML-Tags */
img {
	border-style: none;
}
em{
	
	font-style: normal;
}
a:focus { 
	outline: none;
}
/* verhindert gepunkteten Rahmen um Links im Firefox*/

hr{ 
	border:none;
	color: #CDC4B6;
	background-color: #CDC4B6;
	height: 1px;
	margin-bottom: 10px;
}

/* Seiteneigenschaften */

#overlay{
	display: none;
}

html{
	padding:0;
	margin:0;
}

body {
	background-color: #CDC4B6;
	color:	#000000;
	margin-top:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 70%;
	margin-left:0px;
	margin-right:0px;
}



#newsHeader {
	position:relative;
	line-height: 75%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 175%;
	padding-right:10px
}

/* Kompleter Rahmen um den Inhalt */
#page {
	width: 955px;
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	background: #F4EDCD;
	font-size: 100%;
	/*border: 1px solid #999898; Find ich ja schöner mit :)*/
}	

/* Vertikale Div-Elemente */

#top {
	width: 100%;
	height: 250px;
	background-color: #CEC7BD;
	color:#000000;
}


#content {
	position:relative;
	clear:both;

}
#breadcrumb {
	width:600px;
}
#print {
	width:100px;
	float: right;
	clear: both;
	text-align: right;
}
#footer {
	margin-left:40px;
	margin-top: 40px;
	width:880px;
	text-align:left;
	padding-bottom: 10px;
	clear: both;

}
#footer A {
	color: #8C304A;
	text-decoration:none;
}

#contentLeft {
	position:relative; 
	width:657px; 
	padding-left:50px;
	padding-top: 20px;
}

#contentRight {
	position:absolute;
	width:248px;
	z-index:1;
	left: 670px;
	padding-left: 0px;
	padding-top: 20px;
	float:right;
}
#contentText {
	line-height:120%;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:90%;
        padding-left: 2px;
}	
#contentText A {
	color:#000000;
}	
A#moreLink {
	color: #8C304A;
	text-decoration:none;
	font-weight: bold;
	padding-left:10px;
	padding-right:3px;
	float: right;
}

.more_link{
	color: #8C304A !important;
}

img#objektLogo {
	padding-top: 22px;
}

#stvLogo {
	margin-left:5px;
}
#smLogo {
	margin-top:30px;
}

div#ssgText {
	display:none;
 	font-size: 100%;
 	margin-bottom: 20px;
}
/* Teaser-Boxen auf den Startseiten */
#teaser {
line-height:10px;
	position:absolute;
	top: 132px;
	/*heigth:88px;*/
       height:140px;
}	
#imageTeaser {

	
	margin: 0px;
	padding: 0px;
}
#imageTeaserBottom {
	
	
	margin: 0px;
	padding: 0px;
}


.imageTeaserBoxBreit {
	float:left;
	margin:2px 2px 0px 0px;
	padding:0px 0px 0px 0px;
	width: 122px;
	height:44px;
	background-color:#CEC7BD;
	color: #FFFFFF;
}

.imageTeaserBox {
	float:left;
	margin:2px 2px 0px 0px;
	padding:0px 0px 0px 0px;
	width: 60px;
	height:44px;
	background-color:#CEC7BD;
	color: #FFFFFF;
}
.imageTeaserBox2 {
	float:left;
	margin:2px 2px 0px 0px;
	padding:0px 0px 0px 0px;
	width: 60px;
	height: 34px;  /* urspr. 44px */
	background-color:#8C304A;
	color: #FFFFFF;
}
.imageTeaserBoxHeader {
	height:12px;
	margin: 0px;
	padding: 0px 0px 0px 1px;
}
.imageTeaserBoxFooter {
	height:12px;
	background-color:#8C304A;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px 0px 0px 1px;
}

A.teaserLinkO {
	color: #FFFFFF !important;
	
	text-decoration:none;
	cursor:pointer;
	font-size: 10px;
}
A.teaserLinkU {
	color: #FFFFFF !important;
	
	text-decoration:none;
	cursor:pointer;
	font-size: 10px;
}


.imageInnerLeft {
	padding-top:20px;
	padding-right:10px;
	padding-bottom:10px;
}

.imageInnerRight {
	padding-top:20px;
	padding-left:10px;
	padding-bottom:10px;
}


/** Ticker Startseite */
#lt {
	width: 250px;
	overflow: hidden;
	white-space: nowrap;
	color:white;
	padding:0;
	margin:0;
}

/** Suchformular */


#search_form_head{
	height: 14px;
	overflow: hidden;
	text-align: left;
	display: block;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}
#search_form_head form {
	display: block;
	vertical-align: top;
}
#search_form_head button {
height: 14px;
	border: 0px white none;
	font-size: 100%;
	padding: -1px 0px 0px !important;
	background: url(none);
	color:white;
	margin: 0px 0px 0px -4px !important;
	vertical-align: text-top;
}
#search_form_head input {
	width: 80px;
	font-size: 9px;
	margin: 0px 5px 0px 5px;
	padding: 0px;
	padding: 0px;
	background: #F4EDCD;
	border: 1px #F4EDCD none;
}




#top {
	position:relative;
	width: 100%;
	height: 200px;
	background-color: #CEC7BD;
	color: #000000;
}
div#NaviTopLeft {
    width: 897px;
}
.divider {
	padding:0px 5px 0px 5px;
}



/* Inhalt */
.contentFrame {
	margin-top: 40px;
	font-size: 110%;
	line-height: 120%;
}
div.contentFrame div#footer {
	font-size: 90%;
}
.content {
	clear:both;
	width: 955px;
	margin-right: auto;
	margin-left: auto;
	vertical-align:top;
}
.left {
	width: 150px;
	margin-left: 0px;
}
.contentLeft {
	position:absolute; 
	width:150px; 
	height:5px; 
	z-index:1;
	margin-left:50px;
	text-align:right;
}
.right {
	position:relative; 
	left:440px; /* urspr. 480 */
}
.contentRight {
	position:absolute; 
	width:125px; 
	height:5px; 
	z-index:1; 
	float:right;
	text-align:left; 
}

.contentRight img {
  margin-left: 20px;
}

.leftEnde {
	width: 250px;
	margin-left: 10px;
}

.mitte {
	margin-left: 220px;
	width: 440px;
	text-align:justify;
}
h1 {
	font-size: 120%;
	font-weight:bold;
	color: #8D2F46;
	margin: 0px 0px 10px;
text-align:left;
}
h2 {
	font-size: 100%;
	font-weight:bold;
	color: #000;
	display:inline;
text-align:left;
}
p {
	margin: 0 0 10px 0;
}

.grey {
	color: #CDC4B6;
}
.contentFrame a {
	color: #8D2F46;
	text-decoration: none;
}
.contentFrame strong, contentFrame b {

	color: #000;
}

/* 2-Spaltige Anordnung für Standard-Seiten */

.content_2cols {
	width: 955px;
	margin: 0px 0px 20px;
	padding: 0px;
}
.left_2cols {
	margin-left: 50px;
	width: 605px;
	padding-left: 0px;
}
.mitte_2cols {
	float: right;
	width: 255px;
	margin-right: 0px;
	padding-right: 40px;
}

/** Formatierung Karte */

.content_karte {
	width: 955px;
	margin: 0px 0px 20px;
	padding: 0px;
}
.content_karte .left_2cols {
	margin-left: 50px;
	width: 350px;
	padding-left: 0px;
	text-align: right;
	position: absolute;
}
.content_karte .mitte_2cols {
	float: right;
	width: 520px;
	margin-right: 0px;
	padding-right: 150px;
	text-align: right;
}


/** Mietbare Räume */

.content_mr{
	
}
.content_mr .contentLeft {
	text-align: left;
	width: 255px;
}
.content_mr .mitte {
margin-left: 320px;
	width: 338px;
}

.content_mr .right {
	
	left:335px;
}


.content_mr .right .contentRight {
	
	width: 255px; 
}


.contentFrame ul li {
	list-style: none;

}
.contentFrame ul {
	list-style: inside;
	margin: 0px;
	padding-left: 15px;
}


/** Formulare */

.bttn_txt {
	border-style: none;
	background: none;
	font-weight: normal;

	color: #8D2F46;
	padding:0.5em 0em;
	margin:0;
	text-align:left;
}
.bttn_small_txt {
	border-style: none;
	background: none;
font-weight: normal;
	color: #8D2F46;
	padding:0.2em 0em;
	margin:0;
	text-align:left;
}
.strong_bl {
	font-weight: bold;
	color:#000000;
}
.inp_wide{
margin-left: 0.5em;
margin-right: 0.5em;
	width:350px;
border-style: none;
}

.inp_small{
margin-left: 0.5em;
margin-right: 0.5em;
	width:155px;
border-style: none;
}

.inp_xsmall{
margin-left: 0.5em;
margin-right: 0.5em;
	width:135px;
border-style: none;
}

.inp_checkbox{
margin-left: 0.5em;
margin-right: 0.5em;
	width:14px;
border-style: none;
}

/*styles für Sitemap */
table#sitemap tr td {
  white-space: nowrap;
}
table#sitemap tr td ul ul {
 margin-left: 10px;
}
.contentRight p {
 margin-left: 10px;
}

div.left_2cols {
clear:left;
}

div.left_2cols>p>img {
 margin-bottom:20px;
}