html {height:100.1%;}
body {width:980px; text-rendering:optimizeLegibility; background:#fcfcfc; font-family:Helvetica; font-size:11px; color:#FFF; height:100.1%;}
#backgroundimage {width: 100%; position: fixed; z-index: -1;}
.page_wrapper {width:870px; padding-right:120px; position:absolute; left:50%; margin-left:-500px;}

/* ======================= */
/* ! GLOBAL DECLARATIONS   */
/* ======================= */

/* Links */
a {color:#FFF; text-decoration:none; font-weight:bold;}
a:hover, a.userlink {color:#7fb519;}
a.userlink.pic {display:inline-block;}
a img {border:0px;}
a.add {display:inline-block; background:url(../images/sprite_icons.png) no-repeat 3px 1px; padding:0 0 0 20px; height:12px;}
a.add:hover, a.add.active {background-position:3px -19px;}
a.search {display:inline-block; background:url(../images/sprite_icons.png) no-repeat 2px -850px; padding:0 0 0 20px; height:12px;}
a.search:hover, a.search.active {background-position:2px -870px;}
a.globe {display:inline-block; background:url(../images/sprite_icons.png) no-repeat 0px -323px; padding:0 0 0 20px; height:12px;}
a.globe:hover, a.globe.active {background-position:0px -343px;}
a.water {display:inline-block; background:url(../images/sprite_icons.png) no-repeat 0px -987px; padding:0 0 0 20px; height:12px;}
a.water:hover, a.water.active {background-position:0px -1007px}
a.back {display:inline-block; background:url(../images/sprite_icons.png) no-repeat 3px -39px; padding:0 0 0 20px; height:12px; line-height:12px;}
a.back:hover, a.back.active {background-position:3px -59px;}
a.fish {display:inline-block; background:url(../images/sprite_icons.png) no-repeat 0px -238px; padding:0 0 0 20px; height:12px;}
a.fish:hover, a.fish.active {background-position:0px -258px;}
a.reply {display:inline-block; background:url(../images/sprite_icons.png) no-repeat right -810px; padding:0 20px 0 0; height:12px;}
a.reply:hover, a.reply.active {background-position:right -830px;}
a.next {display:inline-block; background:url(../images/sprite_icons.png) no-repeat right -612px; padding:0 20px 0 0; height:12px;}
a.next:hover, a.next.active {background-position:right -632px;}
a.edit {display:inline-block; background:url(../images/sprite_icons.png) no-repeat 3px -159px; padding:0 0 0 20px; height:12px;}
a.edit:hover, a.edit.active {background-position:3px -179px;}
a.picture_add, a.picture_edit {display:inline-block; background:url(../images/sprite_icons.png) no-repeat 2px -697px; padding:0 0 0 20px; height:12px;}
a.picture_add:hover, a.picture_edit:hover, a.picture_add.active, a.picture_edit.active {background-position:2px -717px;}
a.picture, a.picture span {display:inline-block; background:url(../images/sprite_icons.png) no-repeat 0px -698px; padding:0 0 0 16px; height:12px;}
a.picture:hover, a.picture:hover span, .active a.picture span, a.picture.active {background-position:0px -718px;}
a.map_add {display:inline-block; background:url(../images/sprite_icons.png) no-repeat 2px -571px; height:12px;}
a.map_add:hover, a.map_add.active {background-position:2px -591px;}
a.logout {display:inline-block; background:url(../images/sprite_icons.png) no-repeat 1px -485px; padding:3px 0 0 20px; height:11px;}
a.logout:hover, a.logout.active {background-position:1px -505px;}
a.password {display:inline-block; background:url(../images/sprite_icons.png) no-repeat 0px -446px; padding:0 0 0 20px; height:12px;}
a.password:hover, a.password.active {background-position:0px -466px;}
a.rss {display:inline-block; background:url(../images/sprite_icons.png) no-repeat 0px -1112px; padding:0 0 0 17px; height:12px;}
a.rss:hover, a.rss.active {background-position:0px -1132px;}
a.list {display:inline-block; background:url(../images/sprite_icons.png) no-repeat 0px -1151px; padding:0 0 0 16px; height:12px;}
a.list:hover, a.list.active {background-position:0px -1171px;}
a.home {display:inline-block; background:url(../images/sprite_icons.png) no-repeat 0px -365px; padding:0 0 0 16px; height:12px;}
a.home:hover, a.home.active {background-position:0px -385px;}
a.mail, a.mail span {display:inline-block; background:url(../images/sprite_icons.png) no-repeat 0px -1189px; padding:0 0 0 16px; height:12px;}
a.mail:hover, a.mail:hover span, a.mail.active, .active a.mail span {background-position:0px -1209px;}
a.mail.important, .important a.mail, a.mail.important:hover, .important a.mail:hover {color:#FF0000; background-position:0px -1229px;}
a.user, a.user span {display:inline-block; background:url(../images/sprite_icons.png) no-repeat 0px -1349px; padding:0 0 0 16px; height:12px;}
a.user:hover, a.user:hover span, a.user.active, .active a.user span {background-position:0px -1369px;}
a.users {display:inline-block; background:url(../images/sprite_icons.png) no-repeat 0px -1249px; padding:0 0 0 16px; height:12px;}
a.users:hover, a.users.active {background-position:0px -1269px;}
a.users.important, a.users.important:hover {color:#FF0000; background-position:0px -1289px;}
a.location, a.location span {display:inline-block; background:url(../images/sprite_icons.png) no-repeat 0px -1309px; padding:0 0 0 16px; height:12px;}
a.location:hover, a.location:hover span, a.location.active, .active a.location span {background-position:0px -1329px;}
a.wrench, a.wrench span {display:inline-block; background:url(../images/sprite_icons.png) no-repeat 0px -1489px; padding:0 0 0 16px; height:12px;}
a.wrench:hover, a.wrench:hover span, a.wrench.active, .active a.wrench span {background-position:0px -1509px;}
a.abbort {display:inline-block; background:url(../images/sprite_icons.png) no-repeat 0px -1430px; padding:0 0 0 16px; height:12px;}
a.abbort:hover, a.abbort.active {background-position:0px -1450px;}
a.abbort.important {background-position:0px -1470px !important; color:#FF0000;}
a.abbort.important:hover {background-position:0px -1470px; color:#FF0000;}
a.inbox, a.inbox span {display:inline-block; background:url(../images/sprite_icons.png) no-repeat 0px -1391px; padding:0 0 0 18px; height:12px;}
a.inbox:hover, a.inbox:hover span, a.inbox.active, .active a.inbox span {background-position:0px -1411px;}
a.reply2, a.reply2 span {display:inline-block; background:url(../images/sprite_icons.png) no-repeat 0px -812px; padding:0 0 0 18px; height:12px;}
a.reply2:hover, a.reply2:hover span, a.reply2.active, .active a.reply2 span {background-position:0px -832px;}
a.check, a.check span {display:inline-block; background:url(../images/sprite_icons.png) no-repeat 0px -1630px; padding:0 0 0 18px; height:12px;}
a.check:hover, a.check:hover span, a.check.active, .active a.check span {background-position:0px -1650px;}
a.user_delete, a.user_delete span {display:inline-block; background:url(../images/sprite_icons.png) no-repeat 0px -1589px; padding:0 0 0 18px; height:12px;}
a.user_delete:hover, a.user_delete:hover span, a.user_delete.active, .active a.user_delete span {background-position:0px -1609px;}
a.user_add, a.user_delete span {display:inline-block; background:url(../images/sprite_icons.png) no-repeat 0px -1549px; padding:0 0 0 18px; height:13px;}
a.user_add:hover, a.user_add:hover span, a.user_add.active, .active a.user_add span {background-position:0px -1569px;}
a.mail_send, a.mail_send span {display:inline-block; background:url(../images/sprite_icons.png) no-repeat 0px -1774px; padding:0 0 0 18px; height:13px;}
a.mail_send:hover, a.mail_send:hover span, a.mail_send.active, .active a.mail_send span {background-position:0px -1794px;}
a.advert {display:inline-block; background:url(../images/sprite_icons.png) no-repeat 0px -365px; padding:0 0 0 16px; height:12px;}
a.advert:hover, a.advert.active {background-position:0px -385px;}
a.time, a.time span {display:inline-block; background:url(../images/sprite_icons.png) no-repeat 0px -2001px; padding:0 0 0 18px; height:13px;}
a.time:hover, a.time:hover span, a.time.active, .active a.time span {background-position:0px -2023px;}
/* Award Sprite */
a.catalog, a.catalog span {display:inline-block; background:url(../images/advert_sprite.png) no-repeat 0px -120px; padding:2px 0 0 25px; height:16px;}
a.catalog:hover, a.catalog:hover span, a.catalog.active, .active a.catalog span {background-position:0px -144px; color:#7fb519;}
a.karte, a.karte span {display:inline-block; background:url(../images/advert_sprite.png) no-repeat 0px -170px; padding:2px 0 0 25px; height:16px;}
a.karte:hover, a.karte:hover span, a.karte.active, .active a.karte span {background-position:0px -197px; color:#7fb519;}
a.anschrift, a.anschrift span {display:inline-block; background:url(../images/advert_sprite.png) no-repeat 0px -221px; padding:2px 0 0 25px; height:16px;}
a.anschrift:hover, a.anschrift:hover span, a.anschrift.active, .active a.anschrift span {background-position:0px -241px; color:#7fb519;}
a.kontaktdaten, a.kontaktdaten span {display:inline-block; background:url(../images/advert_sprite.png) no-repeat 0px -264px; padding:2px 0 0 25px; height:16px;}
a.kontaktdaten:hover, a.kontaktdaten:hover span, a.kontaktdaten.active, .active a.kontaktdaten span {background-position:0px -289px; color:#7fb519;}
a.logo, a.logo span {display:inline-block; background:url(../images/advert_sprite.png) no-repeat 0px -314px; padding:2px 0 0 25px; height:16px;}
a.logo:hover, a.logo:hover span, a.logo.active, .active a.logo span {background-position:0px -340px; color:#7fb519;}
a.bilder, a.bilder span {display:inline-block; background:url(../images/advert_sprite.png) no-repeat 0px -365px; padding:2px 0 0 25px; height:16px;}
a.bilder:hover, a.bilder:hover span, a.bilder.active, .active a.bilder span {background-position:0px -390px; color:#7fb519;}
a.steckbrief, a.steckbrief span {display:inline-block; background:url(../images/advert_sprite.png) no-repeat 0px -415px; padding:2px 0 0 25px; height:16px;}
a.steckbrief:hover, a.steckbrief:hover span, a.steckbrief.active, .active a.steckbrief span {background-position:0px -441px; color:#7fb519;}
a.video, a.video span {display:inline-block; background:url(../images/advert_sprite.png) no-repeat 0px -461px; padding:2px 0 0 25px; height:16px;}
a.video:hover, a.video:hover span, a.video.active, .active a.video span {background-position:0px -482px; color:#7fb519;}

a.comment {background:url("../images/icons/comment.png") no-repeat 0px 0px; padding:0 0 0 14px;}
a.delete_red {display:inline-block; background:url(../images/icons/delete_red.png) no-repeat; color:#FF0000 !important; padding:1px 0 0 13px; height:11px; font-size:12px;}

/* oft verwendete klassen */
.clr {clear:both;}
.clr.space {height:10px;}
.clear {clear:both; height:0px; margin:0px; padding:0px; list-style:none;}
span.clr {padding:0 !important; margin:0 !important;}
.hidden {display:none;}
div.center {display:block; text-align:center;}
strong.important {color:#FF0000;}
label strong.important {font-size:14px; font-weight:bold;}
/* Absaetze */
p {font-size:12px; line-height:17px; text-shadow:0px 0px 3px #000; letter-spacing:0.2px;}
p a {color:#FFF; text-decoration:none;}
p a:hover {text-decoration:underline;}
p strong {font-weight:bold;}
p em {font-style:italic;}
p.thx {background:url(../images/okay.png) no-repeat; margin:10px 0 0 65px; padding:3px 0 0 20px;}
p.stop {background:url(../images/icons/stop.png) no-repeat; padding:2px 0 0 23px; display:inline-block;}
p.info {background:url(../images/sprite_icons.png) no-repeat 10px -405px; padding:2px 0 0 30px; display:inline-block; margin:10px; height:16px;}
.sidebar p.info {margin:5px;}
p.noicon {padding:0 0 0 30px; display:inline-block; margin:-12px 10px 10px 10px;}
/* Listen und Formulare */
ul li {margin:3px 0;}
ul li label {display:inline-block; width:100px; color:#CCC;}
ul li.float > * {float:left;}
ul.nostyle {list-style:none;}
ul.nostyle li {list-style:none; margin-left:0px;}
ul.menu {margin:0 10px;}
ul.menu li a {font-size:12px; margin:2px 0; padding-left:25px;}
ul.list {margin:0 10px;}
ul.error_list {list-style:url(../images/liststyle_orange.gif) inside !important; color:#FFA740;}
/* Inputs */
textarea {-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #444; background:#e2e2e2; padding:5px; font-family:Helvetica; font-size:13px; color:#777; background:url(../images/form_bg.jpg) no-repeat #FFF;}
textarea:focus {background:#FFF; color:#000; background:url(../images/form_bg.jpg) no-repeat #FFF;}
input.text, textarea.text, input[type=text], input[type=password] {outline:none; color:#777; border:0; background:url(../images/form_bg.jpg) no-repeat #FFF; margin:0px; -moz-border-radius:3px; -webkit-border-radius: 3px; width:220px; padding:4px 6px; height:20px;}
input[disabled] {color:#555; background:#CCC url(../images/sprite_icons.png) no-repeat right -1524px; text-shadow:0 1px 0 #EEE; -moz-box-shadow: 0 1px 0 #eee, 0 -1px 0 #EEEEEE, 1px 0 0 #EEEEEE, -1px 0 0 #EEEEEE; }
textarea.text {height:100px;}
input.text:focus, textarea.text:focus, input[type=text]:focus, input[type=password]:focus {background:url(../images/form_bg.jpg) no-repeat #FFF; color:#333;}
input.save_on {display:inline-block; background:url(../images/icons/save_on.png) no-repeat; color:#7fb519 !important; padding:3px 0 0 16px; height:13px; font-size:13px; border:0px;}
/* buttons */
a.button, button {border:0; white-space:nowrap; overflow:hidden; outline:none; background:url(../images/sprite_buttons.png) no-repeat 0 0; height:29px; width:100px; padding:0px; text-shadow:0 -1px 0 #222; cursor:pointer; font-weight:bold; color:#FFF; font-size:10px;}
a.button:active, a.button:focus, button:active, button:focus {background-position:0 -29px; outline:none; text-shadow:0 1px 0 #000;}
a.button {text-align:center; vertical-align:middle; display:table-cell; height:30px;}
a.button.green, button.green {background-position:0 -59px; height:23px; text-shadow:0 -1px 0 #254703; width:93px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
a.button.green:active, a.button.green:focus, button.green:active, button.green:focus {background-position:0 -83px; text-shadow:0 1px 0 #152901;}
a.button.important, button.important {background-position:0 -107px; height:23px; text-shadow:0 -1px 0 #5d3301; width:93px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
a.button.important:active, a.button.important:focus, button.important:active, button.important:focus {background-position:0 -131px; text-shadow:0 1px 0 #492801;}
a.button.important.inline {display:inline-block; height:17px; padding-top:7px}
a.button.small, button.small {background-position:0 -155px; height:23px; text-shadow:0 -1px 0 #111; width:93px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
a.button.small:active, a.button.small:focus, button.small:active, button.small:focus {background-position:0 -179px; text-shadow:0 1px 0 #000;}
a.button.inline {display:inline-block; height:20px; padding-top:10px; margin-top:-2px; font-size:11px;}
/* Datumsformat */
span.datebutton {display:inline-block; float:left; margin-right:5px; color:#7fb519;}
span.datebutton span.day {font-size: 16px; display:block; font-weight: bold;}
span.datebutton span.month {font-weight: bold;}
/* Premium Icons */
span.award {display:inline-block; width:18px; height:32px; background:url(../images/sprite_icons.png) no-repeat 0px -1900px;}
span.award.gold {background-position:0px -1900px;}
span.award.silver {background-position:0 -1939px; height:22px;}
span.award.bronze {background-position:0 -1972px; height:19px;}
/* check unchecked boxen */
span.checked, span.unchecked {display:inline-block; height:16px; width:16px; background:url(../images/advert_sprite.png) no-repeat 0 -68px; text-indent:-9999px;}
span.unchecked {background-position:0 -94px;}
/* zu langes Google Copyright ausblenden */
#map_canvas {overflow:hidden;}
#map_canvas span {display:none;}
/* Spezielle Ueberschriften (Teil1) */
h3.add {display:inline-block; background:url(../images/sprite_icons.png) no-repeat 3px 2px; padding:0 0 0 20px;}
h3.edit {display:inline-block; background:url(../images/sprite_icons.png) no-repeat 3px -158px; padding:0 0 0 20px;}

/* ================================ */
/* ! TOPNAVI AND LANGUAGE OPTIONS   */
/* ================================ */
.topnavi {height:45px; width:860px; text-align:right; position:relative;}
.topnavi #discover_outdoor {position:absolute; right:-62px; top:1px;}
.topnavi ul {margin-top:1px; display:inline-block; float:right;}
.topnavi ul li {float:left; background:url(../images/black_50.png); padding:0px 8px; margin:0 0 0 1px;}
.topnavi ul li:hover, .topnavi ul li.active {background:url(../images/black_65.png); border-bottom:1px solid #7fb519;}
.topnavi ul li a {display:inline-block; padding:3px 0 0 22px; height:16px; margin-top:2px; background:url(../images/sprite_icons.png) no-repeat;}
.topnavi ul li.contact a {background-position:0px -529px;}
.topnavi ul li.contact a:hover {background-position:0px -549px;}
.topnavi ul li.language a {background-position:0px -277px;}
.topnavi ul li.language a:hover {background-position:0px -297px;}
.topnavi ul li.imprint a {background-position:0px -405px;}
.topnavi ul li.imprint a:hover {background-position:0px -425px;}
.topnavi ul#languages {margin-top:23px; width:860px; position:absolute; left:50%; margin-left:-430px; display:none;}
.topnavi ul#languages.active {display:block;}
.topnavi ul#languages li {float:right;}
#languages a.de {background:url(../images/icons/sprite_flag.png) no-repeat 1px 3px;}
#languages a.en {background:url(../images/icons/sprite_flag.png) no-repeat 1px -61px;}
#languages a.fr {background:url(../images/icons/sprite_flag.png) no-repeat 1px -45px;}
#languages a.it {background:url(../images/icons/sprite_flag.png) no-repeat 1px -77px;}
#languages a.pl {background:url(../images/icons/sprite_flag.png) no-repeat 1px -125px;}
#languages a.pt {background:url(../images/icons/sprite_flag.png) no-repeat 1px -141px;}
#languages a.ru {background:url(../images/icons/sprite_flag.png) no-repeat 1px -157px;}
#languages a.es {background:url(../images/icons/sprite_flag.png) no-repeat 1px -29px;}
#languages a.dk {background:url(../images/icons/sprite_flag.png) no-repeat 1px -13px;}
#languages a.nl {background:url(../images/icons/sprite_flag.png) no-repeat 1px -93px;}
#languages a.no {background:url(../images/icons/sprite_flag.png) no-repeat 1px -109px;}

/* =============================== */
/* ! HEADER, LOGO AND LOGIN FORM   */
/* =============================== */

.header {width:860px; height:109px; background:url(../images/header_bg.png) no-repeat; color: #fff;}
.header img.logo {position:relative; margin:-7px 0 0 20px; float:left;}
.header img.logo:active {margin-top:-6px; margin-bottom:-1px;}
.header span.beta {color:#eeb879; float:left; display:inline-block; position:relative; width:50px; height:20px; margin:80px 0 0 -486px; letter-spacing:6px;}
.header .logform {position:absolute; margin-left:600px; width:260px;;}
.header .logform span.headline {margin:10px 0 8px 0; padding:2px 0 0 7px; background:url(../images/sprite_v.png) repeat-x -108px; display:block; height:14px; overflow:hidden; font-weight:bold;}
.header .logform label {left:10px; position:absolute; color:#DE7800; text-shadow:0px 0px 3px #FFF; cursor:auto;}
.header .logform label.user {top:40px;}
.header .logform label.pass {top:70px;}
.header .logform input.text {margin:0px 0 10px 5px; width:180px;}
.header .logform input.text.user {text-indent:80px;}
.header .logform input.text.pass {text-indent:55px;}
.header .logform .badge {width:77px; height:50px; background:url(../images/button.png) no-repeat; position:absolute; top:10px; right:-10px; text-align:center; padding-top:25px; -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); text-shadow:0px 0px 3px #A35F0F;}
.header .logform .badge:hover {color:#FFF; text-shadow:0px 0px 3px #A35F0F, 0 0 20px #FFF;}
.header .logform .badge:active {top:11px;}
.header .logform input.button {float:right; margin:-13px 20px 0 0;}
.header .logform .logged {position:relative;}
.header .logform .logged span.headline {margin:7px 0;}
.header .logform .logged h4 {margin:10px 0;}
.header .logform .logged a.userlink {display:inline-block; margin:0 15px 0 0; padding:5px; float:left; background:url(../images/black_10.png) repeat;}
.header .logform .logged a.userlink:hover {background:url(../images/black_20.png) repeat;}
.header .logform .logged ul {display:inline-block; overflow:hidden;}
.header .logform .logged ul li {margin:0;}
.header .logform .logged ul li a {padding-left:18px;}
.header .logform .logged ul li a.edit {margin-left:5px;}
.header .logform .logged ul li.divider {height:2px; width:100%; background:url(../images/list_separator.png) repeat-x; margin-top:2px;}


/* ============ */
/* ! MAINNAVI   */
/* ============ */
.mainnavi {clear:both; background:url(../images/sprite_v.png) 0 -128px; width:850px; margin-left:10px;}
.mainnavi ul {display:block; height:28px;}
.mainnavi ul li {float:left; background:url(../images/mainnavi_separator.png) right no-repeat; padding-right:2px; height:26px; margin:0px;}
.mainnavi ul li a {color:#fff;display:inline-block; height:20px; padding:8px; padding-bottom:0px; font-weight:normal; text-transform:uppercase; font-size:12px;}
.mainnavi ul li a:hover, .mainnavi ul li a.active {background:url(../images/sprite_v.png) 0 -156px repeat-x; color:#7fb519;}
.mainnavi ul li.important a {color:#ffa740;}
.mainnavi ul li.important a span {background:none; padding:0;}
.mainnavi ul li.important a:hover, .mainnavi ul li.important a.active {color:#ffa740; background:url(../images/sprite_v.png) 0 -184px repeat-x !important;}
.mainnavi ul li.share {padding:0 0 0 2px; float:right; background-position:left;}
.mainnavi ul li.share a {text-transform:none; letter-spacing:0.5px}
.mainnavi ul li.share a:hover {background:url(../images/sprite_v.png) 0 -212px repeat-x; color:#7fb519;}
/* icons */
.mainnavi li a span {background:url(../images/sprite_icons.png) no-repeat 0px 0px; padding:0 0 0 20px; height:12px;}
.mainnavi li a span.fish {background-position:0px -238px;}
.mainnavi li a:hover span.fish, .mainnavi li a.active span.fish {background-position:0px -258px;}
.mainnavi li a span.search {background-position:0px -849px; padding-left:15px;}
.mainnavi li a:hover span.search, .mainnavi li a.active span.search {background-position:0px -869px;}
.mainnavi li a span.home {background-position:0px -364px; padding-left:16px;}
.mainnavi li a:hover span.home, .mainnavi li a.active span.home {background-position:0px -384px;}
.mainnavi li a span.water {background-position:0px -987px;}
.mainnavi li a:hover span.water, .mainnavi li a.active span.water {background-position:0px -1007px;}
.mainnavi li a span.board {background-position:0px -80px; padding-left:17px;}
.mainnavi li a:hover span.board, .mainnavi li a.active span.board {background-position:0px -100px;}
.mainnavi li a span.facebook {background-position:0px -200px; padding-left:13px;}
.mainnavi li a:hover span.facebook, .mainnavi li a.active span.facebook {background-position:0px -1028px; color:#1dadff;}
.mainnavi li a span.twitter {background-position:0px -947px; padding-left:15px;}
.mainnavi li a:hover span.twitter, .mainnavi li a.active span.twitter {background-position:0px -1050px; color:#1dadff;}
.mainnavi li a span.blog {background-position:0px -1071px; padding-left:16px;}
.mainnavi li a:hover span.blog, .mainnavi li a.active span.twitter {background-position:0px -1091px;}
.mainnavi li a span.club {background-position:0px -1249px; padding-left:16px;}
.mainnavi li a:hover span.club, .mainnavi li a.active span.club {background-position:0px -1269px;}
.mainnavi li a span.premium {background-position:0px -1858px; padding-left:16px;}
.mainnavi li a:hover span.premium, .mainnavi li a.active span.premium {background-position:0px -1880px;}

/* ==================== */
/* ! STANDARD CONTENT   */
/* ==================== */

.content {clear:both; width:860px;}

.maincontent .box {width:510px; background:url(../images/black_65.png) repeat; padding:10px; color: #fff;}
.maincontent .box.nospace {margin-top:1px;}
.maincontent .box p {line-height:15px;}
.maincontent .box .formlabel {width:100px; }
.maincontent .box .forminput {margin-left:100px; width:300px;}
.maincontent .box .section {background:url(../images/black_20.png) repeat; padding:5px; margin:0;}
.maincontent .box .section.space {margin-top:2px;}
.maincontent .box .section.message {display:inline-block; border:1px solid #222; -moz-box-shadow:0 0 1px #555; padding:0;}
.maincontent .box .section.message p {text-align:left; margin:10px;}
.maincontent .box .section .section.message {margin:10px;}
.maincontent .box .section ul {margin:5px 10px; font-size:12px;}
.maincontent .box .section ul li {margin:10px 0;}
.maincontent .box .section ul li p {display:inline; float:right; width:368px;}
.maincontent .box .section.user .userlink.pic {float:left; margin:0 10px 0 0; display:inline-block; width:50px; height:50px; padding:5px; background:url(../images/black_10.png) repeat;}
.maincontent .box .section.user .userlink.pic:hover {background:url(../images/black_20.png) repeat;}
.maincontent .box .section.user .userlink {font-size:14px; display:block; padding:5px 0 0 0;}
.maincontent .box .section.user .userlink:hover {text-decoration:underline;}
.maincontent .box .section.user ul {margin:2px;display:inline-block;}
.maincontent .box .section.user ul li {margin:0; line-height:16px;}
.maincontent .box .section.user ul.menu {float:right;}

/* Headings */
.maincontent h1 {display:block; background:url(../images/black_80.png) repeat; margin-top: 1px; font-size:12px; font-weight:bold; padding:4px 0; text-align: center; border-bottom:1px solid #7fb519; margin-bottom: -1px;}
.maincontent h2 {display:block; background:url(../images/black_80.png) repeat; margin-top: 1px; font-size:12px; font-weight:bold; padding:4px 0; text-align: center;}
.maincontent .box h1, .sidebar h1 {position:relative; display:inline-block; background:url(../images/sprite_h.png) repeat-y; font-size:12px; font-weight:bold; margin:0 0 9px -20px; padding:4px 10px; border-bottom:1px solid #7fb519;}
.maincontent .box h2, .sidebar h2 {position:relative; display:inline-block; background:url(../images/sprite_h.png) repeat-y; font-size:12px; font-weight:bold; margin:0 0 9px -20px; padding:4px 10px; border-bottom:1px solid #7fb519;}
.maincontent .box > h3 {font-size:16px; font-weight:bold; margin:5px;}
.maincontent .box .section h1 {background:none; position:static; margin:5px; display:block; text-align:left; border:0px; font-size:20px; padding:0px; text-shadow:0 0 5px #000;}
.maincontent .box .section h2 {background:none; position:static; margin:5px; display:block; text-align:left; border:0px; font-size:14px; padding:0px;}
.sidebar h1 {display:block; background:url(../images/black_75.png); padding:5px; font-weight:bold; font-size:12px; margin:0px; border:0px;}
.sidebar h2 {display:block; background:url(../images/black_75.png); padding:5px; font-weight:bold; font-size:12px; margin:0px; border:0px;}
.sidebar .box h1 {margin-left:0px; background:url(../images/black_40.png) repeat;}
.sidebar .box h2 {margin-left:0px; background:url(../images/black_40.png) repeat;}
h1 span {display:inline-block; height:13px; width:13px; background:url(../images/advert_sprite.png) no-repeat; margin:0 5px 0 2px;}
h1 span.flag {background-position:0 0;}
h1 span.info {background-position:0 -47px;}

.maincontent .divider {display:block; height:2px; background:url(../images/list_separator.png) repeat-x; margin:10px 0}
.maincontent .divider.nospace {margin:0;}
.maincontent .section + .divider {margin:0px;}
.maincontent .divider.space {margin:20px 0;}


.sidebar .box {background:url(../images/black_65.png); margin:1px 0; padding:5px; color: #fff;}
.sidebar ul, .maincontent ul, ul.liststyle li {list-style:url(../images/liststyle.gif) inside;}
.sidebar .ad {margin-bottom:1px;}

/* ========== */
/* ! Footer   */
/* ========== */
.footer {clear:both; display:inline-block; width:850px; margin:20px 0 0 10px; background:url(../images/black_65.png);}
.footer hr.orange {width:850px; border:0px; height:1px; background:url(../images/orange_separator.jpg); margin:2px 0 10px 0; padding:0px;}
.footer ul {margin:0px 10px; list-style:url(../images/liststyle_orange.gif) inside; line-height:14px;}
.footer li {margin:2px 0 0 20px;  padding-bottom:2px; float:left;}
.footer .divider {margin:5px 0 0 0;}
.footer p.copyright {display:block; clear:both; width:850px; text-align:center; padding:7px 0 10px 0; font-weight:normal; color:#CECECE; font-family:Arial;}
.footer p.copyright a#blueways {display: inline-block; background: url(../images/blueways.png) no-repeat 0px 3px; text-indent:-9999px; width:55px; height:20px; border:0px; margin-left:2px;}
.footer a {font-weight:normal; color:#FFF;}
.footer a.active {text-decoration:underline;}
.footer li.important a {color:#ffa740;}

/* KEINE AHNUNG - ALLE UEBERPRUEBFEN @ToDO */
DIV#map_canvas, DIV#map {color: #000;}
DIV#map_canvas a, DIV#map a {color: #000; text-decoration: underline;}


UL.checkbox_list {margin-left: 0px;}

/* PAGEINATION OPTIONS LEISTE */
.maincontent .options {text-align:center; height:14px; width:530px; margin:1px 0 0 0; display:inline-block; list-style:none; float:left; padding:0px;}
.maincontent .options li {background:url(../images/black_75.png); display:inline-block; padding:4px; border-bottom:1px solid #7fb519; margin:0;}
.maincontent .options li.first {float:left;}
.maincontent .options li.last {float:right;}
.maincontent .options li.pager a {display:inline-block; float:none;}

/* BLOG @ToDO */
.post_teaser {display: block; margin-bottom: 10px;}

/* ===================== */
/* ! CONTENT TEMPLATES   */
/* ===================== */

    /* das wird noch entfernt - bis dahin muss alles umgestellt sein
       = template 1 */
    .maincontent {width:530px; float:left; margin:0 20px 0 10px;}
    .sidebar {width:300px; overflow:hidden;}

#template1 {margin-top:20px;}
#template1 .maincontent {width:530px; float:left; margin:0 20px 0 10px;}
#template1 .maincontent .box.message {margin-bottom:20px;}
#template1 .sidebar {width:300px; overflow:hidden; font-size:12px;}
#template1 .maincontent .left {width:255px; float:left;}
#template1 .maincontent .right {width:255px; float:left;}
#template1 .maincontent .section .left {width:250px; float:left;}
#template1 .maincontent .section .right {width:250px; float:left;}

#template2 {margin-top:20px;}
#template2 .maincontent {width:450px; float:left; margin:0 20px 0 10px;}
#template2 .maincontent .box {width:430px;}
#template2 .maincontent ul.options {width:450px;}
#template2 .sidebar {width:380px; overflow:hidden;}
#template2 .sidebar .left {float:left; width:189px; margin-right:1px;}
#template2 .sidebar .right {float:left; width:190px;}

/* Error-Template (nicht fuer IE6!) */
#template4 .maincontent {float:none; margin:20px auto 0 auto;}
#template4 .maincontent h2 {background:url(../images/black_65.png) repeat; text-align:left; display:inline-block; padding:4px 6px; font-weight:normal; letter-spacing:0.5px; margin-top:0px;}
#template4 .maincontent h1 {background:url(../images/orange_90.png) repeat; text-align:left; display:inline-block; padding:4px 6px; letter-spacing:0.5px; font-size: 18px; border:0; margin:1px 0 0 -10px; padding:7px 5px 5px 5px; text-shadow:0px 1px 0px #e18c2a; border-bottom:1px solid #e18c2a;}
#template4 .maincontent h1.green {background:url(../images/green_90.png) repeat; text-shadow:0px 1px 0px #66960c; border-bottom:1px solid #66960c;}
#template4 .maincontent h1.blue {background:url(../images/blue_90.png) repeat; text-shadow:0px 1px 0px #1190e6; border-bottom:1px solid #1190e6;}
#template4 .maincontent .box {margin:1px 0 0 0;}
#template4 .maincontent .sidebar {display:none;}
#template4 .maincontent .clr.space {height:40px;}

#template5 {margin-top:20px;}
#template5 .maincontent {width:850px; float:none; margin:0 0 0 10px;}
#template5 .maincontent .box {width:830px;}
#template5 .maincontent .box .left {width:410px; float:left; margin-right:10px}
#template5 .maincontent .box .left .section textarea, #template5 .maincontent .box .right .section textarea {width:390px; margin:5px;}
#template5 .maincontent .box .right {width:410px; float:left;}
#template5 .maincontent .box .section .left {width:405px; float:left; margin-right:10px}
#template5 .maincontent .box .section .right {width:405px; float:left;}
#template5 .maincontent ul.options {width:850px;}
#template5 .sidebar {display:none;}

/* =========================== */
/* ! MOSAIK LIST DARSTELLUNG   */
/* =========================== */

ul.mosaic {list-style-image: none;}
ul.mosaic li {list-style:none; float:left; margin:0px;}
ul.mosaic li a {line-height:12px; display:inline-block; padding:5px; overflow:hidden; float:left; margin:0 1px 1px 0;}
ul.mosaic li a.odd {background:url(../images/black_10.png) repeat;}
ul.mosaic li a.even {background:url(../images/black_20.png) repeat;}
ul.mosaic li a.odd:hover {background:url(../images/black_40.png) repeat;}
ul.mosaic li a.even:hover {background:url(../images/black_50.png) repeat;}
ul.mosaic li a h3 {text-decoration:underline; font-size:12px; overflow: hidden; line-height:14px; max-height:28px;}
ul.mosaic li a em {font-style: italic}
ul.mosaic li a span {font-weight:normal; display:block; color:#CCC;}
ul.mosaic li a span.image {float:left; margin-right:10px; display:table-cell; text-align:center;}

ul.mosaic.small li a {height:50px; width:234px;}
ul.mosaic.small li a span.image {width:50px; height:50px; overflow:hidden}
ul.mosaic.middle {margin:0 5px; display:inline-block;}
ul.mosaic.middle li a {width:155px;}
ul.mosaic.middle li a h3 {display: block; font-size:12px; text-align: center; margin-bottom:2px; overflow:visible;}
ul.mosaic.middle li a span.image {width:150px; height:auto; margin:0 auto;}

ul.mosaic.tiny a {padding:0; margin:0 2px 2px 0;}

.box .section ul.mosaic li {margin:0;}
.box .section ul.mosaic.small li a {width:228px;}
.box .section ul.mosaic.middle li a {width:149px;}

/* =============== */
/* ! FORUM PAGER   */
/* =============== */
/* links */
.pager {font-weight:bold;}
.pager a.pager_1 {display:inline-block; background:url(../images/pager.png) no-repeat -1px 0px; width:8px; height:10px; margin:0 2px;}
.pager a.pager_1:hover {background-position:-1px -13px;}
.pager a.pager_2 {display:inline-block; background:url(../images/pager.png) no-repeat 0px -78px; width:8px; height:10px; margin:0 2px;}
.pager a.pager_2:hover {background-position:0px -91px;}
.pager a.pager_3 {display:inline-block; background:url(../images/pager.png) no-repeat 2px -52px; width:8px; height:10px; margin:0 2px;}
.pager a.pager_3:hover {background-position:2px -65px;}
.pager a.pager_4 {display:inline-block; background:url(../images/pager.png) no-repeat 1px -26px; width:8px; height:10px; margin:0 2px;}
.pager a.pager_4:hover {background-position:1px -39px;}
.pager a.pager:hover {color:#7fb519;}
.pager span.pager{font-weight:bold; color:#555555;}
/* nicht klickbar */
.pager span {display:inline-block; width:8px; height:11px;}
.pager span.pager {width:auto;}
.pager span.pager_1 {background:url(../images/pager.png) no-repeat -1px -110px; margin:0 2px;}
.pager span.pager_2 {background:url(../images/pager.png) no-repeat 0px -149px; margin:0 2px;}
.pager span.pager_3 {background:url(../images/pager.png) no-repeat 2px -136px; margin:0 2px;}
.pager span.pager_4 {background:url(../images/pager.png) no-repeat 1px -123px; margin:0 2px;}

ul.arrowbar {height:22px; width:100%; display:inline-block; font-size:12px; font-weight:bold;}
ul.arrowbar li {display:inline-block; margin:0px; float:left;}
ul.arrowbar li.last {font-style:italic; background:url(../images/sprite_arrowbar.png) no-repeat right -24px; display:inline-block; height:18px; margin:0px; padding:5px 18px 0 5px;}
ul.arrowbar li a {background:url(../images/sprite_arrowbar.png) no-repeat right -72px; display:inline-block; height:18px; margin:0px; padding:5px 18px 0 5px;}
ul.arrowbar li a:hover {background-position:right -96px;}
ul.arrowbar li a.last {background-position:right 0px;}
ul.arrowbar li a.last:hover {background-position:right -48px;}

.boardicon {display:inline-block; width:16px; height:16px; background:url(../images/sprite_boardicons.png) no-repeat; margin:5px 14px 8px 5px; float:left;}
.boardicon.new {background-position:0 -18px;}
.boardicon.important {height:19px; width:20px; background-position:0 -36px; margin:5px 10px 5px 5px; }
.boardicon.important.new {background-position:0 -58px;}
.boardicon.folder {background-position:0 -79px;}

/* Subnavi */
ul.subnavi {display:block; margin:0 0 0 10px; height:24px; width:auto;}
ul.subnavi li {display:inline-block; height:24px; background:url(../images/sprite_subnavi.png) repeat-x right -24px; float:left; margin:0;}
ul.subnavi li:hover {background-position:right -48px;}
ul.subnavi li.last {background-position:left -24px;}
ul.subnavi li.last:hover {background-position:left -48px;}
ul.subnavi li.active {background-position:left top; border-right:1px solid #2e3c47; border-left:1px solid #2e3c47;}
ul.subnavi li.active:hover {background-position:left top;}
ul.subnavi li a {margin:6px 6px 0 6px;}
ul.subnavi li a:active {margin-top:7px;}
ul.subnavi li.active a {color:#7fb519;}
ul.subnavi li.important a {color:#ff0000;}
ul.subnavi li.active a:active {margin-top:6px;}

/* Sectionelmente */
ul.sectionnavi {display:inline-block; width:120px; float:left; list-style:none;}
ul.sectionnavi li {margin:1px 0 0 0;}
ul.sectionnavi li.active {margin:0 0 1px 0; background:url(../images/white_10.png) repeat-x 0 1px;}
ul.sectionnavi li a {display:block; padding:5px 5px 5px 7px; background:url(../images/black_10.png) repeat;}
ul.sectionnavi li a:hover {background:url(../images/black_15.png) repeat;}
ul.sectionnavi li.active a {background:url(../images/black_20.png) repeat; color:#7fb519;}

ul.sectionnavi li.button {margin:20px 10px;}
ul.sectionnavi li.button a.button {display:table-cell; padding:0; background:url(../images/sprite_buttons.png) no-repeat;}
ul.sectionnavi li.button a.button:focus {background-position:0 -29px; outline:none; text-shadow:0 1px 0 #000;}

ul.userlist {list-style:none;}
ul.userlist li {margin:0; padding:5px;}
ul.userlist li.odd {background:url(../images/black_10.png) repeat;}
ul.userlist li.even {background:url(../images/black_20.png) repeat;}
ul.userlist li h3 {font-size:12px; margin:0px;}
ul.userlist li a.userlink.pic {margin-right:15px; background:url(../images/black_20.png) repeat; padding:5px; float:left; width:50px; text-align:center;}
ul.userlist li .usercontent ul.info {line-height:14px; margin:5px 0 0 0;}
ul.userlist li .usercontent ul.info li {padding:0}
ul.userlist li .usercontent ul.info li label {width:85px;}
ul.userlist li .usercontent {width:235px; float:left;}
ul.userlist li .useroptions {float:right;}
ul.userlist li .useroptions ul.nostyle {margin:0; line-height:16px;}
ul.userlist li .useroptions ul.nostyle li {padding:0;}
ul.userlist li.divider {padding:0}

.maincontent .section.container .content {width:auto; padding:5px; background:url(../images/white_10.png) repeat-x 0 1px;}
.maincontent .section.container .comments {padding:5px; background:url(../images/white_10.png) repeat-x 0 1px;}
#template1 .maincontent .section.container {width:390px; float:left; padding:0px;}
#template5 .maincontent .section.container {width:710px; float:left; padding:0px;}

/* Links im Blog mit underline*/
#template1.blog p a {text-decoration: underline;}

/* Gewinnspiel */
.gewinnspiel {position: absolute; right: 0px; top: 172px;}