@charset "utf-8";



.lowered {
	margin-bottom:2em;
	padding:.5em;
	border:1px solid white;
	background:url(/img/bg.gif?ef9632d3652650b8e9e14b48c0280d8d);
	background-color:#ddd;
	
	/* <Border Radius... */
	border-radius:.5em;
	-moz-border-radius:.5em;
	-webkit-border-radius:.5em;
	/* ...Border Radius> */

	/* <Inner Shadow... */
	-moz-box-shadow: inset 0 2px 2px #ccc;
	-webkit-box-shadow: inset 0 2px 2px #ccc;
	box-shadow: inset 0 2px 2px #ccc;
	/* ...Inner Shadow> */	
}

/*********************************/
body {
	background:url(/img/bg.gif?ef9632d3652650b8e9e14b48c0280d8d);
	margin:0;
	padding:0 2em;
}
	/*..................*/
	div#body {
//		width:1210px;
	}
		/*..................*/
		#page {
			margin-top:1em;
			float:left;
			width:1020px;
		}
			/*..................*/
			#main {
				min-height:602px;
			}
			#right {
				float:right;
				width:314px;
				margin-top:1.5em;
			}
			#left {
				float:left;
				width:610px;
			}
		/*..................*/
		#page .clear_page {
			clear:both;
		}
	/*..................*/
	div#body div.clear_body {
		clear:both;
	}


/*********************************/
* {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:1.3em;
}

/*********************************/
h1,
b.h1 {
	display:block;
	margin-top:15px;
	margin-bottom:5px;
	padding:0;
	
	font-size:30px;
	line-height:1em;
}
h2 {
	font-size:22px;
	margin-top:1.5em;
	margin-bottom:0;
	padding-bottom:0;
	line-height:1.5em;
}
h3 {
	padding:0;
	margin:3px 0;
	font-size:16px;
}
h4 {
	padding:0;
	margin:3px 0;
}

/*********************************/
a {
	color:#0044CC;
	text-decoration:none;
}
a:visited {
	color:#002E8C;	
}
a:hover {
	color:#2D63FF;
	text-decoration:underline;
}

a.gray {
	color:gray;
}
a.gray:hover {
	color:#333;
}

a.powered_by {
	text-decoration:none;
	font-size:10px;
	font-weight:normal;
	color:gray;
}
a.powered_by:hover {
	text-decoration:underline;
}

div.linkgroup a {
	margin-right:1em;
}
a.extern {
	padding-right:18px;
	background:url(/img/link_extern.png?018b53e29ff40c595b122310271e5183) right center no-repeat;
}
a.arrow,
a.arrow_back {
	background-position:left center;
	background-repeat:no-repeat;
}
a.arrow {
	padding-left:11px;
	/*margin-right:1em;*/
	background-image:url(/img/arrow.gif?eb910bc3e5757ceb2418aa7d0f4328ce);
}
a.arrow_back {
	padding-left:13px;
	background-image:url(/img/arrow_left.gif?baa0ef96eea67b9d6c837f131ae29e54);
}

button,
input.link {
	padding:7px;
	
	color:black;
	cursor:pointer;
	font-weight:bold;
	text-decoration:none;
	text-shadow:-1px -1px #f8f8f8;

	border:1px solid #ccc;
	
	/* Browser Radius Variety (!) ***************/
	border-radius:.3em;
	-moz-border-radius:.3em;
	-webkit-border-radius:.3em;
	/* /Browser Radius Variety (!) ***************/
	
	/* <BG Fade... 
	background:#ccc;
	background:-moz-linear-gradient(top, #fff, #ddd);
    background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
    filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ffffff', EndColorStr='#dddddd', GradientType=0);
	 ...BG Fade> */

	/* <BG Fade... */
	background:#f9f6d3;
	background:-moz-linear-gradient(top, #f9f6d3, #fed61f);
    background:-webkit-gradient(linear, left top, left bottom, from(#f9f6d3), to(#fed61f));
    filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#f9f6d3', EndColorStr='#fed61f', GradientType=0);
	/* ...BG Fade> */
	
	border-color:#a4842d;
	text-shadow:none;
	
	box-shadow:0 1px 5px -2px black !important;

}
button:hover,
input.link:hover {
/*
	border-color:#666;
	
	/* <BG Fade... 
	background:#ddd;
	background:-moz-linear-gradient(top, #fff, #ddd);
    background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
    filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ffffff', EndColorStr='#dddddd', GradientType=0);
	/* ...BG Fade> */

	box-shadow:0 2px 6px -2px black !important;
}

/*********************************/
div.hinweis {
	padding:.5em;
	margin:1em 0;
	
	font-weight:bold;
	text-align:center;

	background:#FAEC98;
	border:2px dotted #FED61F;
	
	/* <Border Radius... */
	border-radius:.5em;
	-moz-border-radius:.5em;
	-webkit-border-radius:.5em;
	/* ...Border Radius> */
}
div.hilfe {
	padding:.5em;
	margin-bottom:5em;
	
	border:2px dotted #FED61F;
	
	/* <Border Radius... */
	border-radius:.5em;
	-moz-border-radius:.5em;
	-webkit-border-radius:.5em;
	/* ...Border Radius> */
}

/*********************************/
hr {
	border:none;
	border-bottom:1px solid #eee;
}
ul li {
	margin:.3em 0;
}
img {
	vertical-align:middle;
	border:none;
}
small {
	color:gray;
}
small.spacer {
	font-size:large;
	width:0;
	margin-left:5px;
	margin-right:10px;
	border-right:1px solid #ccc;
}
small.attribute {
	display:block;
	margin-top:.7em;
}
table {
	border:none;
	width:100%;
	padding:0;
	margin:0;
	border-collapse:collapse;
}
table td {
	padding:0;
	vertical-align:top;
}
table.groups {
	margin-top:3px;
	border-collapse:separate;
	
	/* <BG Fade... */
	background:#ddd;
	background:-moz-linear-gradient(top, #ddd, #fff);
    background:-webkit-gradient(linear, left top, left bottom, from(#ddd), to(#fff));
    filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#dddddd', EndColorStr='#ffffff', GradientType=0);
	/* ...BG Fade> */
}
table.groups td {
	background:white;
	padding:.3em .6em;
}
label {
	cursor:pointer;
}
input.checkbox {
	vertical-align:middle;
}
form.standard {
	padding:.5em;
	margin:1em 0;
	
	background-color:#E8EFFC;
	
	/* <Border Radius... */
	border-radius:.5em;
	-moz-border-radius:.5em;
	-webkit-border-radius:.5em;
	/* ...Border Radius> */

}
form.standard div.label {
	margin-top:.5em;
	font-weight:bold;
}

/*********************************/
div.box {
	background:white;
	
	/* <Box Shadow... */
	box-shadow:0 1px 5px #999;
	-webkit-box-shadow:0 1px 5px #999;
	-moz-box-shadow:0 1px 5px #999;
	/* ...Box Shadow> */
	
	/* <Border Radius... */
	border-radius:.5em;
	-moz-border-radius:.5em;
	-webkit-border-radius:.5em;
	/* ...Border Radius> */
	
	padding:1em;
}
div.block {
	margin-bottom:2em;
}




/* Header
/*********************************/
#logo {
	padding-bottom:1em;
}
#mobile_version {
	background:url(/img/handy.png?fb04108e4aa4f6a935374361675cbd5f) left center no-repeat;
	padding-left:13px;
}
#add_webcam {
	background:url(/img/add.png?d2cf46f296fdf3af5a8ae5c353b4f0ee) left bottom no-repeat;
	padding-left:19px;
}
#rss_feed {
	background:url(/img/rss.gif?4a94556884d877e7cc65d6505dfb50bb) left bottom no-repeat;
	padding-left:20px;
}
#navigation {
	border:1px solid #ddd;
	border-bottom-color:#ccc;

	/* <BG Fade... */
	background:#eee;
	background:-ms-linear-gradient(top, #FAFAFA, #eee);
	background:-moz-linear-gradient(top, #FAFAFA, #eee);
    background:-webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#eee));
    filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FAFAFA', EndColorStr='#eeeeee', GradientType=0);
	/* ...BG Fade> */
	
	/* <Box Shadow... */
	box-shadow:0 1px 3px #eee;
	-webkit-box-shadow:0 1px 3px #eee;
	-moz-box-shadow:0 1px 3px #eee;
	/* ...Box Shadow> */
	
	/* <Border Radius... */
	border-radius:.3em;
	-moz-border-radius:.3em;
	-webkit-border-radius:.3em;
	/* ...Border Radius> */
}
#navigation a.menu {
	display:block;
	float:left;
	
	line-height:46px;
	padding:0 7px;
	
	color:black;
	text-decoration:none;
/*	text-shadow:-1px -1px white;*/
	border-right:1px solid #FAFAFA;
	border-left:1px solid #ccc;
}
#navigation a.menu:hover {
	
	text-shadow:none;
	
	/* <BG Fade... */
	background:#eee;
	background:-ms-linear-gradient(top, #fff, #eee);
	background:-moz-linear-gradient(top, #fff, #eee);
    background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ffffff', EndColorStr='#eeeeee', GradientType=0);
	/* ...BG Fade> */
}
#navigation a.menu u {
	font-size:16px;
	text-decoration:none;
}
#navigation a.menu:hover u {
/*	text-decoration:underline;*/
}
#navigation a.selected:hover u {
	text-decoration:none;
}
#navigation a.menu img.karte {
	margin-left:5px;
}
#navigation a.selected,
#navigation a.selected:hover {
	
	font-weight:bold;
	color:white;
	
	/* <BG Fade... */
	background:#666;
	background:-moz-linear-gradient(top, #666, #aaa);
    background:-webkit-gradient(linear, left top, left bottom, from(#666), to(#aaa));
    filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#666666', EndColorStr='#aaaaaa', GradientType=0);
	/* ...BG Fade> */

	border-right:none;
	text-shadow:-1px -1px #666;
	text-decoration:none;
}
#navigation a.home {
	padding:1px 7px;
	padding-bottom:4px;
	line-height:41px;
	
	/* Browser Radius Variety (!) ***************/
	border-top-left-radius:.15em;
	-moz-border-radius-topleft:.15em;
	-webkit-border-top-left-radius:.15em;
	/* /Browser Radius Variety (!) ***************/
	
	border-left:none;
}
#navigation .main {
	float:left;
	border-right:1px solid #ccc;
}
#navigation form {
	display:block;
	float:left;
	margin:0;
	padding:7px 7px;
	
	border-right:1px solid #FAFAFA;
	border-left:1px solid #ccc;
}
#navigation form:hover {
	/* <BG Fade... */
	background:#eee;
	background:-moz-linear-gradient(top, #fff, #eee);
    background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ffffff', EndColorStr='#eeeeee', GradientType=0);
	/* ...BG Fade> */
}
#navigation form input.input {
	display:block;
	float:left;
	
	height:24px;
	padding:3px;
	padding-left:20px;
	
	font-size:16px;
	font-weight:bold;
	
	background:url(/img/header/navigation/search/input_bg.png?7a574ec58a0bb5af6a240c217f1707df) no-repeat center left;
	background-color:white;
	border:1px solid #999;
	border-bottom-color:#666;
	
	/* <Box Shadow... */
	box-shadow:0 1px 2px #ccc;
	-webkit-box-shadow:0 1px 2px #ccc;
	-moz-box-shadow:0 1px 2px #ccc;
	/* ...Box Shadow> */
	
	/* <Border Radius... */
	border-radius:.3em;
	-moz-border-radius:.3em;
	-webkit-border-radius:.3em;
	/* ...Border Radius> */
}
#navigation form input.inactive {
	color:gray;
	font-weight:normal;
}
#navigation form input.submit {
	display:block;
	float:left;

	margin:0;
	margin-left:3px;
	height:32px;
	padding:3px 5px;
	padding-right:30px;
	
	cursor:pointer;
	font-size:16px;
	
	border:1px solid #846718;
	background:url(/img/header/navigation/search/submit_bg.png?89b6727e2f075cf2ee068eada2ed8b24) no-repeat top right;
	background-color:#FED61F;
	
	/* <Border Radius... */
	border-radius:.3em;
	-moz-border-radius:.3em;
	-webkit-border-radius:.3em;
	/* ...Border Radius> */
}
#navigation form input.submit:hover {
	border-color:black;
}
#navigation form input.submit:active {
	background-image:url(/img/header/navigation/search/submit_bg_active.png?93b216460620ea8aa4c979c8657f774a);
}
#navigation div.clear {
	clear:left;
}
#extended_search {
	position:absolute;
	z-index:100001;
	margin-top:39px;
	padding:2px;
	
	/* <BG Fade... */
	background:#ddd;
	background:-moz-linear-gradient(top, #ddd, #fff);
    background:-webkit-gradient(linear, left top, left bottom, from(#ddd), to(#fff));
    filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#dddddd', EndColorStr='#ffffff', GradientType=0);
	/* ...BG Fade> */
	
	border:1px solid #aaa;
	border-top:none;
	
	/* <Border Radius... */
	border-radius:0.3em;
	border-top-left-radius:0;
	border-top-right-radius:0;

	-moz-border-radius:0.3em;
	-moz-border-radius-topleft:0;
	-moz-border-radius-topright:0;

	-webkit-border-radius:0.3em;
	-webkit-border-top-left-radius:0;
	-webkit-border-top-right-radius:0;		
	/* ...Border Radius> */

	/* <Box Shadow... */
	box-shadow:0 1px 2px #ccc;
	-webkit-box-shadow:0 1px 2px #ccc;
	-moz-box-shadow:0 1px 2px #ccc;
	/* ...Box Shadow> */
}
#navigation form:hover #extended_search {
	/* <BG Fade... */
	background:#eee;
	background:-moz-linear-gradient(top, #eee, #fff);
    background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff));
    filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#eeeeee', EndColorStr='#ffffff', GradientType=0);
	/* ...BG Fade> */
}
#extended_search a.close {
	display:block;
	float:right;
	padding:.2em .3em;;
	padding-bottom:.3em;
	
	color:gray;
	text-decoration:none;
	font-weight:bold;
	font-size:18px;
	line-height:.5em;
	
	border:1px solid transparent;
	
	/* <Border Radius... */
	border-radius:.2em;
	-moz-border-radius:.2em;
	-webkit-border-radius:.2em;
	/* ...Border Radius> */
}
#extended_search a.close:hover {
	color:black;
	background:white;
	border-color:#aaa;
}
#extended_search label.search_option {
	padding-right:1em;
	
	color:black;
}
#extended_search div.search_suggestions {
	border:1px solid #aaa;
	background:white;
	padding:.5em;
	margin:3px;
}
#DIALOG-search_results div.container {
	height:200px;
	overflow:auto;
}
#DIALOG-search_results div.options {
	text-align:right;
}
#DIALOG-search_results div.result {
	margin:3px 0;
	padding:0 5px;
}
#DIALOG-search_results div.result:first-child {
	width:90%;
	margin-bottom:.5em;
	padding:5px;
	
	background:#FAFAFA;
	border:1px solid #ddd;

	/* <Box Shadow... */
	box-shadow:0 1px 2px #ddd;
	-webkit-box-shadow:0 1px 2px #ddd;
	-moz-box-shadow:0 1px 2px #ddd;
	/* ...Box Shadow> */
	
	/* Browser Radius Variety (!) ***************/
	border-radius:0.3em;
	-moz-border-radius:0.3em;
	-webkit-border-radius:0.3em;
	/* /Browser Radius Variety (!) ***************/		
}
#DIALOG-search_results div.result:first-child a {
	font-weight:bold;
}
#top_navigation {
	float:right;
	text-align:right;
}

#breadcrumbs {
	margin-top:2px;
}
#breadcrumbs,
#breadcrumbs a,
#breadcrumbs h1 {
	font-size:12px;
}
#breadcrumbs a {
	color:gray;
}
#breadcrumbs h1 {
	display:inline;
	font-weight:normal;
	padding:0;
	margin:0;
}
#breadcrumbs a:hover {
	color:#333;
}

/* Footer
/*********************************/
#footer a {
	margin-right:1em;
}
#footer_table {
	margin-bottom:300px;
}



/* ----------------------------------------------------
   9) Error
*/
	.error {
		width:900px;
		border:2px dotted #E33961;
		background-color:#F3ABBC;
		
		padding:.5em;
		margin:10em 1em;
		
		font-weight:bold;
		text-align:center;
		
		/* Browser Radius Variety (!) ***************/
		border-radius:0.5em;
		-moz-border-radius:0.5em;
		-webkit-border-radius:0.5em;
		/* /Browser Radius Variety (!) ***************/		
	}

