body {
	font-family: "DejaVuSansBook",Arial,Helvetica,sans-serif;
	font-size: 62.5%;
	margin: 0;
	padding: 0
}

.tpl-row {
	max-width: 990px;
	width: 100%;
	margin: 0 auto;
}
.tpl-logo a{
	display: block;
	position: absolute;
	background: url(/stat/img/dwd.png) 0 0 no-repeat,url(../img/dwd-text.png) 52px 85% no-repeat;
	margin: 13px 0 0 0;
	min-width: 270px;
	min-height: 75px;
	font: 0/0 serif;
	outline:none;
	float: left;
}

.tpl-header-nav2
{
	padding: 0;
	float: right;
}

.tpl-header-nav2 li {
	float: left;
	margin-left: 1px;
	background: rgb(212, 227, 242);
	list-style: none;
	font-size: 1.5em;
	font-family: "DejaVuSansBook",Arial,Helvetica,sans-serif;
}

.tpl-header-nav2 a {
	text-decoration: none;
	color: #2d4b9b;
	outline:none; 
	display: block;
	padding: 30px 20px;
	text-transform: uppercase;
	line-height: 1.5em;
}

.tpl-header-nav2 a:hover {
	color: #000;
	background: #FFF;
}


/* clear floats */
.group::before,
.group::after {
  content: "";
  display: table;
} 
.group::after {
  clear: both;
}
.group {
  zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}


/* Header - Bereich */
#header {
  background-color: transparent !important;
}

#tpl_banner {
  background: #f3f3f3 50% 0 no-repeat;	
  background-repeat: no-repeat;
  background-position: center top;
  min-height: 450px;
  width: 100%;
}
#tpl_topbar {
  max-height: 55.4px;
  background: #2D4B9B;
  overflow: hidden;
}
#tpl_topbar  ul{
  float: left;
  margin: 0;
  padding: 0  
}
#tpl_topbar  li{
  list-style: none;
  background-color: #2D4B9B;
  display: inline-block;
}
#tpl_topbar a {
  display: block;
  padding: 16px 20px;
  font-size: 13px;;
  line-height: 1.4;
  color: #fff;
  text-decoration: none;
  background: transparent; 
  font-family: "DejaVuSansBook",Arial,Helvetica,sans-serif;
  outline:none;  
}
#tpl_topbar a:hover {
  background-color: #96b9dc;
}











/* Main - Bereich */
#main {
  background-color: #fff !important;	
  border-top: none !important;  
}

#tpl_main {
  display: block;
  margin-top: -300px;
}

#tpl_main  .tpl-row {
  background: #fff;	
  min-height: 400px;
}



.tpl-bodytext {
  font-size: 14px;
  line-height: 21px;
  margin:15px;
  padding: 10px 0 0 0;    
}
.tpl-bodytext p {
  font-weight:normal;
}
.tpl-bodytext li {
  padding-bottom: 5px; 	
  font-weight:normal;
}
.tpl-bodytext a {
  padding-bottom: 5px;
  color: rgb(45, 75, 155);  
}

/* Startseite */

div.teaser {
    border: solid 1px #f2f4f6;
    float: left;
    margin: 10px;
}

div.teaser_head {
	color: #555;
	background: #fff;
	font-size: 17px;
	display: block;
    font-weight: normal;
    height: 30px;
    padding: 10px;
	text-align: center;
}

.teaser p {
    width: 270px;
    padding: 0 10px;
    height: 35px;
}
/*
div.teaser_nav {
	color: #2d4b9b;
    background: #f2f4f6;
    border-bottom: 1px solid #fff;
	min-width: 150px;
	margin: 70px 0 0 0;
	float: left;
}
div.teaser_nav ul {

}

div.teaser_nav li {
	list-style: none; 
}

div.teaser_nav a {
	text-decoration: none;
	outline: none;
}

*/
/*
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	display: block;
*/
img#wetter {
	min-width: 250px;
	max-width: 100%;
	height: auto;
	max-height: 300px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

img#warnung {
	width: auto;
	height: 100%;
	max-height: 300px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

img#radar {
        width: auto;
        height: 100%;
        max-height: 300px;
        margin-left: auto;
        margin-right: auto;
        display: block;
}


div.teaser a {
	color: #2d4b9b;
    background: #f2f4f6;
	display: block;
    text-decoration: none;
    padding: 10px;
	margin-top: 10px;
    text-align: center;
    font-size: 14px;
}
div.teaser a:hover {
    background: #2d4b9b;
    color: #fff;
	transition: all .2s ease-in;
}

div.portlet {
    border: solid 1px #324A92;
    float: left;
    margin: 0 0 10px 0;
    width: 100%;
}

div.ls-box {
	border: solid 1px #f2f4f6;
    float: left;
    margin: 10px 0;
	width: 100%;
}

div.ls-box select {
    padding: 10px 9px;
    background-color: transparent;
    border: 1px solid #ddd;
    width: 100%;
    box-sizing: border-box;
	color: #555;
	font-size: 14px;
	position: relative;
    cursor: pointer;
    margin-left: 0;
    margin-right: 0;
    display: inline-block;
}

div.ls-box option {
  font-size: 14px;
}

.menue {
	background-color: transparent;
}

.menue ul {
	box-sizing: border-box;
    margin: 0;
    padding: 0;
	    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;

    font-family: "DejaVuSansBook",Arial,Helvetica,sans-serif;
    line-height: 1.3;
}

.menue li {
    line-height: 1.5;
    list-style: none;
	border-bottom: 1px dotted #ccc;
}


.menue a {
	display: block;
    padding: 15px 0 15px 12px;
    color: #555;
	text-decoration: none;
	box-sizing: border-box;
    margin: 0;
}

.menue a:hover{
	background: #eee;
}


img.center {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

#wettertext  {
	margin: 0;
	padding: 10px;
}

#wettertext pre {
	white-space: pre-line;
	margin: 0;
	padding: 0;
}

#wettertext h3 {
    font-size: 180%;
    font-weight: bold;
    color: #2d4b9b;
margin: 15px 0;
}	

/* Footer-Bereich */
#tpl-footer {
  float: left;
  position: relative;
  padding: 10px 0 0 0;
  background-color: #2D4B9B;
  width: 100%;
  font-size: 12px;
  line-height: 1.5;
}

#tpl-footer-adlerinfo {
  background: url(/stat/img/adler.png) no-repeat 15px 5px;;
  color: #fff;
  width: 58.33333%;
  float: left;
}
#tpl-footer-adlerinfo p {
  padding: 0 0 0 85px;
  margin-top: 0;
}
#tpl-footer-adlerinfo address {
  display: inline-block;
  padding: 0 0 0 85px;
  font-style: normal;
  outline:none;  
}

#tpl-footer-nav {
	float: right;
	margin-top: 36px;
}
#tpl-footer-nav ul {
  float: right;
  padding-right: 15px;  
}
#tpl-footer-nav li {
  list-style: none;
  display: inline-block;  
  padding-left: 10px; 
}
#tpl-footer-nav a {
	text-decoration: none;
	color: #fff;
	outline: none;
}
#tpl-footer-nav a:hover {
	text-decoration: underline;
}


/* Screen */

@media only screen and (max-width: 570px) {
  .tpl-logo  a {
	background: url(/stat/img/dwd.png) 0 0 no-repeat;
  }	
  .tpl-links  {
	width: 100%;
    padding-left: 0;	
  }
}
@media only screen and (max-width: 599px) {
  .tpl-info  {
    width: 100%;
  }	
}





img {
	border: 0;
    max-width: 100%;
    height: auto;
}

a { text-decoration:none; }

h1 { color:#324A92; font-size:120%; border-bottom: solid 2px #324A92; }
h2 { font-size:115%; font-weight:bold; padding-bottom: 0; margin-bottom: 0; }
h3 { color:#000; font-size:1.1em; }

hr { border-bottom: solid 1px #324A92; }

pre { font-size: 100%; }


/* Head <--- START --- > */

	
li.gm-active { border-color:#324A92; color:#FFF; text-decoration:none; font-weight:bold; }

/* Head <--- ENDE--- > */


/* Singel - Portlet */
/*div.portlet { width:99%; border: solid 1px #324A92; margin: 0; float: left; } */



/* Theaser - Portlet */

div.teaser_left {  border: solid 1px #324A92; margin: 0 0 7px 0; float: left; width: 100%; }

div.portlet_teaser { border: solid 1px #324A92; margin: 0px 227px 0px 228px; height: auto !important; height: 600px; min-height: 600px; min-width:200px; }
  
div.teaser_right {  border: solid 1px #324A92; margin: 0 0 7px 0; float: left; width: 100%; }

div.center { margin-top: 2px; margin-bottom: 3px; position: relative; width: 100%; }

div.portlet_teaser_middle { border: solid 1px #324A92; margin: 0 5px 5px 0; float: left; height: auto !important; height: 100px; min-height: 100px; width:380px; }


#tpl-content {
font-size: 14px;
padding: 0;
font-family: "DejaVuSansBook",Arial,Helvetica,sans-serif;
}


/* Portlet - Menue <--- START --- > */
div.menue_portlet_container { float:left; width:220px; border: solid 1px #324A92; background-color: #d4e3f2; margin-right: 10px;}

div.menue_portlet_head { color: #fff; background-color: #2d4b9b; padding: 5px; }

li.pm-active { font-weight:bold; } 

div.menue_portlet_content { padding: 10px; }
div.menue_portlet_content ul { list-style-image: url(/stat/images/icons/menue_pfeil.png); background-repeat:no-repeat;  margin: 0em 0em 0em 1em; padding: 0em 0.3em 0em 0.3em; font-weight:normal; }
div.menue_portlet_content ul li { padding: 0.1em 0.1em 0em 0em; margin: 0.3em 0em 0.5em 0.2em; color:#002266;  }
div.menue_portlet_content ul li a { color:#002266; }
div.menue_portlet_content ul li a:hover { text-decoration: underline; }
/* Portlet - Menue <--- END --- > */


/* Portlet - Content <--- START --- > */
div.portlet_container { border: solid 1px #2d4b9b; margin: 0 0 0 230px; }

div.portlet_head { color: #FFF; background-color: #2d4b9b; padding: 5px; }
div.portlet_content { padding: 10px; } 


div.portlet_container_empty { border: 0; margin: 0 0 0 228px; padding: 0; }

div.portlet_content_teaser { float: left; margin: 5px 5px 0 5px; padding-bottom: 5px; width: 97%; } 
div.portlet_content_teaser_pic_left { float:left; margin-right: 10px; }
div.portlet_content_teaser_text_right { margin: 0; padding: 0; }
div.portlet_content_teaser_more { clear: both; }
/* Portlet - Content <--- END--- > */



/* Tabellen */	
table { border-collapse: collapse; }
table thead th { background-color:#324A92; color:#E2E9FD; height: 23px; border: solid 1px #808080; }
table tbody th,td { text-align: left; font-weight: normal; padding: 5px; background-color: #E2E9FD; border: solid 1px #808080; }
table tbody a { color: #002266}
table tbody a:hover { text-decoration: underline; }


/* Links */
a.more { color:#00214E; text-decoration:none; font-size: 0.75em; float:right; font-weight: bold; padding: 10px 0px 5px 0px }
a.more_teaser { clear:both; color:#00214E; text-decoration:none; font-size: 0.75em; float:right; font-weight: bold; }


a.intern { color:#002266; text-decoration:none; }
a.intern:hover { color:#002266; text-decoration:underline; }
a.extern { color:#00214E; text-decoration:underline; }


/* Sonstiges */
div.text {
}

div.tpl-pretext pre {
        white-space: pre-line;
        margin: 0;
        padding: 0;
}


div.clear { clear:both; }