@import url(box.css);
* {margin:0;padding:0}
body {padding: 0 0 20px;background:#f1f1f1;color:#333;font:80%/1.5em arial,tahoma,verdana,sans-serif}
#wrap {background: #fff; color:#404040; margin:0 auto; width:980px;}

/* LINKS */
a,a:link,a:hover {background:transparent;text-decoration:underline;cursor:pointer} 
a:link {color:#505050;} 
a:visited {color:#505050;} 
a:hover,a:active {color:#286ea0;} 

/* TYPOGRAPHY */
p, ul, ol {margin: 0 0 1.5em}
h1, h2, h3, h4, h5, h6 {letter-spacing: -0.1px;font-family: arial,verdana,sans-serif;margin: 1em 0em 0.4em 0em;color: #505050;border-bottom: 1px solid #eee;padding-bottom: 0.1em;
}
h1 {font-size: 145%;margin-top: 0.8em; margin-bottom:1em;}
h2 {font-size: 126%;margin-top:0.4em;}
h3 {font-size: 116%;margin-top:0.2em;}
h4 {font-size: 111%}
h5 {font-size: 106%}
h6 {font-size: 96%}
.highlight {color:#E17000}
.subdued {color:#999}
.error {color:#c00;font-weight:bold}
.success {color:#390;font-weight:bold}
.caption {color:#999;font-size:10px}
.date {font: bold 82% arial;color:#bbb;display:block;letter-spacing: 1px}
.small {font-size:11px}
.big {font-size: large; font-weight: bold; color: #DC143C; text-align: center;}
.ahem {display: none;}
.euro {color: #903;background-color: transparent;font-weight: 500;}
.centerred{ text-align: center;}


/* LISTS */
ul {margin: .3em 0 1.5em 0;list-style-type:none}
	ul.related {margin-top: -1em}
ol {margin: .5em .5em 1.5em}
ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal}
li {line-height: 1.4em;padding-left: 25px;background: transparent url("../bilder/bg/sprites.gif") no-repeat 0 0}
li.doc {background-position: 3px -500px}
ul.nomarker li {background:none;padding-left:0}

dl {margin: 0 0 1em 0}
dt {font-weight:bold;margin-top: 1.3em}
dl dl {margin: 0 0 1.5em 30px}

/* GENERAL */
img {border:none;margin: 5px;padding: 2px;}
img.left{float: left;}
img.right{float: right;}
.imgpic {margin: 0px; padding: 1px; border: 0px; }
.imgflag {margin: 1px;padding: 2px;border: 1.2px solid #878787; }
hr {display: none; }
hr.line {display: block; border-bottom: thin solid #eee; }
hr.dotted {display: block; height: 0px; background-color: #fff; border-top: 2px dotted #C03; }
.clear {clear: both; position: relative; font-size:0px; height: 0px; line-height: 0px; } 

/* LAYOUT - HEADER */
#header {height: 160px; margin: 0 0 25px;padding: 0 0 8px; }
#header #site-name {font: 265% arial;letter-spacing: -.05em;margin: 0px 0px 0 20px;padding: 100px 0px 0px 0;color:#ccc;border:none;}
#topo {position: absolute;margin:5px;top: 15px;right: 5px; background-color: #fff;}
	
/* NAV - top horizontal nav */
#nav, #nav ul {padding: 0;margin: 0;list-style: none}
#nav {font-weight: bold; height: 2.09em; font: bold 96% arial; margin: 0 105px 5px 25px; }
#nav li {position:relative;background: #ff0;float: left;width: 10em;display:block;margin: 0;border-bottom: 3px solid #666;border-right: 3px solid #252525;padding:0}
#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {text-decoration:none;cursor:pointer;color:#000;display: block;padding: 4px 10px 2px}
#nav a:hover {color:#c00}
#nav li ul {border-left: 1px solid #c00;background: #f6f6f6 url("../bilder/bg/featurebox_bg.gif") no-repeat 100% 100%;width:15.8em;font-size:90%;margin-top:3px;position: absolute;font-weight:normal;left: -999em}
#nav li:hover ul, #nav li.sfhover ul {left: 0;z-index:99999}
#nav li li {background:none;float:none;border:none;border: 1px solid #999;border-top:1px solid #fff;border-right:none;border-left:none;padding-left:0}
#nav li li.last {border-bottom:none}
#nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover {color:#000;padding: 3px 10px 2px;width:14em}
#nav li li a:hover {color:#fff;background:#c00}
#nav li.active a:hover {color:#000}
#nav li.active li {border:none;border-top: 1px solid #c15c5c;border-bottom: 1px solid #870000}
#nav li.active li.last {border-bottom: none}
#nav li.active li a:link, #nav li.active li a:visited, #nav li.active li a:hover, #nav li.active li a:active {color:#fff}
#nav li.active li a:hover {background: #666 url("../bilder/bg/sprites.gif") repeat-x 0 99%;color:#fff}
#nav li.active li.active a:link, #nav li.active li.active a:visited, #nav li.active li.active a:hover, #nav li.active li.active a:active {color:#fff;font-weight:bold;background: #666 url("../bilder/bg/sprites.gif") repeat-x 0 99%}

/* hide from IE mac \*/
#nav li {width:auto}
/* end hiding from IE5 mac */

/* LAYOUT - main body of page */
#wrap {min-width:770px;max-width: 1240px;margin: 0px auto;position:relative}
#content-wrap {position:relative;width:100%}
#utility {position:absolute;top:0;left:25px;width:165px;border-top: 5px solid #999;padding-bottom: 40px;}
#sidebar {position:absolute;top:0;right:15px;width:20%;border-top: 5px solid #999;padding-top: 1px;padding-bottom: 40px;}
#content {margin: 0 50px;}

.featurebox {color:#333;padding: 15px 10px 20px 20px;border-top: 1px solid #d7d7d7;margin: 0 0 1.5em;background: #fff;}
.featurebox.ohne {color:#333;padding: 15px 10px 20px;border-top: 1px solid #d7d7d7;margin: 0 0 1.5em;background: #fff;}
.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .2em;border-bottom: 1px solid #c00;color:#c00}
.featurebox p {border:none;margin: 0 0 0em;color: #444; font-size:0.95em; }
.featurebox a {font-weight: inherit;}
.thumbnail {margin: 0 0 0 10px;position:relative;z-index:9999;border: 1px solid #eee;float:right;width:100px;padding:5px;background:#fff}
.thumbnail img {border: 1px solid #000}

/* TABLES */
table {margin: 3px 5px 2px 2px;padding: 2px 2px 2px 2px;border-collapse: collapse;border: 1px #747474 solid;font: 83%/1.5 Verdana, arial, sans-serif;}
table.ohne, td.ohne, tr.ohne {font-weight: normal;margin: 3px;padding: 5px 0px 5px 2px;border: 0px;text-align: left;}
td {border: 1px #747474 solid;  padding: 2px; margin: 1px;     }
td.euro {text-align: right;}
		
/* 'MORE' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */
a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active {background: transparent url("../bilder/bg/sprites.gif") no-repeat 5px -500px;padding-left:21px}
a.morelink:hover {background: transparent url("../bilder/bg/sprites.gif") 5px -400px}
.morelink span {position:absolute;left:-9999px;width:900px}
		
/* LAYOUT TYPE B */
	#type-b #header {background: url(../bilder/bg/promenad.jpg) no-repeat 0 100%;}
	#type-b #content-wrap {background: transparent url("../bilder/bg/content_wrap_bg.gif") repeat-y 30px 0}
	#type-b #content {margin: 0 23px 0 235px}

/* LAYOUT TYPE C */
	#type-c #header {background: url(../bilder/bg/schiffe.jpg) no-repeat 0 100%;}
	#type-c #content-wrap {background: transparent url("../bilder/bg/content_wrap_bg.gif") repeat-y 30px 0}
	#type-c #content {margin: 0 23% 0 235px; width:520px;}

/* LAYOUT TYPE D */
	#type-d #header {background: url(../bilder/bg/winterlang.jpg) no-repeat 0 100%;}
	#type-d #content-wrap {background: transparent url("../bilder/bg/content_wrap_bg.gif") repeat-y 30px 0}
	#type-d #content {margin: 0 25% 0 235px; width:520px;}

/* LAYOUT TYPE E */
	#type-e #header {background: url(../bilder/bg/huette1.jpg) no-repeat 0 100%;}
	#type-e #content-wrap {background: transparent url("../bilder/bg/content_wrap_bg.gif") repeat-y 30px 0}
	#type-e #content {margin: 0 25% 0 235px; width:520px;}

/* LAYOUT TYPE F */
	#type-f #header {background: url(../bilder/bg/winter.jpg) no-repeat 0 100%;}
	#type-f #content-wrap {background: transparent url(../bilder/bg/content_wrap_bg.gif) repeat-y 30px 0;}
	#type-f #content {margin: 0 25% 0 235px; width:520px;}

/* LAYOUT TYPE G */
	#type-g #header {background: url(../bilder/bg/womo.jpg) no-repeat 0 100%;}
	#type-g #content-wrap {background: transparent url(../bilder/bg/content_wrap_bg.gif) repeat-y 30px 0;}
	#type-g #content {margin: 0 25% 0 235px; width:520px;}

/* LAYOUT TYPE H */
	#type-h #header {background: url(../bilder/bg/promenad.jpg) no-repeat 0 100%;}
	#type-h #content-wrap {background: transparent url("../bilder/bg/content_wrap_bg.gif") repeat-y 30px 0}
	#type-h #content {margin: 0 23% 0 235px; width:520px;}

	/* LAYOUT TYPE I( */
	#type-i #header {background: url(../bilder/bg/hurtig.jpg) no-repeat 0 100%;}
	#type-i #content-wrap {background: transparent url("../bilder/bg/content_wrap_bg.gif") repeat-y 30px 0}
	#type-i #content {margin: 0 23% 0 235px; width:520px;}
	
/* SECONDARY NAVIGATION - vertical navigation */
	#nav-secondary, #nav-secondary ul {position:static; line-height:1.8em;}
	#nav-secondary, #nav-secondary li {list-style: none;margin:0;padding:0;background: #F4F4F4;}
	#nav-secondary {padding-top:0;border-top: 1px solid #ccc;margin-top: 1px;}
	#nav-secondary a {padding: 5px 0 5px 8px;border-left: 6px solid #ccc; font: normal 0.7em/1.8em verdana, arial, sans-serif;display:block;  margin: 2px 4px;  letter-spacing: 0.1px;  }
	#nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {text-decoration:none;cursor:pointer;} 
	#nav-secondary a:link {color: #000;} 
	#nav-secondary a:visited {color: #000;} 
	#nav-secondary a:hover {background-color:#eaeaea; color: #903;border-left: 6px solid #903;  } 
	#nav-secondary li {border-top: 1px solid #fff;border-bottom: 1px solid #ccc}

/* LAYOUT - FOOTER */
	#footer {clear:both;border-top: 1px solid #E3E8EE;padding: 10px 0 30px;font-size:86%;color:#999}
	#footer p {margin:0}
	#footer a:link {color:#999}