html { height: 101% }
body { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; font-size: small; }

img { border: 0; }
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 --- > */

/* Headline Color Style */
div.headline_filler { background-color: #324A92; height: 7px; }
div.headline_color { width: 120px; height: 7px; float: left; background-color: #5B6EA8; }
div#headline_color_324A92 { background-color: #324A92; }
div#headline_color_98A4C8 { background-color: #98A4C8; }


/* Logo */
div#headline_logos { background-color: #FFF; height: 96px; width: 100%; white-space:nowrap; }
img#logo_bvbs  { position:absolute; left:0px; top:17px; width:158px; height:76px; }
img#logo_dwd   { position:absolute; right: 0px; top:7px; width:640px; height:96px; }
	
/* Menue Global */
div.global_menue { background-color: #CBD2E6; height: 22px; border-bottom: solid 1px #324A92; text-decoration: none; }
div.global_menue ul { list-style-type:none; margin: 0; float:left; padding: 3px; }
div.global_menue ul li { display:inline; }
div.global_menue ul li a { height: 16px; text-decoration:none; color:#000; float: left; border-right: 1px solid #000; padding: 0px 5px 0px 5px; }
div.global_menue ul li a:hover { background-color:#324A92; border-color:#324A92; color:#FFF; text-decoration:none; }

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

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


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



/* Theaser - Portlet */

div.teaser_area_left { position:absolute; top:0px; left:3px; width:220px; }
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_area_right { position:absolute; top:0px; right:3px; width: 220px; }
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; }


/* Portlet - Menue <--- START --- > */
div.menue_portlet_container { position:relative; float:left; top:0px; left:3px; width:220px; border: solid 1px #324A92; background-color: #CBD2E6; }

div.menue_portlet_head { color: #FFF; background-color: #324A92; height: 17px; padding: 2px; }

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

div.menue_portlet_content { margin: 0.5em; }
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 #324A92; margin: 0px 1px 0px 228px;  }

div.portlet_head { color: #FFF; background-color: #324A92; height: 17px; padding: 2px; }
div.portlet_content { float: left; padding: 1em; width: 95%; } 


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

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 { font-size: 85%; margin:0; padding:1px; }
div.portlet_content_teaser_more { clear: both; }
/* Portlet - Content <--- END--- > */



/* Foot <--- START --- > */

div#footline_copy{ float: right; padding: 3px; }

/* Foot <--- ENDE --- > */


/* 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 { width: 715px; }
div.clear { clear:both; }


/* ----------- Portlet - Warnisituation (/app/ws)  <--- START ---> ---------------*/

/* Menue Top <--- START ---> */
div.portlet_ws_menue_top ul { list-style-type:none; margin: 0; float:left; padding: 0; }
div.portlet_ws_menue_top ul li { display: inline; float: left; background-color: #CBD2E6; padding: 0.5em; margin-right: 0.2em; border: solid 1px #777; }
div.portlet_ws_menue_top ul li  a { color: #002266; }
div.portlet_ws_menue_top ul li  a:hover { text-decoration: underline; }
li#portlet_ws_menue_top_active { background-color: #324A92; }
li#portlet_ws_menue_top_active a { font-weight: bold; color: #CED5E9;	background-color: #324A92; }
/* Menue Top <--- ENDE ---> */

/* Portlet Content <--- START ---> */
div#portlet_ws_content { width: 54.5em; }
div#portlet_ws_content h1 { margin: 1.5em 0 0.5em 0; }
div#portlet_ws_content h3 { margin: 1.3em 0 0.5em 0; }

div#portlet_ws_content_left { width: 40.5em; float: left; padding: 0em 0.5em 0.5em 0; }
div#portlet_ws_content_left_map { float: left; width: 22.5em; }
div#portlet_ws_content_left_text { float: left; width: 16.5em; margin-left: 1em; }
div#portlet_ws_content_left_text a { color: #002266; margin-top: 1px; padding: 0; display: block;}
div#portlet_ws_content_left_text a:hover { text-decoration:underline; }

div#warn_map_info_auto { margin-top: 0.5em; font-size: 0.85em; }

div#portlet_ws_content_right { width: 13em; float: left; padding-bottom: 0.5em; }
div#portlet_ws_content_right img { margin: 3px; }
div#portlet_ws_content_right a { color:#002266; font-weight:bold; }
/* Portlet Content <--- ENDE ---> */


/* Legende  <--- START --- > */
div.app_ws_legend_color	{ width: 1.2em; height: 1.2em; border: 1px solid #000; float:left; margin: 0 0.5em 0 0; }
div#app_ws_legend_forecast{ background-image: url(/stat/app/ws/images/vorwarnung.gif); background-repeat: no-repeat; height:1.6em; width:1.5em; float:left; margin: 0 0.3em 0.2em 0; }
div#app_ws_legend_color_AF0064 { background-color: #AF0064; margin-top: 0; }
div#app_ws_legend_color_FF0000 { background-color: #FF0000; }
div#app_ws_legend_color_FA9600 { background-color: #FA9600; margin-top: 0; }
div#app_ws_legend_color_64B4FF { background-color: #64B4FF; }
div#app_ws_legend_color_FF00FF { background-color: #FF00FF; } 
div#app_ws_legend_color_CC99FF { background-color: #CC99FF; } 
div#app_ws_legend_color_FFFF00 { background-color: #FFFF00; } 
div.app_ws_space_bottom_07 { margin-bottom: 0.7em; }
/* Legende  <--- ENDE --- > */

/* Table */
div.app_ws_table table th { background-color:#324A92; border:1px solid #6E6E6E; color:#E2E9FD; padding:4px; }
div.app_ws_table table td { background-color:#e2e9fd; border:1px solid #808080; padding:4px; }
div.app_ws_table table a:hover { text-decoration: underline; color:#002266; }

a.ebp_ws_report_headline { font-size:0.8em; float: right; }

/* ----------- Portlet - Warnisituation (/app/ws)  <--- ENDE---> ---------------*/