/*
 * Copyright (c) 2006 A&B FACE2NET GmbH
 *
 * author JDE
 * version $Revision: 1.4 $
 */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*
    standard.css for SPD html-Baukasten
    23.06.2006 JDE
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* principally used colours:

  colour code   colour      	usage
  -----------   --------------  -------------------------------
  #144b93     	mittelblau    	Hintergrund Suche, Footer
  #d0e2f5     	hellblau    	Hintergrund Hauptteaser,-navigation
  #00306b     	schriftblau   	Hauptnavigation, Überschriften
  #e2001a     	rot
  #4B7296     	graublau    	visted Links im Content
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* generals: */

h1, h2, h3, h4, h5{ 
color: #000; 
font-family: Verdana, Arial, Helvetica, sans-serif;
}

h3.error{ 
color: #e2001a;
}

h1 a, h2 a, h3 a, h4 a, h5 a{ 
color:#00306b;  
font-family: Verdana, Arial, Helvetica, sans-serif; 
}


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* linke Spalte mit Content und Teasern: */

/*Textboxen*/
#middlesection{ 
clear:left; 
float: right; 
width: 674px;
margin: 0px 10px 12px 0px;
background:url(../images/struktur/bg_mdsec_ob.gif) no-repeat;
padding-top:5px;
background-color:#DDDDDD;
}



#middlesection #content, 
#middlesection #startcontent, 
#middlesection .teaser_news, 
#middlesection .teaser_banner{ 
margin: 0px; 

}

#middlesection #content, 
#middlesection #startcontent, 
#middlesection .teaser_news{ 
padding-left: 0px; }

#middlesection #content {
background-color:#fdf4e7;
margin: 5px 5px 5px 5px;
border: #058589 solid 1px;
min-height:245px;
}

/*Ueberschriften*/
#middlesection #content h3, 
#middlesection .teaser_news h4{ 
padding: 8px 0 4px 0;
font: bold 1.12em/140% Verdana, Arial, Helvetica, sans-serif;
display: block; 
}


#middlesection #startcontent h1, 
#middlesection #startcontent h2, 
#middlesection #startcontent h3 { 
padding: 2px 10px 5px 10px; 
font: bold 0.75em/110% Verdana, Arial, Helvetica, sans-serif; 
border-bottom: 2px solid #058589;
color:#005599;
}


#middlesection #content h1, 
#middlesection #content h2, 
#middlesection #content h3 { 
padding: 2px 10px 5px 10px; 
font: bold 0.75em/110% Verdana, Arial, Helvetica, sans-serif; 
color:#005599;
}

#middlesection #content h4 { 
padding: 5px 8px 8px 5px; 
font: bold 0.85em/110% Verdana, Arial, Helvetica, sans-serif; 
}


/*Paragraphen*/
#middlesection #content p{  
font: normal 0.75em/140% Verdana, Arial, Helvetica, sans-serif;
display: block;
text-align:justify;
padding: 0px 8px 5px 5px; 
}


#middlesection #content p a { 
font-weight: bold; 
color: #00306b;
}


/*Bilder*/
#middlesection .teaser_news img, 
#wrapper #middlesection .teaser_news a img{ 
float: right; 
margin: 5px; 
}

#middlesection #content img   { margin: 8px 12px 8px 8px; }

#middlesection #content img.floatLeft { 
margin-left: 0px; 
margin-top: 6px;
}

#middlesection #content img.floatRight { 
margin-right: 12px;
margin-top: 6px; 
}

#middlesection #startcontent img.floatRight { margin: 6px; }

/*ungeordnete Listen*/
#middlesection #content ul { 
list-style:none; 
margin:0 8px 0 0; 
padding: 2px 0 8px 6px; 
}

#middlesection #content ul li { 
color:#000; 
font: normal 0.75em/150% Verdana, Arial, Helvetica, sans-serif; 
margin: 0; 
padding: 0 0 6px 22px; 
background: url(../images/struktur/bg_ulList.gif) no-repeat 0 6px; 
}

/*geordnete Listen*/
#middlesection #content ol { 
list-style: decimal; 
list-style-position: outside; 
margin:0 12px; 
padding: 2px 0 8px 16px; 
}

#middlesection #content ol li{ 
color:#000; 
font: normal 0.75em/150% Verdana, Arial, Helvetica, sans-serif; 
padding-bottom: 6px; 
}

/*einfach verschachtelte Listen*/
#middlesection #content ol li ul, 
#middlesection #content ul li ul, 
#middlesection #content ol li ul, 
#middlesection #content ol li ol{ 
padding-bottom: 0px; 
}

#middlesection #content ol li ul li, 
#middlesection #content ul li ul li, 
#middlesection #content ol li ul li, 
#middlesection #content ol li ol li { 
font: normal 1em/150% Verdana, Arial, Helvetica, sans-serif; 
padding-bottom: 3px; 
}


/*invertierte Links im Content*/
#middlesection #content a:link, 
#middlesection #content p a:link, 
#middlesection #content li a:link { 
color: #005599; 
font-weight: bold; 
 }
 
#middlesection #content a:visited, 
#middlesection #content p a:visited, 
#middlesection #content li a:visited  { 
color: #058589;
font-weight: bold;
}

#middlesection #content a:hover, 
#middlesection #content a:focus, 
#middlesection #content a:active { 
color: #005599; 
font-weight: bold; 
text-decoration: underline;
}

#middlesection #content p a:hover, 
#middlesection #content p a:focus, 
#middlesection #content p a:active,
#middlesection #content li a:hover, 
#middlesection #content li a:focus, 
#middlesection #content li a:active  { 
background-color: #f0c360; 
color: #005599; 
text-decoration: none; 
}


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* newsteaserliste: */
#middlesection #content .pm_list { display: block; width: 100%; margin: 0px 5px 0px 0px;}

#middlesection #content .pm_list ul li{ display: block; padding:2px 4px; margin: 0 0 12px 0; clear: both;
background: #fdf4e7; min-height: 99px;}
#content ol.newsteaser li.last_entry{ margin-bottom: 0;}

#middlesection #content .pm_list li h4{ font-size: 1.2em; display: block; padding: 0px 0px 3px 0px}
#middlesection #content .pm_list li h4 a{ display: block; color: #000000;}
#middlesection #content .pm_list li h4 span.label{ display: block; margin: 4px 0px;}
#middlesection #content .pm_list li h4 span.label a{ padding: 1px 3px; color: #fff; font-size: 65%;
margin:2px 2px 2px 0; display: inline; }

#middlesection #content .pm_list li p{ clear: left; padding: 2px 0 4px 0;
font: normal 1em/140% Verdana, Arial, Helvetica, sans-serif; display: block; }
#middlesection #content .pm_list li br{ clear: right; display: none;  }
#middlesection #content .pm_list li img{
display: block; float: right; margin: 2px 0 2px 8px;}




#middlesection #content .teaser_newscompact ol{
display: block; width: 530px; padding: 6px 0 6px 8px; background-color:#009933 }
middlesection #content .teaser_newscompact li{
display: block; padding:2px 4px; margin: 0 0 4px 0;}


middlesection #content .teaser_newscompact li{
clear: both; background: #fff;clear: both;}

#content #leftteasersection .teaser_newscompact li h4{
font-size: 0.88em; line-height: 160%; display: block;}

#content #leftteasersection .teaser_newscompact li h4 a{
display: block;}

#content #leftteasersection .teaser_newscompact li p{
clear: left;}

#content #leftteasersection .teaser_newscompact li img{
display: block; float: right; margin: 2px 0 2px 4px;}

#content #leftteasersection .teaser_newscompact li h4 span.label a{
padding: 1px 3px; font-size: 0.82em; line-height: 140%; margin:2px 5px 0 0; float: left;}


/* Formulare */
#middlesection #content fieldset {
  font: normal 12px/150% Verdana, Arial, Helvetica, sans-serif;
  border: none;
  width:   97%;
  padding-left:10px;

}

#middlesection #content .rand {
  font: normal 12px/150% Verdana, Arial, Helvetica, sans-serif;
  border:#000099 solid 1px;
  width:   95%;
  margin: 0px 10px 0px 10px;
  padding: 0px 5px 0px 5px;
}


#middlesection #content fieldset legend {
  padding-top:    0.12em;
  padding-bottom: 0.31em;
  padding-left:   0.1em;
  padding-right:  0.25em;
  color: #00306b;
}

#middlesection #content fieldset label {
  width:30%;
  float:         left;
  text-align:    left;
  clear:         both;
  font: normal 12px/150% Verdana, Arial, Helvetica, sans-serif;
  margin-bottom:6px;
}


#middlesection #content fieldset input {
  width:            69%;
  float:            left;
  margin-buttom:6px;
  font: normal 12px/110% Verdana, Arial, Helvetica, sans-serif;
}

#middlesection #content fieldset input.radioInput {
margin: 0; padding:0;
}

#middlesection #content label.radioLabel{
display:block;; color: #000; font: normal 1em/110% Verdana, Arial, Helvetica, sans-serif; width:100%;
text-transform: none;  }

#middlesection #content select {
margin:0px 0 6px 0; display: block; color:#000; border:1px solid #505050;
width: 200px; font: normal 12px/150% Verdana, Arial, Helvetica, sans-serif; float:left;
}

#middlesection #content fieldset p {
font-size:1em; padding:0px; margin:0px; 
}

#middlesection #content fieldset textarea
{
  width:            99%;
  float:            left;
  font: normal 12px/150% Verdana, Arial, Helvetica, sans-serif;
}

#middlesection #content fieldset input.Abschicken, #middlesection #content fieldset input.Loeschen, #middlesection #content fieldset input.AbschickenCenter {
  color:      #ffffff;
  background: #005599;
  border:     0.062em #CCCCCC outset;
  font-weight:bolder;
  font: bold 11px/150% Verdana, Arial, Helvetica, sans-serif;
  margin-top:12px;
  width:auto;

}

#middlesection #content fieldset input.Abschicken {
  clear: both;
  float: left;
  margin-left:12px;
}

#middlesection #content fieldset input.Loeschen {
  float: right;
  margin-right:12px;
}


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* error Messages: */

#middlesection #content .error input.formElement,
#middlesection #content .error textarea{
border:1px solid #e2001a; }

#middlesection #content .error label{ background: #e2001a; color: #fff; display: inline; }

#middlesection #content ul.errorMessages { padding-left: 0; margin: 0px 10px 0px 15px; }
#middlesection #content ul.errorMessages li{ background-image: none; padding-left: 0; }

#middlesection #content ul.errorMessages li a:hover, #middlesection #content ul.errorMessages li a:active,
#middlesection #content ul.errorMessages li a:focus{
text-decoration: underline; }

/*Content-Tabellen*/
table { 
border: none;   
margin: 0 12px 1em 0px; 
 }

caption{ 
caption-side: top; 
margin: 0.5em 12px 0 0;  
padding: 0.3em 0 0.3em 0.5em; 
background: #144b93; 
color: #fff; 
border: 1px solid #fff; border-bottom: 0; 
text-align: left; 
font: bold 0.75em/150% Verdana, Arial, Helvetica, sans-serif;  
}

table tr td, th { 
border: 2px solid #fff; 
font: normal 0.75em/150% Verdana, Arial, Helvetica, sans-serif;
padding: 0.3em 6px 0.3em 8px; 
border-collapse: collapse; 
vertical-align: top; 
}

th { 
background: #d0e2f5; 
color: #00306b; 
font-weight: bold; 
text-align: left; }

table tr td{ 
background: #EAF1F9; 
text-align: left; 
}