@charset "UTF-8";
/* CSS Document of bgl-wetter.de */

html {
	/* no scrollbars jump */
	height:100%;
	margin-bottom: 1px;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	margin:10px 0px 0px 0px;
	padding-bottom:10px;
	background-color:#FFFFFF;
}

a:link, a:visited, a:active {
	color:#666666;
	text-decoration:underline;
}

a:hover {
	text-decoration:underline;
}

h1 {
	display:inline-block;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#FFFFFF;
	font-weight:normal;
	padding:3px;
	background-color:#29ABE2;
	margin:0px;
	line-height:normal;
	margin-bottom:1px;
}

h3 a:link, h3 a:visited, h3 a:active {
	color:#666666;
	font-size:16px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	line-height:normal;
	margin-bottom:5x;
}

h1.sub-text {
	display:inline-block;
	padding:2px 3px 2px 3px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#29ABE2;
	margin:0px;
	line-height:normal;
	margin-bottom:1px;
}

h2 {
	display:inline-block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	padding:0px;
	padding-top:5px;
	line-height:normal;
	margin:0px;
	margin-bottom:3px;
}


img {
	border:none;
}

/* center all */
#all {
	margin:0px auto;
	width:1076px;
}

/* header styles */
#page-header {
	display:block;
	position:relative;
	width:898px;
	padding:9px 9px 0px 9px;
	background-image:url(../images/header-bg.png);
	background-repeat:no-repeat;
	background-position:right top;
}

#header-image {
	display:block;
	height:200px;
	background-image:url(../images/header/summer/01.jpg);
	background-repeat:no-repeat;
}

#logo {
	position:absolute;
	left:9px;
	bottom:31px;
	display:block;
	width:438px;
	height:122px;
	background-image:url(../images/logo_neu.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.bgl-wetter.de/images/logo_neu.png', sizingMethod='scale');
	_background:none;
}

#logo a {
	display:block;
	width:438px;
	height:122px;
}

#page-nav {
	display:block;
	height:30px;
	margin-top:1px;
	background-image:url(../images/nav-bg.png);
	background-repeat:repeat-x;
	background-position:left top;
}

#page-nav ul {
	float:left;
	margin:0px;
	padding:0px;
}

#page-nav li {
	float:left;
	list-style:none;
}

#page-nav li a:link, #page-nav li a:visited, #page-nav li a:active {
	display:block;
	text-align:center;
	width:90px;
	height:25px;
	padding-top:5px;
	color:#FFFFFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	background-image:url(../images/nav-separator.png);
	background-position:right;
	background-repeat:no-repeat;
}

#page-nav li a:hover, #page-nav li a.current {
	background-image:url(../images/nav-bg-hover.gif);
	background-position:right;
}

/* content styles */
#page-content {
	display:block;
	width:898px;
	padding:0px 9px 0px 9px;
	background-image:url(../images/main-bg.png);
	background-repeat:repeat-y;
	background-position:left top;
}

#content {
	float:left;
	width:656px;
	color:#333333;
	padding:23px 16px 0px 10px;
	background-image:url(../images/content-gradient.png);
	background-repeat:repeat-x;
	background-position:left top;
	line-height:1.8;
}

#sidebar {
	float:left;
	width:200px;
	padding:23px 16px 0px 0px;
	background-image:url(../images/content-gradient.png);
	background-repeat:repeat-x;
	background-position:left top;
}

.sidebar-title {
	display:block;
	height:20px;
	padding:4px 0px 0px 10px;
	color:#FFFFFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	background-image:url(../images/sidebar-title-bg.gif);
	background-repeat:repeat-x;
	background-position:left top;
	margin-bottom:1px;
}

.sidebar-content {
	display:block;
	padding:6px 6px 6px 6px;
	color:#FFFFFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(../images/sidebar-content-bg.gif);
	background-repeat:repeat-x;
	background-position:top left;
	background-color:#949699;
	margin-bottom:10px;
}

.sidebar-content-nopadding {
	padding:0px;
	padding-top:6px;
	padding-bottom:6px;
}

.sidebar-content a {
	color:#FFFFFF;
}

ul#sub-nav {
	list-style:none;
	margin:0px;
	padding:0px;
}

ul#sub-nav li a:link, ul#sub-nav li a:visited, ul#sub-nav li a:active {
	display:block;
	color:#FFFFFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	height:19px;
	padding:3px 0px 0px 10px;
	text-decoration:none;
	background:none;
	margin-bottom:1px;
}

ul#sub-nav li a.current, ul#sub-nav li a:hover {
	background-image:url(../images/sub-nav-bg-hover.gif);
	background-repeat:repeat-x;
}


#bgl-map {
	position:relative;
	float:left;
	width:445px;
	height:448px;
	border:4px solid #CCCCCC;
	background-image:url(../images/bgl-map.png);
	background-repeat:no-repeat;
	background-position:left top;
}

.bgl-map-label {
	position:absolute;
	z-index:10;
	color:#FFFFFF;
	padding:0px 4px 10px 4px;
	background-image:url(../images/bgl-map-label.png);
	background-repeat:no-repeat;
	background-position:left top;
}

.bgl-map-webcam {
	position:absolute;
	z-index:5;
}

.bgl-map-webcam a {
	display:block;
	width:21px;
	height:17px;
}

/* footer styles */
#page-footer {
	display:block;
	width:898px;
	height:100px;
	padding:10px 9px 0px 9px;
	background-image:url(../images/footer-bg.png);
	background-repeat:repeat-y;
	background-position:left bottom;
}

#footer-content {
	text-align:center;
	padding-top:10px;
	border-top:1px solid #EFEFEF;
}

/* other styles */

.clear {
	clear:both;
}

.float_left {
	float:left;
	line-height:1.5;
}

.float_right {
	float:right;
	line-height:1.5;
}

table {
	line-height:1.5;
}

table .border {
	border:2px solid #F2F2F2;
}

.border {
	border:2px solid #F2F2F2;
}



.news-image-left {
	border:1px solid #999999;
	margin-right:10px;
	float:left;
}

.news-image-right {
	border:1px solid #999999;
	margin-left:10px;
	float:right;
}


.image-box-left {
	border:1px solid #CCCCCC;
	background-color:#EFEFEF;
	padding:5px;
	margin-right:10px;
	float:left;
}

.image-box-left img, .image-box-left img:hover {
	border:1px solid #999999;
	margin:0px;
	padding:0px;
}

.image-box-right {
	border:1px solid #CCCCCC;
	background-color:#EFEFEF;
	padding:5px;
	margin-left:10px;
	float:right;
}

.image-box-right img, .image-box-right img:hover {
	border:1px solid #999999;
	margin:0px;
	padding:0px;
}

.webcam-border {
	border-top:1px solid #555555; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; border-left:1px solid #555555;
}

table td {
	padding-top:2px;
	padding-bottom:2px;
}

td.padding-right {
	padding-right:10px;
}

table td.gray, table tr.gray {
	background-color:#F2F2F2;
}

.webcam_icon {
	background-image:url(../images/webcam_icon.gif); 
	background-repeat:no-repeat; 
	background-position:0px 50%; 
}


.extra_link a, .extra_link a:visited, .extra_link a:active {
	padding:3px 3px 3px 23px;
	color:#408AC1;
	font-weight:bold;
	text-decoration:none;
}

.extra_link a:hover {
	background-color:#EFEFEF;
}