@page { size: auto; }

body
{
	background-color: #ffffff;
	font-family: arial, helvetica, clean, sans-serif;
	font-size: 12px;
	color: black;
}

html
{
	background-color: #ffffff;
}

h1, h2, h3, h4, h5, h6
{
	page-break-after: avoid;
}

div#box_main
{
	display: none;
}


/* 
	Overlay
*/
#OV_temp
{
	display: none;
}

#OV_overlay
{
	display: none;
}


#OV_window
{
	display: none;
}


#OV_loading
{
	display: none;
}

div#box_detail_bar_l
{
	display: none;
}
div#box_detail_bar_r
{
	display: none;
}
div#box_detail_txt
{
	display: none;
}
div#OV_print
{
	display: block;
	width: 90%;
	height: 100%;
}
div#OV_print table
{
	margin-left: 5px;
}
div#OV_print p
{
	display: block;
	
}



.browser_table
{
	border-width: 0px;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
}
.browser_td
{
	border-width: 0px;
	border-style: solid;
	border-color: #ffffff;
	padding-left: 5px;
	margin: 0px;
	border-collapse: collapse;
	vertical-align: top;
}


table
{
	width: auto;
	border-width: 1px;
	border-style: solid;
	/*border-color: #3366ff;*/
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	height: auto;
}

td
{
	border-width: 1px;
	border-style: solid;
	/*border-color: #3366ff;*/
	padding: 3px;
	margin: 0px;
	border-collapse: collapse;
}




/*
	H
*/
h1 
{
	/*font-family: Geneva, Helvetica, Arial; */
	font-size: 20px;
	font-weight: bold;
	/*color: #3366ff;*/
	margin-bottom: 10px;
	margin-top: 10px;
}
h2 
{
	/*font-family: Geneva, Helvetica, Arial; */
	font-size: 16px;
	font-weight: bold;
	/*color: #3366ff;*/
	margin-bottom: 8px;
	margin-top: 8px;
}
.titel_h2
{
	/*font-family: Geneva, Helvetica, Arial; */
	font-size: 16px;
	font-weight: bold;
	/*color: #3366ff;*/
}


/*
	A
*/
a
{
	/*color: #3366ff; */
	/*font-family: Geneva, Helvetica, Arial;*/
	text-decoration: none;
	font-weight: normal; 
	font-size: 12px;
}
a:hover
{
	/*color: #3366ff; */
	/*font-family: Geneva, Helvetica, Arial;*/
	text-decoration: underline;
	font-weight: normal; 
	font-size: 12px;
}


a.activ
{
/*	color: #3366ff; */
	/*font-family: Geneva, Helvetica, Arial;*/
	text-decoration: underline;
	font-weight: normal; 
	font-size: 12px;
}
a.activ:hover
{
/*	color: #3366ff; */
	/*font-family: Geneva, Helvetica, Arial;*/
	text-decoration: underline;
	font-weight: normal; 
	font-size: 12px;
}


/*
	für close link im div detail
*/
a.close
{
	color: #ffffff; 
	/*font-family: Geneva, Helvetica, Arial;*/
	text-decoration: none;
	font-weight: normal; 
	font-size: 11px;
}
a.close:hover
{
	color: #ffffff; 
	/*font-family: Geneva, Helvetica, Arial;*/
	text-decoration: underline;
	font-weight: normal; 
	font-size: 11px;
}


/*
	A navi
*/
a.navi
{
	color: #000000;
	/*font-family: Geneva, Helvetica, Arial; */
	text-decoration: none;
	font-weight: normal; 
	font-size: 16px;
}
a.navi:hover
{
	color: white; 
	/*font-family: Geneva, Helvetica, Arial; */
	text-decoration: none; 
	font-size: 16px;
	font-weight: normal;
}


/*
	A navi_activ
*/
a.navi_activ
{
	color: #000000;
	/*font-family: Geneva, Helvetica, Arial;  */
	text-decoration: underline; 
	font-size: 16px;
	font-weight: normal;
}
a.navi_activ:hover
{
	color: #000000; 
	/*font-family: Geneva, Helvetica, Arial;  */
	text-decoration: underline; 
	font-size: 16px;
	font-weight: normal;
}


/*
	A lang
*/
a.lang  
{ 
	color: black; 
	/*font-family: Geneva, Helvetica, Arial; */
	text-decoration: none;
	font-size: 10px;
}
a.lang:hover 
{ 
	/*color: #3366ff; */
	/*font-family: Geneva, Helvetica, Arial; */
	text-decoration: underline; 
	font-size: 10px;
}


/*
	A lang_activ
*/
a.lang_activ  
{ 
	/*color: #3366ff; */
	/*font-family: Geneva, Helvetica, Arial; */
	text-decoration: underline;
	font-size: 10px;
}
a.lang_activ:hover 
{ 
	/*color: #3366ff; */
/*	font-family: Geneva, Helvetica, Arial; */
	text-decoration: underline; 
	font-size: 10px;
}


/*
	A warning
*/
a.warning_2
{ 
	/*font-family: Geneva, Helvetica, Arial; */
	font-size: 11px;
	font-weight: bold;
	color: #6699ff;
}
a.warning_3
{ 
	/*font-family: Geneva, Helvetica, Arial; */
	font-size: 11px;
	font-weight: bold;
	color: #ff0000;
}
a.warning_4
{ 
	/*font-family: Geneva, Helvetica, Arial; */
	font-size: 11px;
	font-weight: bold;
	color: #cc00ff;
}




/*
	LAYER NAVIGATION
*/
.mainContainer
{
	margin-top: 10px;
	font-size: 14px;
}
.timeContainer
{
	position: absolute;
	background-color: #dddddd;
	font-size: 1.2em;
	text-align: center;
	width: 140px;
	height: 17px;
	visibility: hidden; /* muss visibility sein: sonst hat ie6 ein problem! */
}
.elementContainer_radio
{
	margin: 0px;
	margin-top: 1px;
	padding: 0px;
	font-size: 13px;
	height: 17px;
}
.elementContainer_check
{
	padding: 0px;
	margin: 0px;
	margin-top: 1px;
	padding-left: 10px;
	font-size: 1em;
	height: 17px;
}
.childContainer
{
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
}
.tree
{
	margin-bottom: 1px;
	margin-left: 2px;
	width: 9px;
	height: 9px;
}
.format_radio
{
	position: relative;
	width: 20px;
	top: 2px;
}
.layer_ausruf
{
	color: white;
	/*font-size: 16px;*/
	display: none;
	font-weight: bold;
}





/*
	SLIDER + BORDER
*/
.slider-border /* class */
{
	display: block;
	height: 50px;
}
.slider-back
{
	float: left;
	width: 10px;
	height: 28px;
}
.slider
{
	float: left;
}
.slider-bg 
{
	position: relative;
    height: 28px;
    margin: 0px;
    padding: 0px;
    -moz-outline: none;
    outline: 0px none;
}
.slider-t 
{
    cursor: col-resize;
    position: absolute;
    height: 28px;
    margin: 0px;
    padding: 0px;
    width: 3px;
    /*background-color: #3366ff;*/
    background-color: #ffffff;
    left: 0px;
}  
.border-bg 
{
  	position: relative; 
   	height: 16px; 
   	-moz-outline: none;
   	outline: 0px none;
}  
.border-l 
{
   	cursor: col-resize;
   	position: absolute; 
   	top: 0px;
   	width: 3px; 
   	height: 16px;
  /* 	background-color: #6699ff;*/
}   
.border-r 
{
   	cursor: col-resize;
   	position: absolute; 
   	left: 300px; 
   	top: 0px; 
   	height: 16px;
   	width: 3px;
/*   	background-color: #6699ff;*/
}
.border-f 
{
	position:absolute;
	background-color: #cccccc; 
	height: 10px;
}
.slider-vor
{
	float: left;
	width: 10px;
	height: 28px;

}
.anim-button
{
	float: left;
	width: 40px;
	height: 28px;
	margin-top: 3px;
	text-align: center;
	
}
.time
{
	float: left;
	width: 280px;
	height: 28px;
	font-size: 18px;
	/*font-weight: bold;*/
	vertical-align: middle;
	margin-top: 3px;
}


.animation
{
	float: right;
	width: 350px;	
}


/*
	METEOGRAMME
*/
.meteogram_tr_titel
{
	font-size: 12px;
	background-color: #cccccc;
	text-align: center;
	vertical-align: top;
}
.meteogram_td
{
	text-align: center;
}
.meteograms_sym
{
	height: 30px;
	width: 30px;
}
.meteograms_okt
{
	height: 13px;
	width: 13px;
}
.meteograms_dd
{
	height: 15px;
	width: 15px;
}
.meteograms_w_tt
{
	width: 40px;
}
.meteograms_w_tt5
{
	width: 40px;
}


/*
	WARNUNGSKARTE
*/
#box_warning
{
	z-index: 15;
}
#box_warning_icons
{
/*	border: 2px solid #3366ff;*/
	position: absolute;
	width: 495px;
	height: 40px;
	top: 55px;
	left: 175px;
	background-color: #ffffff;
	cursor: pointer;
}
.warning_icons
{
	padding: 5px;
}
#box_warning_levels
{
	/*border: 2px solid #3366ff;*/
	position: absolute;
	width: 166px;
	height: 40px;
	top: 55px;
	left: 780px;
	background-color: #dddddd;
}
#warning_2
{
	margin: 6px;
	background-color: #ffff00;
	border: 1px solid #000000;
	width: 25px;
	height: 25px;
	float: left;
	cursor: pointer;
}
#warning_3
{
	margin: 6px;
	background-color: #ff9900;
	border: 1px solid #000000;
	width: 25px;
	height: 25px;
	float: left;
	cursor: pointer;
}
#warning_4
{
	border: 1px solid #000000;
	margin: 6px;
	background-color: #ff0000;
	width: 25px;
	height: 25px;
	float: left;
	cursor: pointer;
}
#warning_5
{
	margin: 7px;
	background-color: #cc00ff;
	border: 1px solid #000000;
	width: 25px;
	height: 25px;
	float: left;
	cursor: pointer;
}
#box_warning_legende
{
	position: absolute;
	width: 300px;
	height: 200px;
	top: 480px;
	left: 180px;
}
.class_warning_legende
{
	padding: 5px;
	margin: 5px;
	/*border: 2px solid #3366ff;*/
	background: #cccccc;
	z-index: 2;
}


/*
	MACRO
*/
.macro_imgs
{
	height: 12px;
	width: 12px;
}
.macro_imgs_delete
{
	height: 12px;
	width: 12px;
	cursor: pointer;
}
.macro_active
{
	background: green;
	margin: 3px;
	padding: 3px;
	cursor: pointer;
}

/*
	box_detail_obs
*/
.detail_obs_wx
{
	width: 35px;
	height: 35px;
}
.detail_obs_dd
{
	width: 20px;
	height: 20px;
}
#table_detail_obs
{
	width: 150px;
}


/*
	change style
*/
.design_imgs
{
	cursor: pointer;
}


/*
	admin interface
*/
.admin_table_title
{
	font-weight: bold;
}


#metresearch_img
{
	width: 560px;
	height: 380px;
}

tr.webcam_navi td 
{
	/*border: 1px solid #6699ff;*/
	background: #ffffff;
}

.macro_tr /* für die Makro Sequenz Tabelle */
{
	height: 31px;
}


li
{
	list-style-type: none;
	margin: 7px;
}


#bericht_top
{
	display: none;
}