@font-face {font-family:"Sansus Webissimo"; src:url("/design/fontface/Sansus_Webissimo-Regular.eot?") format("eot"),url("/design/fontface/Sansus_Webissimo-Regular.woff") format("woff"),url("/design/fontface/Sansus_Webissimo-Regular.ttf") format("truetype"),url("/design/fontface/Sansus_Webissimo-Regular.svg#SansusWebissimo") format("svg"); font-weight:normal;	font-style:normal}
* {padding:0; margin:0}
*:focus {outline:none}
hr {height:1px; border:0; background-color:#240110; margin-bottom:20px}
html, body {height:100%; width:100%}
a {-webkit-transition: color .13s ease, border-color .13s ease, background-color .13s ease; -o-transition: color .13s ease, border-color .13s ease, background-color .13s ease; -moz-transition: color .13s ease, border-color .13s ease, background-color .13s ease; transition: color .13s ease, border-color .13s ease, background-color .13s ease}
a:hover {}
img {border:0}

/* -- Layout -- */
body {font-family:Arial, Helvetica, sans-serif; font-size:13px; background-color: #110207; text-align: center; color: #a36e85}
#container {background-image:url(/design/gfx/body-bg.png); background-repeat:repeat-x; background-color:#2f0115} 
.outer2 > div {width:643px; height:250px; margin:0 auto; text-align:left}
.outerteaser2 {padding-left: 0px}
div#college div#slideshow ul#nav {padding-left: 0px}
div#college div#slideshow ul#slides {padding-left: 0px}
.outer > div {width:980px; margin:0 auto; text-align:left}
.outerms > div {width:1020px; margin:0 auto; text-align:left}
@media only screen and (max-device-width: 1024px) and (orientation:portrait) {.outer > div {padding:0 20px}}
@media only screen and (max-device-width: 1024px) and (orientation:landscape) {.outer > div {padding:0 20px}}
.outerhead {background-image:url(/design/gfx/header-bg.png); background-position:top center; background-repeat:no-repeat}
.outerteaser {background-image:url(/design/gfx/pipe-bg-border.png); background-repeat:repeat-x; background-position:bottom; padding-bottom:1px}
.outerinner {background-image:url(/design/gfx/inner-bg.png); background-position:bottom; background-repeat:repeat-x; padding-bottom:30px}
body.front .outerinner {padding-bottom:0; background-color:#2f0115}
.outerLast {background-image: url(/design/gfx/endcontent-bg.png); height:197px; border-top:1px solid #3f1527}
.outerfooter {background-image:url(/design/gfx/footer-bg.png); background-repeat:repeat-x}

/* -- Sprachwahl  -- */
dl.sprachwahl {height:20px; float:right; position:relative; top:27px; font-size:11px}
dl.sprachwahl dt{float:left}
dl.sprachwahl dd{float:left; margin-left:5px}
dl.sprachwahl dd a{width:20px; height:15px; overflow:hidden; text-decoration:none; text-indent:-9999em; display:block}
dl.sprachwahl dd.eng a{background-image:url(/design/gfx/en.gif)}
dl.sprachwahl dd.de a{background-image:url(/design/gfx/de.gif)}

/* -- Layout -- */
#header {height:135px; position:relative; z-index:20} 
#header h1 {}
#header h1 a{background-image:url(/design/gfx/rs-logo.png); width:289px; height:83px; overflow:hidden; text-indent:-9999em; display:block; position:absolute; left:0; top:27px}

/* -- Menus -- */
ul#mainmenu {position:absolute;	top:64px;	right:0}
ul#mainmenu li {float:left; list-style:none; position:relative}
ul#mainmenu li a{display:block; background-image:url(/design/gfx/menu-sprite.png); height:48px; overflow:hidden; text-indent:-9999em}
ul#mainmenu li.home a{width:97px; background-position:0 0}
ul#mainmenu li.preview a{width:92px; background-position:-97px 0}
ul#mainmenu li.members a{width:95px; background-position:-189px 0}
ul#mainmenu li.join a{width:73px; background-position:-284px 0}
ul#mainmenu li.aboutus a{width:97px; background-position:-357px 0}
ul#mainmenu li.collage a{width:85px; background-position:-454px 0}
ul#mainmenu li.links a{width:105px; background-position:-539px 0}
ul#mainmenu li a:hover {}
ul#mainmenu li.home a:hover {background-position:0 -48px}
ul#mainmenu li.preview a:hover {background-position:-97px -48px}
ul#mainmenu li.members a:hover {background-position:-189px -48px}
ul#mainmenu li.join a:hover {background-position:-284px -48px}
ul#mainmenu li.aboutus a:hover {background-position:-357px -48px}
ul#mainmenu li.collage a:hover {background-position:-454px -48px}
ul#mainmenu li.links a:hover {background-position:-539px -48px}
ul#mainmenu li a.active {}
ul#mainmenu li.home a.active {background-position:0 -48px}
ul#mainmenu li.preview a.active {background-position:-97px -48px}
ul#mainmenu li.members a.active {background-position:-189px -48px}
ul#mainmenu li.join a.active {background-position:-284px -48px}
ul#mainmenu li.aboutus a.active {background-position:-357px -48px}
ul#mainmenu li.collage a.active {background-position:-454px -48px}
ul#mainmenu li.links a.active {background-position:-539px -48px}
ul#mainmenu li ul {position:absolute; width:130px; background-image:url(/design/gfx/dropdown-bg.png); padding:10px 10px 15px 10px; margin-top:-5px; z-index:3; left:-6px; background-position:bottom}
ul#mainmenu li.links ul {left:-50px;}
ul#mainmenu li ul li {float:none; padding:0 5px}
ul#mainmenu li ul li a{display:block; background-image:none; height:auto; width:auto !important; overflow:hidden; text-indent:0; text-decoration:none; color:#fff; padding:7px 10px; font-weight:bold; background-repeat:repeat-x}
ul#mainmenu li ul li a:hover{background-color:#3d3d3d}
ul#mainmenu li ul li:first-child a{background-image:none}

/* -- Inner -- */
#inner {position:relative; z-index:1}
body.page #inner {background-image:url(/design/gfx/content-splitt.png); background-repeat:no-repeat; background-position: 257px 0; background-size: 28px 100%}
#sidebar {float: left;width: 241px;	padding: 15px 10px 15px 0}
#mainContent {margin: 0 0 0 340px; padding: 0 0}
#mainContent a {color:#c6223b; text-decoration:none; font-weight:bold}
#mainContent a:hover {color:#ccc}
.front #mainContent, #mainContent.full {margin: 0 0 0 0; padding: 20px 0 10px} 
body.page-noborder #inner, body.page-reference #inner {background-image:none}
body.page-reference #sidebar {display:none}
body.page-reference #mainContent {margin: 0 0 0 0; padding: 20px 0} 

/* -- MagicSisters -- */
#mainContentms {margin: 0 0 0 310px; padding: 0 0}
#mainContentms a {color:#c6223b; text-decoration:none; font-weight:bold}
#mainContentms a:hover {color:#ccc}
#mainContentms h1 {font-family:"Sansus Webissimo"; color:#c3c3c3; margin-bottom:20px; font-weight:normal; -moz-text-shadow:0 3px 0 rgba(0,0,0,.3); -webkit-text-shadow:0 3px 0 rgba(0,0,0,.3); text-shadow:0 3px 0 rgba(0,0,0,.3)}
#mainContentms h2 {margin-bottom:15px; font-family:"Sansus Webissimo"; font-weight:normal; color:#CCC; font-size:20px}
#mainContentms h3 {font-family:"Sansus Webissimo"; font-size:17px; color:#CCC; font-weight:normal; margin-bottom:10px}
#mainContentms p {margin-bottom:20px}


/* -- Page Previews -- */
body.page-previews #mainContent {position:relative; margin: 0 0 0 300px} 

/* -- Page Gästebuch -- */
body.page-guestbook #inner {background-position: 287px 0}
body.page-guestbook #sidebar {width:270px} 

/* -- Page Booking -- */
body.page-booking #sidebar {position:relative; padding: 15px 0 15px 0} 
body.page-booking #sidebar img {position:relative; left:30px} 
body.page-booking #mainContent {position:relative; margin: 0 0 0 350px} 

/* -- Page Booking -- */
body.page-register #sidebar {position:relative;	padding: 15px 0 15px 0; width:324px} 
body.page-register #sidebar img {position:relative} 
body.page-register #mainContent {position:relative; margin: 0 0 0 350px} 
#container div.trailer {position:relative; z-index:1}
#mainContent h1 {font-family:"Sansus Webissimo"; color:#c3c3c3; margin-bottom:20px; font-weight:normal; -moz-text-shadow:0 3px 0 rgba(0,0,0,.3); -webkit-text-shadow:0 3px 0 rgba(0,0,0,.3); text-shadow:0 3px 0 rgba(0,0,0,.3)}
#mainContent h2 {margin-bottom:15px; font-family:"Sansus Webissimo"; font-weight:normal; color:#CCC; font-size:20px}
#mainContent h3 {font-family:"Sansus Webissimo"; font-size:17px; color:#CCC; font-weight:normal; margin-bottom:10px}
#mainContent p {margin-bottom:20px}
table {width:100%; border-collapse:collapse; margin-bottom:15px}
table tr{}
table tr td{}
table tr td ul {margin:0; padding:0 !important}
table tr td ul li{padding:0}

/* -- Styles für Unterseite -- */
body.page #mainContent h1 {color:#fff; font-size:32px}
body.page #mainContent img {border:5px solid black; margin-bottom:20px; display:block}
body.page #mainContent ul {padding-left:24px; margin-bottom:20px}
body.page #mainContent strong{color:#fff}
body.page-register #mainContent img {border:0}
div.sticky {font-size:14px; line-height:18px}

/* -- Teaser -- */
#slideshow {position:relative; z-index:1}
#teaser .teaserInner{width:980px}
#teaser .teaserInner .teaserGalleryIn{}
#slideshow #slides li {background-color: transparent !important; background:none !important}
#slideshow #slides li a{display:block; margin-bottom:30px}
#slideshow #slides li a img{display:block; border:5px solid black}
#slideshow #slides li a img:hover{display:block; border:5px solid #af024f}
#teaser .scrollable .teaserInner{float:left}
#teaser .teaserGallery{padding:8px; background-color:#000; margin-bottom:20px}
#teaser .teaserGallery a{float:none; margin:0} 
#teaser .teaserGallery a img{border:0}
#teaser .scrollable, #slideshow #slides li{background-image:url(/design/gfx/pipe-shine.png); background-repeat:no-repeat; background-position:center bottom}
#slideshow .scrollable{background-position:center bottom; padding:0; height:auto}
#slideshow .scrollable .teaserDesc{background-image:none; min-height:50px}
#slideshow #slides li .head{float:left; width:235px; background-image:url(/design/gfx/shadow.png); background-position:right; background-repeat:no-repeat; padding: 20px 0 20px; min-height:50px}
#slideshow #slides li .head h2 {font-family:"Sansus Webissimo"; font-size:20px; font-weight:normal; padding-bottom:4px; -moz-text-shadow:0 2px 0 rgba(0,0,0,.3); -webkit-text-shadow:0 2px 0 rgba(0,0,0,.3); text-shadow:0 2px 0 rgba(0,0,0,.3); color:#fff}
#slideshow #slides li .head p{color:#fff}
#slideshow #slides li .head em{font-style:normal; display:inline-block; width:80px; color:#a36e85}
#slideshow #slides li .teaserContent{padding:10px 0 25px 30px; overflow:hidden; font-size:14px}
#teaser a.browse{top:160px}
#teaser div.navi{position:absolute; z-index:10; padding:20px; left:0}
#teaser div.navi a{display:block; width:10px; height:10px; float:left; margin-right:3px; background-color:#000; cursor:pointer; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; border-radius:5px}
#teaser div.navi a:hover, #teaser div.navi a.active{background-color:#af024f}

/* -- Elemente -- */
div.block {}
div.block h3{color:#c3c3c3; text-transform:uppercase; font-family:"Sansus Webissimo"; font-size:20px; font-weight:normal; padding-bottom:4px; -moz-text-shadow:0 2px 0 rgba(0,0,0,.3); 	-webkit-text-shadow:0 2px 0 rgba(0,0,0,.3); text-shadow:0 2px 0 rgba(0,0,0,.3)}
div.block img {border-top:3px solid #e8005d; margin-bottom:10px}
div.block div.inner {}
div.block div.inner {}

/* -- Blockmenu -- */
div.block-menu {background-image:url(/design/gfx/blockmenu-footer.png); background-repeat:no-repeat; background-position:bottom; padding-bottom:21px; margin-bottom:20px}
div.block-menu h3{}
div.block-menu div.inner{}
div.block-menu div.inner ul{background-image:url(/design/gfx/blockmenu-top.png); background-repeat:no-repeat; position:relative; padding:18px 5px 0}
div.block-menu div.inner ul li {list-style:none; background-repeat:no-repeat}
div.block-menu div.inner ul li {background-image:url(/design/gfx/menu-hover.png); background-position: -9999px -50px}
div.block-menu div.inner ul li:hover{background-image:url(/design/gfx/menu-hover.png); background-position: -5px -50px}
div.block-menu div.inner ul li a{color:#ccc; text-decoration:none; font-family:"Sansus Webissimo"; font-size:15px; background-image: url(/design/gfx/menu-splitt.png); background-repeat:repeat-x; display:block; padding:10px 10px; -moz-text-shadow: 0 1px 0 rgba(0,0,0, .5); -webkit-text-shadow: 0 1px 0 rgba(0,0,0, .5); -o-text-shadow: 0 1px 0 rgba(0,0,0, .5); text-shadow: 0 1px 0 rgba(0,0,0, .5)}
div.block-menu div.inner ul li.active a, div.block-menu div.inner ul li a:hover{color:#fff}
div.block-menu div.inner ul li:first-child a{	background-image: none}

/* -- -- */
div.block-social {overflow:hidden}
div.block-social dl {height:23px; padding-left:75px}
div.block-social dl dt{font-size:12px; float:left; padding:1px 10px 0 0}
div.block-social dl dd{ float:left; margin-right:3px}
div.block-social dl dd a{width:22px; height:23px; display:block; background-image:url(/design/gfx/media-sprite.png); overflow:hidden; text-indent:-9999em}
div.block-social dl dd.twitter a{background-position: 0 0}
div.block-social dl dd.facebook a{background-position: -22px 0}
div.block-social dl dd.rss a{background-position: -44px 0}
div.block-social dl dd.instagram a{background-position: -66px 0}
div.block-social dl dd.youtube a{background-position: -88px 0}
div.block-social dl dd.twitter a:hover{background-position: 0 -23px}
div.block-social dl dd.facebook a:hover{background-position: -22px -23px}
div.block-social dl dd.rss a:hover{background-position: -44px -23px}

/* -- -- */
div.block-previewCat {}
div.block-previewCat div.inner {text-align:center}
div.block-previewCat img {border:5px solid black; margin:0 auto}

/* -- -- */
div.block-cat {}
div.block-cat  div.inner { }
div.block-cat  div.inner ul{margin-left:-10px}
div.block-cat  div.inner ul li {display:inline; list-style:none; float:left; margin-left:10px}
div.block-cat  div.inner ul li a{position:relative; color:#fff; display:block; text-decoration:none; -moz-box-shadow:0 2px 4px rgba(0,0,0,0.3); -webkit-box-shadow:0 2px 4px rgba(0,0,0,0.3); -o-box-shadow:0 2px 4px rgba(0,0,0,0.3); box-shadow:0 2px 4px rgba(0,0,0,0.3); margin-bottom:10px}
div.block-cat  div.inner ul li a strong{position:absolute; font-family:"Sansus Webissimo"; font-weight:normal; left:2px; right:2px; text-align:center; display:block; padding:5px 0; background-color:rgba(0,0,0, .5); z-index:2; top:10px; -moz-text-shadow: 0 1px 0 rgba(0,0,0, .5); -webkit-text-shadow: 0 1px 0 rgba(0,0,0, .5); -o-text-shadow: 0 1px 0 rgba(0,0,0, .5); text-shadow: 0 1px 0 rgba(0,0,0, .5); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); zoom:1}
div.block-cat  div.inner ul li a img{border:2px solid black; position:relative; z-index:1; margin:0; display:block}
div.block-cat  div.inner ul li a:hover img, div.block-cat div.inner ul li.active a img{border:2px solid #e7005d}
div.block-cat  div.inner ul li.register a img{border:0}

/* -- -- */
dl.metaInfo {margin-bottom:15px; float:right; font-size:11px; padding-left:10px}
dl.metaInfo dt {font-weight:bold}
dl.metaInfo dd {overflow:hidden; margin-bottom:5px}
div.pager {padding: 15px 0; text-align:center}
div.pager {}
div.pager a.pagerBtn{}
div.mediaPlace {}
div.mediaPlace .mediaItem{ display:inline-block; margin:0 7px 15px}

/* -- Spalten Layout -- */
div.cols {margin-left:-10px; margin-right:-10px}
div.cols div.block{}
div.cols div.block div.inner {font-size:11px}
div.twoCols div.block{width:480px; float:left; margin:0 10px}
div.fourCols div.block{width:230px; float:left; margin:0 10px}
*+html div.fourCols div.block{margin:0 7px}
div.cols div.block ul{font-size:11px; margin-bottom:12px; padding-left:20px}
div.cols div.block ul li{margin-bottom:2px}
div.cols div.block .inner p{margin-bottom:10px !important}

/* -- Nodes -- */
#mainContent {}
#mainContent div.node {}
#mainContent div.node h2{}
#mainContent div.node div.inner {}
#mainContent div.node .thumb {display:block; padding:5px; background-color:#000}
#mainContent div.node .thumb img{display:block; border:0}
#mainContent div.node-preview {margin-bottom:25px; background-color:rgba(0,0,0, .2); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000); zoom: 1; position:relative; overflow:hidden}
#mainContent div.node-preview h2{font-size:12px; padding:10px 0; color:#cc1a3a; margin-bottom:0; -moz-text-shadow: 0 1px 0 rgba(0,0,0,0.5); -webkit-text-shadow: 0 1px 0 rgba(0,0,0,0.5); -o-text-shadow: 0 1px 0 rgba(0,0,0,0.5); text-shadow: 0 1px 0 rgba(0,0,0,0.5)}
#mainContent div.node-preview div.inner {font-size:11px; line-height:13px; color:#CCC; overflow:hidden; padding:10px 15px}
#mainContent div.node-preview div.inner p{margin-bottom:0}
#mainContent div.node-preview .thumb {display:block; padding:5px; float:left}
#mainContent div.node-preview .thumb:hover {background-color:#b3173f}
#mainContent div.node-preview .thumb img{display:block; border:0; margin:0}

/* -- Gästebucheintrag -- */
#mainContent {}
#mainContent div.node-gbpost {overflow:hidden; margin-bottom:20px}
#mainContent div.node-gbpost .nodeHead{ float:left; margin-right:15px}
#mainContent div.node-gbpost h2{font-size:12px; font-weight:bold; padding: 0 0 10px 0; color:#cc1a3a; margin-bottom:0}
#mainContent div.node-gbpost .thumb{display:block; padding:0}
#mainContent div.node-gbpost .thumb img {display:block; margin:0; -moz-box-shadow: 0 2px 4px rgba(0,0,0, .4); -webkit-box-shadow: 0 2px 4px rgba(0,0,0, .4); -o-box-shadow: 0 2px 4px rgba(0,0,0, .4); box-shadow: 0 2px 4px rgba(0,0,0, .4)}
#mainContent div.node-gbpost div.inner {background-color:rgba(0,0,0, .3); padding:10px 15px; font-size:12px; height:90px; height:auto !important; min-height:90px; margin-left:115px; position:relative}
#mainContent div.node-gbpost .inner:before{background-image:url(/design/gfx/gb-arrow.png); width:12px; height:25px; display:block; content:" "; position:absolute; left:-12px; top:10px}

/* -- Referenzen-- */
#mainContent {}
#mainContent div.node-reference {overflow:hidden; border-bottom:1px solid #110207; padding-bottom:15px; margin-bottom:15px}
#mainContent div.node-reference h2{margin-bottom:15px; font-family:"Sansus Webissimo"; font-weight:normal; color:#CCC; font-size:20px}
#mainContent div.node-reference div.inner {}
div.reference {display:inline-block; width:480px; margin-bottom:10px}
div.reference img{margin-bottom:0 !important}
div.reference div.desc{padding:0 25px 0 15px; overflow:hidden; font-size:11px}
div.reference div.desc h3{color:#e8005d; font-size:14px; margin-bottom:10px}
#mainContent div.reference div.desc p{margin-bottom:0 !important}
div.node-magazines .reference{width:240px}
div.node-magazines .reference img{float:left; margin:0 6px 0 7px}
div.node-magazines .reference div.desc{padding:10px 10px; text-align:left}
#mainContent div.cols div.node{float:left; border-bottom:0; margin:0 10px;width:310px}

/* -- Linkliste -- */
ul.linklist {padding-left:0 !important}
ul.linklist li {list-style:none; margin-bottom:15px; padding-left:0; text-align:center}
ul.linklist li a{}
ul.linklist li a:hover {}
ul.linklist li a img{ margin:0 auto}
div.msg {font-size:11px; padding-top:10px}

/* -- Newsletter -- */
ul.newsletter {padding-left:0 !important; padding:10px 0}
ul.newsletter li {list-style:none; margin-bottom:15px; padding-left:0; height:50px; width:300px; display:inline-block; margin-left:10px}
ul.newsletter li a{background-color:rgba(0,0,0, .3); padding:13px 20px 12px; overflow:hidden; display:block; min-height:31px}
ul.newsletter li a strong {display:block}
ul.newsletter li a:hover {background-color:rgba(0,0,0, .7)}
ul.newsletter li img{margin-bottom:0 !important; float:left}

/* -- Accordion -- */
#mainContent div.accordion {}
#mainContent div.accordion h2{display:block; cursor:pointer; border-bottom:1px solid rgba(0,0,0, .3); padding:10px 0; margin-bottom:0}
#mainContent div.accordion h2.ui-state-active{color:#fff}
#mainContent div.accordion div.content{border-bottom:1px solid rgba(0,0,0, .3)}
#mainContent div.accordion {}

/* -- -- */
fieldset {border:0; margin-bottom:15px}
fieldset div.formItem {margin-bottom:10px}
fieldset div.formItem label{ display:block; padding:0 0 4px 0}
fieldset div.formItem .fakeForm, fieldset div.formItem input.formText, fieldset div.formItem textarea{border:1px solid black; background-color:rgba(0,0,0, .2); -moz-box-shadow:inset 0 5px 10px rgba(0,0,0, .2); -webkit-box-shadow:inset 0 5px 10px rgba(0,0,0, .2); -o-box-shadow:inset 0 5px 10px rgba(0,0,0, .2); box-shadow:inset 0 5px 10px rgba(0,0,0, .2); -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 5px; width: 260px; color:#dab5c5; font-family:Arial, Helvetica, sans-serif; font-size:12px}
fieldset div.formItem input.formText:focus, fieldset div.formItem textarea:focus{-moz-box-shadow:inset 0 5px 10px rgba(0,0,0, .2), 0 0 3px #fb3ebd; -webkit-box-shadow:inset 0 5px 10px rgba(0,0,0, .2), 0 0 3px #fb3ebd; -o-box-shadow:inset 0 5px 10px rgba(0,0,0, .2), 0 0 3px #fb3ebd; box-shadow:inset 0 5px 10px rgba(0,0,0, .2), 0 0 3px #fb3ebd}
fieldset .formFile {position:relative}
fieldset div.formItem .fakeForm {display:block; position:relative; z-index:1}
fieldset div.formItem input.formFile {opacity:0; position:absolute; z-index:2; left:0; top:0}
fieldset div.formItem input.formText{}
fieldset div.formItem textarea{height:140px; overflow:auto; resize:vertical; min-height:140px}
fieldset .formSubmit{color:#fff; background-image:url(/design/gfx/button-bg.png); background-color:transparent; width:158px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:8px 0; border:0; cursor:pointer; text-shadow: 0 1px 1px rgba(0,0,0, .3); -moz-text-shadow: 0 1px 1px rgba(0,0,0, .3); -webkit-text-shadow: 0 1px 1px rgba(0,0,0, .3); -o-text-shadow: 0 1px 1px rgba(0,0,0, .3)}

/* Webkit - Hack */ 
@media screen and (-webkit-min-device-pixel-ratio:0) {fieldset .formSubmit{padding:9px 0 9px}}
fieldset .formSubmit:hover{background-position:0 bottom}

/* -- Buchungsformular -- */
fieldset.bookingform {padding-left:15px}
fieldset.bookingform div.formItem{}
fieldset.bookingform div.formItem label{float:left; width:140px; padding:4px 0}
fieldset.bookingform div.formItem input.formText, fieldset.bookingform div.formItem textarea{width:430px}
fieldset.bookingform div.formItem input.formText{}
fieldset.bookingform div.formItem textarea{}
fieldset.bookingform .formSubmit{margin-left:140px}

/* -- Webmasterform -- */
fieldset.affilateform { }
fieldset.affilateform div.formItem{}
fieldset.affilateform div.formItem label{padding:4px 0}
fieldset.affilateform div.formItem input.formText, fieldset.affilateform div.formItem textarea{width:302px}

/* -- Last Content -- */
#lastContent {padding:30px 0}
#lastContent h3{font-family:"Sansus Webissimo"; font-size:17px; color:#fff; font-weight:normal; margin-bottom:10px}
#lastContent a.browse{top:30px}
#lastContent div.scrollable{}
#lastContent div.scrollable .items{}
.scrollable {position:relative; overflow:hidden; width:980px; height:100px}
#teaser .scrollable {height:520px}
.scrollable .items {width:20000em; position:absolute}
.scrollable .items a {float:left; margin: 0 4px}
.scrollable .items a img{border:5px solid rgba(0,0,0, 0)}
.scrollable .items a img:hover{border:5px solid #bf2065}
a.browse {background-image:url(/design/gfx/arrow-sprite.png); display:block; overflow:hidden; text-indent:-9999em; width:19px; height:37px; position:relative; cursor:pointer}
a.prev {background-position:0 0; margin-left:-45px}
a.next {background-position:-19px 0; margin-right:-45px}
a.prev:hover {background-position:0 -37px}
a.next:hover {background-position:-19px -37px}
a.pageprev {background-position:0 0; margin-left:0px}
a.pagenext {background-position:-19px 0; margin-right:0px}
a.pageprev:hover {background-position:0 -37px}
a.pagenext:hover {background-position:-19px -37px}
a.guestbook {color:#a36e85}
a.newsletter {color:#a36e85}

/* -- Member Content -- */
div.memberCats {text-align:center; margin-bottom:20px}
div.memberCats a{margin:0 5px; display:inline-block}
div.memberCats a img{border:5px solid #000}
div.memberCats a img:hover{border:5px solid #af024f}

/* -- Image Rotator -- */
#reference-prev, #reference-next {background-color:transparent; background-image:url(/design/gfx/arrow-sprite.png); width:19px; height:37px; display:block; overflow:hidden; color:transparent; color:rgba(0,0,0,0); border:0;	cursor:pointer;	position:absolute; top:60px}
#reference-prev {background-position:0 0; left:0}
#reference-next {background-position:-19px 0; right:0}
#reference-prev:hover {background-position:0 -37px}
#reference-next:hover {background-position:-19px -37px}
#imgRotatorOuter {position:relative}
#imgRotator {margin:0 auto}

/* -- -- */
#mainContent #ownbanners img {display:inline-block}
#wallpapers .entry a {display:inline-block}
#imprint table img {display:inline !important}
#imprint table th, #imprint table td{font-size:12px}
#joininet img, #joinccbill img {border:0 !important}
#webmaster img {border:0 !important; margin-bottom:0 !important; margin-left:20px}
#webmaster form img {cursor:pointer}
#join table {}
#join table td{vertical-align:top; font-size:11px}
#join table ul{}
#join table ul li {}
#join table ul li strong{font-size:12px; display:block}
#join table ul li small{display:block; font-size:11px; font-weight:normal}

/* -- Footer -- */
#footer {height:100px; background-image:url(/design/gfx/footer-shine.png); background-repeat:no-repeat; background-position:center top; padding-top:20px; color:#593342; font-size:12px; position:relative}
#footer p.copy {float:left; margin-right:20px}
#footer a {color:#593342; text-decoration:none}
#footer a:hover {color:#a36e85}
#footer img#button {position:absolute; left:460px; top:10px; z-index:3}

/* -- Memberarea-- */
body.memberarea {}
body.memberarea #container {background-image:url(/design/gfx/body-bg-member.png); background-color:#2f051b}
body.memberarea .outerinner {background-image: url("/design/gfx/inner-bg-members.png")}
body.memberarea .outerhead {background-image: url("/design/gfx/header-bg-members.png")}
body.memberarea div.mediaPlace{margin: 0 -15px 0}
body.memberarea div.mediaPlace .mediaItem{margin: 0 3px 10px; border:3px solid black}
body.memberarea div.mediaPlace .mediaItem:hover{border:3px solid #bf2065}
body.memberarea div.mediaPlace .block-video { float:left; width:229px; margin:0 4px 10px 0}
body.memberarea div.mediaPlace .block-video a.btnPlay { float:right; margin-left:10px}
body.memberarea div.mediaPlace .block-video a img{ border:0}
body.memberarea #carouselContent_carousel .cBlock {-moz-box-shadow: 0 2px 15px rgba(0,0,0,.7); -webkit-box-shadow: 0 2px 15px rgba(0,0,0,.7); -o-box-shadow: 0 2px 15px rgba(0,0,0,.7); box-shadow: 0 2px 15px rgba(0,0,0,.7); border:3px solid black}
body.memberarea #carouselContent_carousel .cBlock:hover {	border:3px solid #bf2065}
.blockms {}
.blockms .thumb{ display:block; border:6px solid #000}
.blockms .thumb img { display:block;}
.blockms a.thumb:hover { border-color:#d40b78}
.blockms h2,
.blockms h3{
	font-family:"Sansus Webissimo"; 
	color:#fff; 
	font-size:14px;
	margin-bottom:10px;
	font-weight:normal; 
	padding-top:10px;
	-moz-text-shadow: 0 2px 1px rgba(0,0,0, .4);
	-webkit-text-shadow: 0 2px 1px rgba(0,0,0, .4);
	text-shadow: 0 2px 1px rgba(0,0,0, .4);
}
.blockms p{ font-size:11px; line-height:12px;}
.blockms small{ display:block; font-size:11px; background:url(/design/gfx/border.png) repeat-x; padding-top:10px;}
.blockms .inner{
	background-image:url(/design/gfx/border-hori.png);
	background-position:center bottom;
	background-size:100% 28px;
	background-repeat:no-repeat;
	padding-bottom:28px;
}
.blockms .btnPlay{
	font-family:"Sansus Webissimo"; 
	color:#fff; 
	font-size:12px;
	background-image: url(/design/gfx/btnplay.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	text-decoration:none;
	padding:5px 0 10px 15px;
	width:44px
}
.blockms .btnPlay:hover{color:#e10087;}
.cutText{
   	overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
	text-overflow: ellipsis multiline;
	width: 229px;
	height:84px;
	white-space: normal;
	color: #CCC;
}

/* -- Wiederverwenbar  -- */
.fltrt {float: right}
.fltlft {float: left}
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px}
table.mainbgr {background-color:#000000; border: 0px dotted #dddddd; padding-left: 5px}
.album_stat{padding: 5px}

/* -- Quality Toggle -- */
.onoffswitch {position: relative; width: 78px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; background-color: #D40B78; border-radius: 5px}
.onoffswitch-checkbox {display: none}
.onoffswitch-label {display: block; overflow: hidden; cursor: pointer; border: 2px solid #111111; border-radius: 5px}
.onoffswitch-inner {display: block; width: 100%; margin-left:0; -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s; -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s}
.onoffswitch-inner:before, .onoffswitch-inner:after {display: block; float: left; width: 50%; height: 24px; padding: 0; line-height: 24px; font-size: 15px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position:relative; z-index:2}
.onoffswitch-inner:before {content: "HD"; padding-left: 7px; color: #FFFFFF}
.onoffswitch-inner:after {content: "SD"; padding-right: 7px; color: #FFFFFF; text-align: right}
.onoffswitch-switch {display: block; width: 33px; margin: 0px; border-radius: 5px; position: absolute; top: 0; bottom: 0; right: 41px; -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; background-image: -moz-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%); background-image: -webkit-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%); background-image: -o-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%); background-image: linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%)}
.onoffswitch-inner .bg {background-color:#777; display:block; position:absolute; width:49%; left:2px; top:2px; bottom:2px; z-index:1; -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; border-radius:2px 0 0 2px}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner .bg {left:50%; margin-left:-1px; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {right: 0px}