/* Body -------------------------------------------------------------------------------------------------------------------------------- */

html												{ overflow: -moz-scrollbars-vertical !important; }
body 												{ -webkit-text-size-adjust: 100%; margin: 0; padding: 0; font: 14px/24px Helvetica, Arial, sans-serif; color: rgb(220,210,155); background: url(bck.body.jpg) center top no-repeat rgb(0,55,25); }

/* Format ------------------------------------------------------------------------------------------------------------------------------ */

#format												{ position: relative; width: 960px; margin: 0 auto 0 auto; padding: 0; }

/* bereichsübergreifende Formatierungen ------------------------------------------------------------------------------------------------ */

a:link,
a:visited											{ color: rgb(220,210,155); text-decoration: underline; }
a:hover,
a:active,
a:focus												{ text-decoration: none; }

small 												{ font-size: 12px; line-height: 24px; color: rgb(125,165,110); }

small a:link,
small a:visited										{ color: rgb(125,165,110); text-decoration: underline; }
small a:hover,
small a:active,
small a:focus										{ text-decoration: none; }

a.more:link,
a.more:visited										{ font-size: 11px; text-transform: uppercase; }
a.more:hover,
a.more:active,
a.more:focus										{ }

img 												{ margin: 0; border: none; }

h1,
h2,
h3,
h4,
p,
fieldset,
ul													{ position: relative; padding: 0 0 24px 0; margin: 0; }

kbd													{ font-family: Georgia, serif; }

hr													{ margin: 0 0 24px 0; height: 1px; border: 0; border-bottom: 1px solid rgb(0,80,35); clear: both; }
hr.two												{ border-bottom: 1px dotted rgb(0,80,35); }

h1, h2, h3, h4										{ font-family: "garamond-premier-pro-display", Georgia, serif; font-weight: normal; }

h1													{ font-size: 34px; line-height: 31px; color: rgb(220,210,155); }
h1 small											{ font-size: 19px; line-height: 24px; color: rgb(220,210,155); }

h2													{ font-size: 19px; line-height: 24px; }
h2 small											{ font: 12px/24px Helvetica, Arial, sans-serif; }

h3													{ font-size: 19px; line-height: 24px; }
h4													{ font-size: 19px; line-height: 24px; padding: 0; }
h4 small											{ font: 12px/24px Helvetica, Arial, sans-serif; }

h1 a:link,
h1 a:visited										{ color: rgb(220,210,155); text-decoration: none; }
h1 a:hover,
h1 a:active,
h1 a:focus											{ }

h2 a:link,
h2 a:visited										{ color: rgb(220,210,155); text-decoration: none; }
h2 a:hover,
h2 a:active,
h2 a:focus											{ }

h3 a:link,
h3 a:visited										{ color: rgb(220,210,155); text-decoration: none; }
h3 a:hover,
h3 a:active,
h3 a:focus											{ }

h4 a:link,
h4 a:visited										{ color: rgb(220,210,155); text-decoration: none; }
h4 a:hover,
h4 a:active,
h4 a:focus											{ }

.clear												{ clear: both; line-height: 0; }
.nowrap												{ white-space: nowrap; }
.nopad												{ padding: 0; }
.nobgcol											{ background-color: transparent; }
.nobck												{ background: transparent; }
.nomar												{ margin: 0; }
.noborder											{ border: none; }
.noscreen											{ display: none; }
.hide												{ display: none; }

.ispc												{ font-size: 0.1%; line-height: 0.1%; visibility: hidden; text-decoration: none; }

ul.bulletlist										{ list-style: none; }
ul.bulletlist li									{ margin: 0; padding: 0 0 0 15px; background: url(li.bullet.png) left top no-repeat; }

ul.bulletlist li ul									{ padding: 0; }
ul.spaced li										{ margin: 0 0 15px 0; }
ul.bulletlist li ul li								{ background: url(li.bullet.ul.li.gif) left top no-repeat; }

ol													{ margin: 0; padding-bottom: 20px; padding-top: 0; }
ol li												{ margin: 0; padding: 0; }

.alert 												{ padding: 15px 15px 15px 70px; margin-bottom: 20px; color: rgb(215,0,40); background: url(i.alert.png) 15px 16px no-repeat; border: 1px solid rgb(170,0,30); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

/* Kopfzeile --------------------------------------------------------------------------------------------------------------------------- */

#header												{ position: relative; height: 450px; overflow: hidden; border-bottom: 1px solid rgb(0,80,35); }
#headerformat										{ position: relative; background: url(bck.servicenavi.png); margin: 0 -15px 0 -15px; padding: 0 0 8px 0; -webkit-box-shadow:  0px 0px 15px 0px rgb(0,0,0); box-shadow:  0px 0px 15px 0px rgba(0,0,0); z-index: 2; }
#headerformat .container							{ position: relative; width: 960px; margin: 0 auto 0 auto; }

#backgroundContainer								{ position: absolute; height: 400px; width: 100%; left: 0; top: 0; z-index: 1; overflow: hidden; border-bottom: 1px solid rgb(0,80,35); }
#background											{ position: relative; }
#backgroundImage									{ position: absolute; left: 0; top: 0; visibility: hidden; }

/* Logo -------------------------------------------------------------------------------------------------------------------------------- */

h1.logo												{ position: absolute; width: 320px; height: 243px; left: 0; top: -130px; padding: 0; margin: 0; z-index: 3; }

h1.logo a:link,
h1.logo a:visited									{ display: block; width: 320px; height: 243px; background: url(logo.png) left top no-repeat; }
h1.logo a:hover,
h1.logo a:active,
h1.logo a:focus										{ }

h1.logo a strong									{ display: none; }

/* Servicenavi ------------------------------------------------------------------------------------------------------------------------- */

ul.servicenavi										{ padding: 0; }
ul.servicenavi li									{ float: left; list-style: none; }

ul.servicenavi li a									{ float: left; padding: 8px 10px 0 10px; border-right: 1px dotted rgb(75,70,55); }
ul.servicenavi li.last a							{ border: none; }
ul.servicenavi li.home a							{ background: url(homelink.png) left top no-repeat; padding-left: 25px; }

ul.servicenavi li a:link,
ul.servicenavi li a:visited							{ color: rgb(125,120,90); text-decoration: none; }
ul.servicenavi li a:hover,
ul.servicenavi li a:active,
ul.servicenavi li a:focus,
ul.servicenavi li a.active:link,
ul.servicenavi li a.active:visited					{ background-position: left -100px; color: rgb(220,210,155); }

ul.left												{ float: left; }
ul.right											{ float: right; }

/* Slideshow --------------------------------------------------------------------------------------------------------------------------- */

#slideshow											{ position: relative; width: 640px; margin: 0 auto 0 auto; padding: 175px 0 0 320px; z-index: 2; }
#slides												{ width: 640px; height: 185px; background: url(bck.slider.png) left bottom repeat-x; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
#slides div											{ width: 604px; color: rgb(0,90,40); padding: 18px; }
#slides div h1										{ color: rgb(0,90,40); padding: 0; }

#slides a:link,
#slides a:visited									{ color: rgb(0,90,40); }
#slides a:hover,
#slides a:active,
#slides a:focus										{ }

/* Navi -------------------------------------------------------------------------------------------------------------------------------- */

#navi												{ position: absolute; left: 320px; top: -51px; padding: 0; margin: 0; list-style: none; z-index: 4; font-size: 19px; font-family: "garamond-premier-pro-display", Georgia, serif; }
#navi li											{ position: relative; float: left; }

#navi li a											{ float: left; height: 36px; padding: 14px 18px 0 18px; text-decoration: none; border-left: 1px solid rgb(0,80,35); text-transform: uppercase; }
#navi li.last a										{ border-right: 1px solid rgb(0,80,35); }
#navi li.last ul li a								{ border-right: none; }

#navi li a:link,
#navi li a:visited									{ color: rgb(245,235,175); }
#navi li a:hover,
#navi li a:active,
#navi li a:focus,
#navi li a.active:link,
#navi li a.active:visited,
#navi li:hover a									{ background-color: rgb(0,70,30); }

#navi li a:link strong,
#navi li a:visited strong							{ display: none; position: absolute; left: 18px; top: -10px; width: 19px; height: 10px; background: url(navi-marker.png); z-index: 5; }
#navi li a:hover strong,
#navi li a:active strong,
#navi li a:focus strong,
#navi li:hover a strong								{ display: block; }

#navi li.last a strong								{ left: auto; right: 19px; }
#navi li a strong em								{ display: none; }

#navi li:hover ul									{ display: block; }

#navi li ul											{ display: none; position: absolute; left: 0; bottom: 50px; width: 240px; padding: 0; margin: 0; list-style: none; background: url(bck.subnavi.png) left bottom repeat-x; border: 1px solid rgb(195,190,140); border-bottom: none; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
#navi li.last ul									{ left: auto; right: 0px; }

#navi li ul li										{ clear: both; float: none; margin: 0; }

#navi li ul li a									{ float: none; display: block; padding: 8px 18px 4px 18px; text-decoration: none; border: none; border-bottom: 1px dotted rgb(195,190,140); text-transform: none; }
#navi li ul li.last a								{ border: none; padding-bottom: 16px; }

#navi li ul li a:link,
#navi li ul li a:visited							{ height: 1%; color: rgb(0,90,40); background: transparent; }
#navi li ul li a:hover,
#navi li ul li a:active,
#navi li ul li a:focus,
#navi li ul li a.active:link,
#navi li ul li a.active:visited						{ color: rgb(0,90,40); }

/* Content ----------------------------------------------------------------------------------------------------------------------------- */

.content											{ position: relative; float: left; padding: 0; z-index: 1; }

.leftcol											{ float: left; position: relative; width: 284px; padding: 150px 18px 10px 18px; text-align: center; }
.rightcol											{ float: left; position: relative; width: 604px; padding: 41px 18px 10px 18px; min-height: 200px; }
.facebook											{ /*border: 1px solid rgb(230,230,230); border-right: none; border-bottom: none;*/ padding: 0 30px 20px 30px; }

.imagecol											{ float: left; width: 200px; margin-right: 20px; }
.textcol											{ float: left; width: 380px; }

/* Content-Slideshow ---------------------------------------------------------------------------------------------------------------------- */

.slideshow-content									{ margin: 0 0 24px 0; border: 1px solid rgb(0,80,35); background: rgb(0,45,20); -webkit-box-shadow: rgb(0,35,15) 0px 0px 20px; -moz-box-shadow: rgb(0,35,15) 0px 0px 20px; box-shadow: rgb(0,35,15) 0px 0px 20px; }
.slides-content										{ }
.slides-content div									{ }

/* Linklists --------------------------------------------------------------------------------------------------------------------------- */

.content ul.linklist								{ list-style: none; padding: 18px 18px 18px 18px; margin: 0 0 24px 0; border: 1px solid rgb(0,80,35); color: rgb(125,165,110); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.content ul.linklist li								{ margin: 0; padding: 0; }
.content ul.linklist li.download					{ margin: 5px 0 0 0; padding: 7px 0 0 0; border-top: 1px dotted rgb(0,80,35); }
.content ul.linklist li.first						{ margin: 0; padding: 0; border: none; }

.content ul.linklist a:link,
.content ul.linklist a:visited						{ height: 1%; display: block; padding: 0 0 0 16px; color: rgb(125,165,110); background-image: url(li.link.png); background-repeat: no-repeat; background-position: left top; text-decoration: none; }
.content ul.linklist a:hover,
.content ul.linklist a:active,
.content ul.linklist a:focus						{ color: rgb(220,210,155); background-position: left -500px; }

.content ul.linklist .download a:link,
.content ul.linklist .download a:visited			{ padding: 0 0 0 35px; background-image: url(li.download.png); }
.content ul.linklist .download a:hover,
.content ul.linklist .download a:active,
.content ul.linklist .download a:focus				{ background-position: left -300px; }

.content ul.linklist a:link em,
.content ul.linklist a:visited em					{ font-style: italic; color: rgb(100,130,85); }
.content ul.linklist a:hover em,
.content ul.linklist a:active em,
.content ul.linklist a:focus em						{ color: rgb(125,165,110); }

.content ul.linklist a:link small,
.content ul.linklist a:visited small				{ font-size: 12px; line-height: 20px; color: rgb(100,130,85); }
.content ul.linklist a:hover small,
.content ul.linklist a:active small,
.content ul.linklist a:focus small					{ color: rgb(125,165,110); }

/* Footer ------------------------------------------------------------------------------------------------------------------------------ */

#footer												{ color: rgb(50,125,85); border-top: 1px solid rgb(0,80,35); border-bottom: 1px dotted rgb(0,80,35); background: rgb(0,45,20); }
#footerformat										{ width: 960px; margin: 0 auto 0 auto; text-align: center; }
/* #footerformat .column								{ float: left; width: 265px; padding: 36px 36px 10px 36px; border-left: 1px dotted rgb(0,80,35); } */
/* #footerformat .first								{ border: none; width: 248px; padding: 36px 36px 10px 18px; } */
/* #footerformat .last									{ width: 248px; padding: 36px 18px 10px 36px; } */
#footerformat .column								{ padding: 36px; }
#footerformat .first								{ padding: 36px; }
#footerformat .last									{ padding: 36px; }
#footerformat h2									{ padding: 0; text-transform: uppercase; }

#footerformat a:link,
#footerformat a:visited								{ color: rgb(50,125,85); }
#footerformat a:hover,
#footerformat a:active,
#footerformat a:focus								{ color: rgb(125,165,110); }

#footerformat ul.linklist							{ list-style: none; }
#footerformat ul.linklist li						{ margin: 0; padding: 0; }

#footerformat ul.linklist a:link,
#footerformat ul.linklist a:visited					{ height: 1%; display: block; padding: 0 0 0 12px; color: rgb(50,125,85); background-image: url(li.link.footer.png); background-repeat: no-repeat; background-position: left top; text-decoration: none; }
#footerformat ul.linklist a:hover,
#footerformat ul.linklist a:active,
#footerformat ul.linklist a:focus					{ color: rgb(125,165,110); background-position: left -500px; }

/* Copyright --------------------------------------------------------------------------------------------------------------------------- */

#copyright											{ padding: 18px 18px 80px 18px; background: rgb(0,45,20); }
#copyright p										{ text-align: center; width: 960px; margin: 0 auto 0 auto; color: rgb(0,90,40); }
#copyright em										{ color: rgb(0,90,40); font-style: normal; }

#copyright em a:link,
#copyright em a:visited								{ color: rgb(0,90,40); }
#copyright em a:hover,
#copyright em a:active,
#copyright em a:focus								{ color: rgb(50,125,85); }

/* Tabellen ---------------------------------------------------------------------------------------------------------------------------- */

table												{ margin: 0 0 21px 0; width: 100%; table-layout: auto; border-collapse: collapse; }
td, th												{ padding: 6px 7px 6px 6px; vertical-align: top; text-align: left; background: rgb(30,30,30); border-bottom: 1px solid rgb(25,25,25); border-right: 1px solid rgb(25,25,25); }
th													{ background: rgb(35,35,35); }
th.center, td.center								{ text-align: center; }
th.right, td.right									{ width: 10%; text-align: right; }

/* Buttons ----------------------------------------------------------------------------------------------------------------------------- */

.buttons											{ margin: 0; padding: 0 0 20px 0; list-style: none; }
.buttons li											{ margin: 0 0 5px 0; }

.buttons li a										{ display: block; font-size: 10px; line-height: 16px; text-decoration: none; text-transform: uppercase; padding: 6px 0 7px 30px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: rgb(15,15,15) 0px 0px 8px; -moz-box-shadow: rgb(15,15,15) 0px 0px 8px; box-shadow: rgb(15,15,15) 0px 0px 8px; }
.buttons li.more a									{ color: rgb(0,90,40); background-image: url(i.more.png); background-color: rgb(125,165,110); }
.buttons li.more-alone a							{ color: rgb(0,90,40); background-image: url(i.more.png); background-color: rgb(125,165,110,85); }
.buttons li.back a									{ color: rgb(0,90,40); background-image: url(i.back.png); background-color: rgb(100,130,85); }
.buttons li.submit a								{ color: rgb(0,90,40); background-image: url(i.more.png); background-color: rgb(125,165,110); font-size: 12px; line-height: 20px; }
.buttons li.cancel a								{ color: rgb(0,90,40); background-image: url(i.back.png); background-color: rgb(100,130,85); }

.buttons li a:link,
.buttons li a:visited								{ background-position: left top; background-repeat: no-repeat; }
.buttons li a:hover,
.buttons li a:active,
.buttons li a:focus									{ background-color: rgb(245,235,175); background-position: left -500px; }

/* Thumbs ------------------------------------------------------------------------------------------------------------------------------ */
span.thumb,
a.thumb:link,
a.thumb:visited										{ float: left; position: relative; border: 1px solid rgb(0,80,35); background: rgb(0,45,20); margin-bottom: 6px; -webkit-box-shadow: rgb(0,35,15) 0px 0px 20px; -moz-box-shadow: rgb(0,35,15) 0px 0px 20px; box-shadow: rgb(0,35,15) 0px 0px 20px; }
a.thumb:hover,
a.thumb:active,
a.thumb:focus										{ border-color: rgb(245,235,175); background: rgb(245,235,175); }

a.thumb-noborder:link,
a.thumb-noborder:visited							{ border: none; margin-bottom: 0; }
a.thumb-noborder:hover,
a.thumb-noborder:active,
a.thumb-noborder:focus								{ }

a.inline:link,
a.inline:visited									{ margin: 6px 18px 0 0; }
a.inline:hover,
a.inline:active,
a.inline:focus										{ }

span.thumb img,
a.thumb:link img,
a.thumb:visited img									{ float: left; margin: 0; border: 0; z-index: 1; }
a.thumb:hover img,
a.thumb:active img,
a.thumb:focus img									{ opacity: 0.80; }

a.thumb:link small,
a.thumb:visited small								{ position: absolute; right: 5px; bottom: 5px; width: 30px; height: 30px; background: url(i.loupe.png) -5px -5px no-repeat; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; z-index: 2; }
a.thumb:hover small,
a.thumb:active small,
a.thumb:focus small									{ background-position: -5px -45px; }

a.gm												{ margin-right: 6px; }

.thumb small del									{ display: none; }

/* Teaser ------------------------------------------------------------------------------------------------------------------------------ */
.teaser												{ position: relative; margin: 0 0 30px 0; padding: 18px 18px 0 18px; border: 1px solid rgb(0,80,35); color: rgb(125,165,110); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.teaser h2											{ padding: 0 0 18px 0; text-transform: uppercase; }
.teaser hr											{ margin: 0 -18px 20px -18px; }
.teaser .teaser-content								{ padding: 20px 20px 0 20px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.teaser .htmlcode									{ padding: 20px 20px 0 20px; }

.teaser h4 a:link,
.teaser h4 a:visited								{ color: rgb(125,165,110); text-decoration: none; }
.teaser h4 a:hover,
.teaser h4 a:active,
.teaser h4 a:focus									{ color: rgb(220,210,155); }

.teaser p a:link,
.teaser p a:visited									{ color: rgb(125,165,110); text-decoration: underline; }
.teaser p a:hover,
.teaser p a:active,
.teaser p a:focus									{ color: rgb(220,210,155); text-decoration: none; }

.teaser ul.links									{ margin: 0; padding: 0; list-style: none; border-top: 1px solid rgb(25,25,25); }
.teaser ul.links li									{ margin: 0; }

.teaser ul.links a:link,
.teaser ul.links a:visited							{ height: 1%; display: block; text-decoration: none; font-size: 10px; line-height: 16px; padding: 6px 0 7px 20px; text-transform: uppercase; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
.teaser ul.links a:hover,
.teaser ul.links a:active
.teaser ul.links a:focus							{ background: rgb(215,0,40); color: rgb(255,255,225); -webkit-box-shadow: rgb(215,0,40) 0px 0px 10px; -moz-box-shadow: rgb(215,0,40) 0px 0px 10px; box-shadow: rgb(215,0,40) 0px 0px 10px; }

/* Pagination -------------------------------------------------------------------------------------------------------------------------- */

.pagination											{ float: left; padding: 0; margin: 0 0 8px 0; }
.pagination li										{ float: left; margin: 0 6px 0 0; list-style: none; }

.pagination li a									{ float: left; padding: 0; width: 29px; height: 29px; line-height: 29px; text-decoration: none; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: rgb(15,15,15) 0px 0px 8px; -moz-box-shadow: rgb(15,15,15) 0px 0px 8px; box-shadow: rgb(15,15,15) 0px 0px 8px; }
.pagination li.first a								{ background-image: url(pagination.first.png); background-position: left top; }
.pagination li.back a								{ background-image: url(pagination.back.png); background-position: left top; }
.pagination li.forth a								{ background-image: url(pagination.forth.png); background-position: left top; }
.pagination li.last a								{ background-image: url(pagination.last.png); background-position: left top; }

.pagination li a:link,
.pagination li a:visited							{ color: rgb(0,90,40); background-color: rgb(100,130,85); }
.pagination li a:hover,
.pagination li a:active,
.pagination li a:focus								{ background-color: rgb(245,235,175); background-position: left -100px; }

.pagination li a.active:link,
.pagination li a.active:visited						{ color: rgb(0,90,40); background-color: rgb(125,165,110); }
.pagination li a.active:hover,
.pagination li a.active:active,
.pagination li a.active:focus						{ background-color: rgb(245,235,175); color: rgb(0,90,40); }

.pagination li a b									{ display: none; }

/* Videolinks --------------------------------------------------------------------------------------------------------------------------- */
.preview_image										{ position: relative; margin: 0 0 22px 0; width: 602px; height: 338px; border: 1px solid rgb(0,80,35); -webkit-box-shadow: rgb(0,35,15) 0px 0px 20px; -moz-box-shadow: rgb(0,35,15) 0px 0px 20px; box-shadow: rgb(0,35,15) 0px 0px 20px; }
.preview_image img									{ position: absolute; left: 0; top: 0; width: 602px; height: 338px; margin: 0; border: 0; }

.preview_image a									{ position: absolute; left: 0; top: 0; width: 602px; height: 338px; background: url(videolink.png) center center no-repeat; }
.preview_image a strong								{ display: none; }

.player												{ margin: 0 0 22px 0; border: 1px solid rgb(0,80,35); -webkit-box-shadow: rgb(0,35,15) 0px 0px 20px; -moz-box-shadow: rgb(0,35,15) 0px 0px 20px; box-shadow: rgb(0,35,15) 0px 0px 20px; }
.player_hidden										{ display: none; margin: 0 0 22px 0; border: 1px solid rgb(0,80,35); }