/* DGS Colors:

"dark" and "light" are used for boxes.
"medium" is used in tables for alternating rows

Orange:
dark   = 227, 120,  38 (RGB) = #e37826
light  = 250, 238, 201 (RGB) = #faeed2
medium = 241, 214, 137 (RGB) = #f1d689

Blue:
dark   =   0,  96, 161 (RGB) = #0060a1
light  = 231, 237, 244 (RGB) = #e7edf4
medium = 175, 206, 226 (RGB) = #afcee2

 */


/*  -------------- Navigation and Page layout ----------------- */

body {
	margin: 0px;
    font-family: Verdana,Arial;
	font-size: 12px;
	color: #000000;
	background: #dbdbdb none repeat-x center;
}

#header {
  margin: 0 auto 0 auto; 
  width: 1004px;
  height: 170px;
  background: transparent url(../img/layout/header_bgr.png) 0 0 no-repeat;
}

#page{ 
  margin: 0 auto 0 auto; 
  width:1004px;
  background: transparent url(../img/layout/page_bgr.png) 0 0 repeat-y;
  overflow:visible;
}

#metanavi{ height: 153px; position: absolute; top: 10px; margin-left: 15px; width: 800px; }

#metanavi span {
	display: inline;
	height: 40px;
	vertical-align: middle;
	padding: 4px 10px 6px 6px;
}

#metanavi span.selectedMetanavi{
	background-color: #f1d689;
	border-width: 1px;
	border-bottom-width: 0px;
	border-color: #bbbbbb;
	border-style: solid;
}

#metanavi span a {
  padding: 0 0 0 15px;
  font-size: 10px; font-weight: bold;
  background-image: url(../img/layout/pfeil_rechts.gif);
  background-position: 0px 2px;
  background-repeat: no-repeat;
}

#metanavi span.selectedMetanavi a {
  background-image: url(../img/layout/pfeil_unten.gif);
}


#header .floatRightUserInfo { font-size: 10px; margin: 10px 15px 0 0; text-align: right; width: 220px;  height: 35	;
	float: right;
	position: relative;
	clear: both;
	visibility: hidden;
}
#header .floatRightUserInfo *{ vertical-align: middle; }
#header .floatRightUserInfo img{ margin-left: 10px;
	margin-bottom: 4px;
}

#header .floatRightHotlinks { font-size: 10px;
	float: right;
	position: relative;
	right: 20px;
	clear: right;
	height: 20px;
	visibility: visible;
	top: 8px;
}

#header .floatRightHotlinks span{ margin-right: 10px;}
#header .floatRightHotlinks span a{ text-decoration: none; }
#header .floatRightHotlinks span a:hover{text-decoration: underline; }


#navi{ width: 660px; height: 28px;
	float: left;
	clear: none;
	position: relative;
	top: 0;
	left: 10px;
}

#navi li{ float: left; background-color: #e37826; height: 22px; margin-right: 2px; padding-top: 6px; text-align: center;}
#navi li a{ color: white; font-size: 10px; font-weight: bold;}

#suche {  width: 330px; float: right;
	right: 0;
	clear: none;
	position: relative;
	z-index: 1;
	top: -8px;
	display: inline;
	visibility: visible;
	height: 25px;
}
#suche *{ vertical-align: middle;
}
#suche input{ width: 221px; height: 17px; margin: 2px 7px 0 14px; padding: 3px 0 0 10px;
	position: relative;
	display: inline;
	top: 1px;
}

.pfeilRechts{
  padding: 0 0 0 15px;
  background-image: url(../img/layout/pfeil_rechts.gif);
  background-position: 0px 2px;
  background-repeat: no-repeat;
}
.pfeilRechtsW{
  padding: 0 0 0 15px;
  background-image: url(../img/layout/pfeil_rechts_w.gif);
  background-position: 0px 2px;
  background-repeat: no-repeat;
}
.pfeilRechtsB{
  padding: 0 0 0 15px;
  background-image: url(../img/layout/pfeil_rechts_b.gif);
  background-position: 0px 2px;
  background-repeat: no-repeat;
}
.pfeilUnten{
  padding: 0 0 0 15px;
  background-image: url(../img/layout/pfeil_unten.gif);
  background-position: 0px 2px;
  background-repeat: no-repeat;
}
.pfeilUntenW{
  padding: 0 0 0 15px;
  background-image: url(../img/layout/pfeil_unten_w.gif);
  background-position: 0px 2px;
  background-repeat: no-repeat;
}


#nav { width: 980px; margin: 0 auto 0 auto; }
#nav a{ color: #000000; }
#nav span{ margin-right: 10px; }
#nav span#now a{ color: #A99B77; }


#footer {   
  margin: 0 auto 0 auto; 
  width: 1004px;   
  background: transparent url(../img/layout/footer_bgr.png) top center no-repeat;
  text-align: center;
  height: 50px;
  padding-top:30px;
}


/*  -------------- Generic classes and site defaults ----------------- */


a {color: #000000; font-weight: normal; text-decoration: none;}
a:hover{ text-decoration: underline; }
table { border-collapse: collapse;  }
ol, ul { list-style: none; }

p { margin: 0 0 10px 0; padding: 0;}
h1{ margin: 0 0 10px 0; padding: 0; font-size: 12px; font-weight: bold;}
h1 a{ font-size: 12px; font-weight: bold;}

.bold { font-weight: bold; }
.hand { cursor: pointer; }
.blau, h2.blau { color: #0060a1;}
.orange{ color: #e37826!important; }

.fontsize9, .fontsize9 a, a.fontsize9 { font-size: 9px;}
.fontsize10, .fontsize10 a, a.fontsize10 { font-size: 10px;}
.fontsize11, .fontsize11 a, a.fontsize11 { font-size: 11px;}
.fontsize12, .fontsize12 a, a.fontsize12 { font-size: 12px;}

.marginBottom3{ margin-bottom: 3px; }
.marginBottom5{ margin-bottom: 5px; }
.marginBottom10{ margin-bottom: 10px; }
.marginBottom15{ margin-bottom: 15px; }
.marginBottom30{ margin-bottom: 30px; }
.marginLeft10{ margin-left: 10px; }
.marginLeft15{ margin-left: 15px; }
.marginRight5{ margin-right: 5px; }
.marginRight10{ margin-right: 10px; }
.marginRight15{ margin-right: 15px; }

input, textarea, select {
  background-color: #FFFFFF;
  border: 1px #E6E5E5 solid;
	font-family: Verdana,Arial;
	font-size: 10px;
	color: #000000;
}
input.trans{ background-color: transparent; border: none; } 
input, select { vertical-align:middle; font-weight:normal; }
img { border: 0; }


.floatLeft{  float: left; }
.floatRight{ float: right;}
.clear{ clear: both;}



/*  -------------- Left column objects ... main content ----------------- */




#links{ width: 657px; float: left; overflow:visible;
	position: relative;
	top: 2px;
	left: 11px;
	display: inline;
	background: url(../img/layout/trennlinie_big_bgr.png) repeat-x scroll 0 top;
}

#links .trenner{ clear: both; height: 30px; background: url(../img/layout/trennlinie.gif) center left no-repeat;} 
#links .trenner_leer{ clear: both;  height: 20px;} 
#links .trenner_klein{ clear: both;  height: 30px; background: url(../img/layout/trennlinie.gif) center left no-repeat;}

#links .trenner_artikel{  height: 30px; 
	background: url(../img/layout/trennlinie_big_bgr.png) repeat-x scroll 0 top;
	float: left;
	position: relative;
	width: 657px;
	right: 25px;
}


#main-content{ text-align: left; width:615px; margin-left:25px;margin-top:20px;}

.content {}

.artikelTitel{ float: left;
	margin-bottom: 10px;
	clear: both;
	width: 615px;
}
.artikelTitel h1{ margin: 0 0 12px 0; padding: 0;
	text-transform: uppercase;
	font-size: 18px;
}
.artikelTitel p{ margin: 0 0 15px 0; padding: 0;
	text-transform: uppercase;
	font-size: 13px;
}


.artikelBild{ width: 190px; float: left;
	margin-bottom: 30px;
}
.artikelBild img{  border:0px; float: right;}

.artikelFoto{ width: 190px; float: left;
	margin-bottom: 30px;
}
.artikelFoto img{  border:1px solid #000000; float: right;}

.artikelAbschnitt{ 
	position: relative;
	clear: both;
	display: inline-block;
	width: 615px;
}
.artikelAbschnitt .content{ width: 400px; float: right;
	margin-bottom: 10px;
}
.artikelAbschnitt h1{ margin: 0 0 10px 0; padding: 0;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 15px;
}
.artikelAbschnitt h2{ margin: 0 0 5px; padding: 0;
	font-weight: bold;
	color: #e37826;
}

.artikelAbschnitt h3{ margin: 0 0 3px; padding: 0;
	font-weight: bold;
}

.artikelAbschnitt p{ margin: 0 0 10px; padding: 0;
}

.artikelAbschnitt a {
	color: #e37826;
}

.artikelAbschnitt ol { 
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 30px;
	margin-bottom: 10px;
}

.artikelAbschnitt ul { 
	list-style-type: none;
	list-style-position: outside;
	margin-left: 16px;
	margin-bottom: 10px;
	list-style-image: url(../img/layout/bullet_7px.png);
}

.artikelAbschnitt li {
	margin-bottom: 8px;
}

.artikelAbschnitt ul.bibItems { 
	margin-left: 20px;
	list-style-image: url(../img/layout/bibItemBlue_11px.png);
}

.infokasten {
	background-color: #f9eec8;
	border: 1px solid #df7923;
	padding: 10px;
	margin-bottom: 8px;
	clear: both;
}

.infokasten a {
	color: #e37826;
}


/*  -------------- Right column objects ... ads and teaser content ----------------- */


#rechts{
  width: 300px;
  float: right; 
  padding: 20px 12px 0;
  overflow:visible;
	position: relative;
	right: 10px;
	display: inline;
	top: -4px;
}

#rechts .trenner{ margin-bottom: 20px; } 

#rechts .teaser{ width: 300px;  margin-bottom: 20px;
	float: left;
}

#rechts .teaser .teaserTitel{ width: 280px; height: 19px; color: white; padding: 3px 10px 0; font-weight: bold;
	float: left;
	text-align: center;
}
#rechts .teaserO .teaserTitel{ background-color: #e37826; }
#rechts .teaserB .teaserTitel{ background-color: #0060a1; }

#rechts .teaser .teaserInhalt{ padding: 10px 10px 10px; font-size: 10px;}
#rechts .teaserO .teaserInhalt{ 
  border-left: 1px #e37826 solid; 
  border-right: 1px #e37826 solid;
  border-bottom: 1px #e37826 solid;
	background-color: #f6eac5;
	display: block;
	clear: both;
}
#rechts .teaserB .teaserInhalt{ 
  border-left: 1px #0060a1 solid; 
  border-right: 1px #0060a1 solid;
  border-bottom: 1px #0060a1 solid;
  background-color: #e7edf4;
	display: block;
	clear: both;
}

#rechts .teaser .teaserInhalt img{ margin-right: 5px;}

.teaserInhalt .blau, h2.blau { color: #0074B1;
}

.teaserInhalt h2.blau { color: #0074B1;
	text-transform: uppercase;
}

.teaserInhalt .content { 
	float: right;
	width: 155px;
}

.teaserInhalt a {
	color: #e37826;
	font-weight: bold;
}

.teaserBild {
	float: left;
	margin-right: 10px;
	width: 110px;
	padding-right: 0;
}
.teaserBild img {
	border-style: none;
	margin-right: 0;
	padding-right: 0;
}

.teaserFoto img {
	margin-right: 0;
	padding-right: 0;
	border: 1px solid #000000;
}


/*  -------------- Yet unsure about these ones ... ----------------- */

.bereichTitel{ 
  height: 15px; 
  border-bottom: 3px #EF9918 solid;
  margin-bottom: 3px;
}
.bereichTitelB{ 
  height: 15px; 
  border-bottom: 3px #EF9918 solid;
  margin-bottom: 3px;
}


.bereichTitel a{ font-weight: bold;  margin-bottom: 10px;}

.bereichTitelB{ border-bottom: 3px #0074B1 solid; }
.bereichBegriffe{ clear: both; font-size: 10px; height: 20px;}
.bereichBegriffe a{ text-decoration: underline;}

.artikelBildPdf{ width: 215px; float: left;}
.artikelBildPdf img{  margin-left: 25px; border:2px solid #E5E7E3}

.artikelBildPdf dd{
  margin:0;
  padding:0;
  list-style-type: none;
  left:0;
  display: inline;
}

.artikelBildPdf dd a{
  color:#EF9918;
  font-weight:bold;
  font-size:11px;
  padding: 0 0 0 17px;
  background-image: url(../img/layout/pfeil_rechts.gif);
  background-position: 4px 2px;
  background-repeat: no-repeat;
}

.artikelBildPdf dd img{border:none;}
.artikelBildPdf dd.datemag {padding-left:50px;font-size:11px;}

.artikelInfo{ width: 390px; float: right;}
.artikelInfo h2{ margin: 0 0 10px 0; padding: 0;}
.artikelInfo h2 a{ color: #EF9918; font-size: 15px; font-weight: bold;}
.artikelInfo h2 a.blau{ color: #0074B1;}


h1.pageTitel{ font-size: 18px; margin: 0 0 10px }
h2.pageTitel2{ font-size: 12px; margin: 0 0 10px; font-weight: bold;}

.artikelBildPdf-Detail{ width: 210px; float: left;}
.artikelBildPdf-Detail img{  margin-left: 0px; border:2px solid #E5E7E3}
.artikelBildPdf-Detail dd{
  margin:0;
  padding:0;
  list-style-type: none;
  left:0;
  display: inline;
}
.artikelBildPdf-Detail dd a{
  color:#EF9918;
  font-weight:bold;
  font-size:11px;
  padding: 0 0 0 17px;
  background-image: url(../img/layout/pfeil_rechts.gif);
  background-position: 4px 2px;
  background-repeat: no-repeat;
}
.artikelBildPdf-Detail dd  img {border:none}
.artikelBildPdf-Detail dd.datemag {
  
  padding-left:20px;
  font-size:11px;  

}

.news-single-img{
  margin-top:100px;
}

.artikelInfo-Detail{ width:400px; float: right;}
.artikelInfo-Detail h1 {color:orange;font-size:16px}

.more,
.bereichTitel h1 a{
  padding: 0 0 0 15px;
  background-image: url(../img/layout/pfeil_rechts.gif);
  background-position: 0px 2px;
  background-repeat: no-repeat;
}
.bereichTitelB h1 a{
  padding: 0 0 0 15px;
  background-image: url(../img/layout/pfeil_rechts_b.gif);
  background-position: 0px 2px;
  background-repeat: no-repeat;
}

.more a,
.links-article a{
  color:orange;
  font-weight:bold;
}


.links-article dd{
  margin:0;
  padding:0;
  display: inline;
  overflow:visible;
}



/*  -------------- Wierd stuff ----------------- */

#screenshot{ position:absolute; 	display:none; }




/* Tooltip Start */
.balloonstyle{
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
z-index: 100;
width: 345px; height: 176px; background: url(../img/inhalt/pdf_vorschau.gif) top left no-repeat; padding-left: 7px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}
.balloonstyle img{ margin: 40px 0 0 3px; }

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}


/* wortwolke */
#cloudspace{
  background-image: url(../img/layout/bg_gradient_tag_cloud.png);
  background-position: 2px 2px;
  background-repeat: repeat-y;
  padding-left:5px;
  border-bottom:2px solid white;
}

#cloudspace a  {
  color: #F28D00;
  font-size:11px;
  padding-right:8px;
  line-height:22px;
  font-family: arial;
}

#cloudspace a.medium{
   font-size:14px;
}

#cloudspace a.big{
  font-size:19px;
}
#cloudspace a#c50{
  display:none;
}


/* Tooltip Ende */

#navi_over ul{
  margin-bottom:10px
  background-image: url(../img/layout/pfeil_rechts.gif);
  background-repeat: no-repeat;
}

#navi_over table a{
  padding: 0 0 0 15px;
  background-image: url(../img/layout/pfeil_rechts.gif);
  background-position: 0px 2px;
  background-repeat: no-repeat;
  font-size:10px;
  font-weight:bold;
}

#navi_over table ul li a{
  padding: 0 0 0 15px;
  background-image: url(../img/layout/pfeil_rechts.gif);
  background-position: 0px 2px;
  background-repeat: no-repeat;
  font-size:10px;
  font-weight:normal;
  margin-left:10px;
}
#navi_over table ul li a:hover{
  text-decoration:underline;
}

#top-right img {margin-top:-6px;}