/* override some defaults that are different from browser to browser anyway */
html, body{
  height: 100%;
}

body{
  background-color: #87ADBA;
  font-size: 75%;
  padding: 0px;
  margin: 0px;
  font-family: Verdana, Arial;
  line-height: 1.1em;
  text-align: center;
}

div,form {
  padding: 0px;
  margin: 0px;
}

img {
  border: none;
}

body.print {
  margin-left: 1em;
  background: #ffffff;
}

div.print {
  color: #000000;
  width: 550px;
  text-align: left;
}

ul {
  margin-bottom: 0px;
}

label {
  cursor: pointer;
}

/* set some more defaults for our convenience */
a{
  text-decoration: none;
  font-family: Verdana, Arial;
  font-size: 1em;
  line-height: 1.1em;
  color: #E2001A;
}

h1,h2,h3,h4 {
  margin: 0px;
  padding: 0px;
  padding-top: 3px;
  padding-bottom: 3px;
}

h1,h2,h3,h4{
  font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
  font-weight: bold;
}


h1 {
  color: #E2001A;
  font-size: 1.6em;
  padding-top: 15px;
}

h2 {
  color: #597e8a;
  font-size: 1.2em;
  padding-top: 5px;
}

h3 {
  color: #333;
  font-size: 1.2em;
}

h4 {
  color: #333;
  font-size: 1em;
}

p {
  padding-top: 3px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 10px;
}


h2.lead  { 
	margin-top: 0px; 
	padding-top: 10px; 
	margin-bottom: 0px; 
	font-size: 110%;
	color: #333;
}

.lead { 
  font-weight: bold; 
}

h2.list { 
  font-size: 1.2em; 
	color: #333366; 
  padding: 0px;
	margin-bottom: 5px;
}


h2.leadlist { 
  font-size: 1.1em; 
  padding: 0px;
  margin-bottom: 5px; 
  margin-top: 5px;
}

.articletable {
  font-size: 1em;
  line-height: 1.6em;
  margin-bottom:10px;
}

h2 a, h2 a:active, h2 a:link, h2 a:visited, a.listtitle {
  text-decoration: none;
  font-family: Verdana, Arial;
  font-size: 1em;
  line-height: 1.1em;
}

ul.leiste {
  padding: 0em 0.5em 0em 0.5em;
  margin: 0px;
  
}
ul.leiste li {
  padding-left: 0.5em;
  list-style-type: none;
  display: inline;
}

.clear{
  clear: both;
}

.vertical{
  vertical-align: middle;
}

.body{
  height: 100%;
  height:auto !important;
  padding: 12px;
  min-height: 100%;
}

.bg_top{
  position: absolute;
  height: 12px;
  background-color: #FFFFFF;
  top: 0px;
  width: 980px;
}

.bg_bottom{
  position: absolute;
  height: 12px;
  background-color: #FFFFFF;
  bottom: 0px;
  width: 980px;
}

/*** Header ***/
.header{
  margin: 0px;
  padding: 0px;
  height: 200px;
  border-bottom: 1px solid #FFFFFF;
  width: 100%;
}

.header_image_sd{
  float: left;
  margin: 0px;
  padding: 0px;
  border-right: 1px solid #FFFFFF;
}

.header_image_berlin{
  padding: 0px;
  margin: 0px;
}

.navi_top{
  position: relative;
  background-color: #E3001B;
  height: 23px;
  overflow: hidden;
  width: 100%;
  padding: 0px;
  vertical-align: top;
  margin: 0px;
}

.navi_top_1{
  height: 23px;
  float: left;
  padding: 0px;
  margin: 0px;
  text-align: left;
}

.navi_top ul{
  list-style-type: none;
  padding: 4px 0px 0px 0px;
  margin: 0px;
}

.navi_top ul li:first-child{
  border: 0px;
}

.navi_top ul li{
  border-left: 1px solid #FFFFFF;
  float: left;
  height: 16px;
  padding-left: 4px;
  padding-right: 4px;
  color: #FFFFFF;
  margin: 0px;
}

.navi_top ul li a{
  color: #FFFFFF;
}

.navi_top_2{
  text-align: right;
  height: 23px;
  vertical-align: middle;
  width: 753px;
}

.navi_top_2 ul{
  position: absolute;
  right: 4px;
}

/*** Main left ***/
.main_left{
  float: left;
  background-color: #DDEAF0;
  width: 226px;
}

.main_left_navi{
  margin-top: 25px;
}

.main_navi_active_top{
  background: url(./navi_active_top.gif) right no-repeat;
  width:220px;
  height:6px;
  margin-left: 4px;
  margin-top: 0px;
}

.main_navi_1_active{
  margin-left: -6px;
  background: url(./main_navi_active_ground.gif) right repeat-y;
  width: 220px;
  min-height: 22px;
  padding-bottom: 5px;
  padding-left: 10px;
}

.main_navi_2_active{
  padding-bottom: 8px;
  padding-left: 10px;
}

.main_navi_2_active a{
  display: block;
  font-weight: bold;
  width: 190px;
}

.main_navi_3_active{
  padding-top: 8px;
  padding-left: 10px;
}

.main_navi_3_active a{
  color:#333333 !important;
  display: block;
  font-weight: bold;
  width: 180px;
}

.main_navi_1_active a{
  color: red;
  font-weight: bold;
  padding-left: 10px;
}

.main_navi_top{
  background: url(./navi_top.gif) right no-repeat;
  width:220px;
  height:6px;
  margin-left: 4px;
  margin-top: 0px;
}

.main_navi_1{
  margin-left: -6px;
  background: url(./main_navi_ground.gif) right repeat-y;
  width: 220px;
  min-height:22px;
  padding-bottom: 5px;
  padding-left: 10px;
}

.main_navi_1 a{
  height:28px;
  color:red;
  padding-left:12px;
}

.main_navi_2{
  padding-bottom: 8px;
  padding-left: 10px;
}

.main_navi_2 a{
  display: block;
  font-weight: normal;
  width: 190px;
}

.main_navi_3{
  padding-top: 8px;
  padding-left: 10px;
}

.main_navi_3 a{
  color: #333333;
  display: block;
  font-weight: normal;
  width: 180px;
}

.main_navi_1_shadow{
  margin-top: -7px;
  margin-left: 4px;
  width: 220px;
  height: 9px;
}


.main_left_banner{
  margin-top: 20px;
  margin-left: 10px;
}

.main_left_wuerfel{
  background: transparent url(./spd_wuerfel.jpg) right no-repeat;
  width: 125px;
  height:116px;
  position: absolute;
  bottom: 52px;
  margin-top: 20px;
  margin-left: 50px;
}

/*** Main Content ***/
.main_content{
  float: left;
  width: 487px;
  margin: 25px 25px 20px 25px;
}

.main_content_bottom{
  position: absolute;
  bottom: 52px;
  margin-top: 20px;
  border-top: 1px solid #E3001B;
  text-align: center;
  width: 487px;
}

.main_content_bottom ul{
  list-style-type: none;
  padding-top: 4px;
  margin: 0px auto;
  width: 375px;
}

.main_content_bottom ul li:first-child{
  border: 0px;
}

.main_content_bottom ul li{
  border-left: 1px solid #E3001B;
  float: left;
  height: 16px;
  padding: 0px 4px;
  color: #E3001B;
}

.main_content_bottom a{
  color: #E3001B;
}

/*** Main right ***/
.main_right{
  float: left;
  width: 217px;
  background-color: #DDEAF0;
}

.main_right li {
  margin-bottom: 1em;
}

.main_right_header{
  margin-top: 25px;
  margin-left: 6px;
  background: url(./menu_rechts.jpg) right no-repeat;
  width: 211px;
  height: 34px;
}

.main_right_header p{
  display: block;
  height:34px;
  color: #FFFFFF;
  padding-top: 5px;
  padding-left: 10px;
  font-weight: bold;
}

.termine{
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.termine ul{
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

.termine ul li p{
  line-height: 1.3em;
  font-size: 1em;
}

.termine ul li a{
  color:#E30721;
  font-weight: bold;
  text-decoration: none;
}

/*** Footer ***/
.footer{
  position: absolute;
  bottom: 12px;
  height: 22px;
  width: 980px;
  background-color: #E3001B;
}

.fehler {
  color: red;
  font-weight: bold;
}

.left {
  float:left;
}

.right {
  float:right;
}


/*
 * hide certain elements from modern browsers which are (hopefully) mostly
 * convenient for text-browsers and the like
 */
.hidden {
  display: none;
}

.indent {
  padding-left: 15px;
}

/*** Allgemeine Anordnung der Container und Hintergruende ***/

.wrapper {
  width: 980px;
  min-height: 100%; /* Mindesthöhe in modernen Browsern */
  height: auto !important; /* !important-Regel für moderne Browser */
  height: 100%; /* Mindesthöhe in IE (<7) */
  padding: 12px;
  background-color: #FFFFFF;
  margin: 0 auto;
  color: #000000;
  vertical-align: top;
  font-size: 1em;
  text-align: left;
  position: relative;
  background: #FFFFFF url(./bg_content.gif) repeat-y;
}

#head {
  width: 952px;
  height: 100px;
  background-image: url(header.jpg);
  line-height: 100px;
  font-size: 2em;
  font-weight: bold;
  padding-left: 20px;
  color: #990033;
  font-family: trebuchet ms, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
}

#metanav {
  position: relative;
  left: 0px;
  height: 22px;
  width:100%;
  background-color: #ffcc00;
  text-align: right;
  margin-bottom: 1px;
  line-height: 22px;
  font-size: 90%;
}

#wrapperinner {
  width: 100%;
  clear: both;
}

#wrapperinner2 {
  width: 100%;
  clear: both;
}

#nav {
  float: left;
  width: 188px;
  margin-left:-730px;
}

#nav_breit {
  float: left;
  width: 188px;
  margin-left:-916px;
}

.content {
  margin-left: 0px;
  margin-bottom: 62px;
  width: 100%;
  line-height:1.6em;
  font-size: 1em;  
}

#content_breit {
  margin-left: 210px;
  float: left;
  width: 706px;
  line-height:1.6em;
  font-size: 90%;  
}

#news {
  width: 220px;
  margin-left: 752px;
  margin-right: 0%;
  padding-top: 2px;
}

#news_breit {
  visibility: hidden;
}

#metanav2 {
  position: relative;
  left: 0px;
  height: 18px;
  width: 100%;
  text-align: right;
  line-height: 18px;
  font-size: 90%;  
}

#footer {
  position: relative;
  left: 0px;
  height: 22px;
  width: 100%;
  text-align: left;
  background-color: #ffcc00;
  line-height: 22px;
  font-size: 90%;

}

#footer a, #metanav a {
  color: #333 !important;
}


/* Bildformatierung */

.AWimageleft { float:left; }
.AWimageright { float:right; }

.AWimagemarginleft { margin-left:6px; }
.AWimagemarginright { margin-right:6px; }
.AWimagemargincenter { margin:auto; }

div.AWimagebox { background-color: #FFFFFF; margin-top: 0.5em; margin-bottom: 10px;}

img.AWimage { border:0px; }

p.AWimagetext { padding-left: 6px; padding-right: 6px; margin-top:0px; margin-bottom:0px; }

span.AWimagetitle { font-weight:bold;display:block; }



/* Bildformatierungen zum Ueberschreiben */


.AWimageboxOverride { }

AWimageOverride {}

AWimagetextOverride {}

AWimagetitleOverride {}

AWimagedescOverride {}



/*
* Menu-Bereich
*/

#menu {

}

#menu ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  border: 0px;
}

/* Ebene 1 */

#menu ul li {
  padding: 2px 0px 1px 0px;  
}

#menu ul li a img {
  padding-top: 0px;
  padding-bottom: 1px;
}

#menu ul li a {
  color: #333 !important;
  font-size: 0.85em;
  font-weight: normal;
  text-decoration: none !important;
  display: block;
  line-height: 2em;
  background-color: #ffe680 !important;
  padding-left: 5px;
}

#menu ul li a:hover {
  background-color: #ffcc00 !important;
}

#menu ul li a.active {
  background-color: #ffcc00 !important;
  font-weight: bold !important;
}


/* Ebene 2 */

#menu ul li ul {
  padding-top: 2px;
  padding-bottom: 5px;
}

#menu ul li ul li {
  padding: 0px 0px 1px 0px;  
}

#menu ul li ul li a {
  margin-bottom: 1px;
  line-height: 2em;
  padding-left: 22px;
}

#menu ul li ul li a:hover {
}

#menu ul li ul li a.active {
}

/* Ebene 3 */

#menu ul li ul li ul li a {
  margin-bottom: 1px;
  line-height: 2em;
  padding-left: 33px;
}

#menu ul li ul li ul li a:hover {
}

#menu ul li ul li ul li a.active {
}


/*
* Boxen
*/

/* Kopfbereiche der Boxen*/

div.boxhead {
  width: 208px;
  height: 22px;
  line-height: 22px;
  background-color: #FFCC00;
  font-weight: bold;
  padding: 0px 6px 0px 6px;
  float: left;
}

/* Box-Inhalts-Div */

div.box {
  width: 208px;
  background-color: #ffffcc;
  padding: 0px 6px 18px 6px;
  font-size: 0.87em;
  line-height: 1.3em;
  margin-bottom: 1em;
  float: left;
}

div.box ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  border: 0px;
}

div.box li { clear: left; display: block;}

div.box img { float: left; margin: 0em 0.5em 0em 0em; }

div.box p {
  float:left;
}

div.box input[type=text],
div.box input[type=submit] {
  width: 150px; 
  margin-top:4px;
}

div.box input[type=radio] {
  width:16px;
}

/* Box-Inhalt-Formate für News */

#news div.box a.title {
  display: block;
  padding-top: 8px;
  padding-bottom: 4px;
}

/* Banner */

ul.banner {
  margin: 10px 0px 160px 0px;
  padding: 0em;
}

ul.banner li {
  margin:0.5em 0em 0.5em 0em;
  padding: 0px;
  border: 0px;
  list-style-type: none;
  /* display: inline; */
}

/*Social Bookmarks */

#social_bookmark ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  border: 0px;
}

#social_bookmark li { 
  padding-right: 0.5em;
  list-style-type: none;
  display: inline;
}

#social_bookmark img {
  margin: 0.25em 0em 0em 0em; 
}