@import url('reset.css');

.showPrint {
	display: none;
}

.noShow {
	display: none;
}

.showScreen {
	display: true;
}

/* LAYOUT & BASICS */
html {
	margin: 0;
	padding: 0;
	overflow: auto;
	width: 100%;
	height: 100%;
}

*{
	margin:0;
	padding:0;
}

.clear {
	clear: both;
}

a {
	font-size: 7pt;
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

img{
	border:none;
}

body {
	background-color: black;
	font-family: "Lucida Grande", Verdana, Arial sans-serif;
	font-size: 8pt;	
	color: white;
}

#bg_image_cont {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	overflow: hidden;
}

#bg_image {
	overflow: hidden;
}

#stripe {
	position: fixed;
	bottom: 80px;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 86px;
	overflow: hidden;
}

#logo {
	background:transparent url("../images/logo.png");
	background-repeat: no-repeat;
	background-position: right top;
	width: 129px;
	height: 86px;
	float: left;
	display: block;
	margin-right: 2px;
}

#navi {
	background: transparent url("../images/bg_stripe.png");
	background-repeat: repeat;
	width: 860px;
	height: 86px;
	overflow: hidden;
}

#extranavi {
	position: absolute;
	right: 20px;
	top: 2px;
}

#extranavi ul li {
	text-align: right;
}

a.icon_lock {
	background: transparent url("../images/icon_lock.png");
	background-repeat: no-repeat;
	background-position: right -12px;
	padding-right: 16px;
}

a.icon_lock:hover {
	background: transparent url("../images/icon_lock.png");
	background-repeat: no-repeat;
	background-position: right 0px;
}

a.icon_jobs {
	background: transparent url("../images/icon_jobs.png");
	background-repeat: no-repeat;
	background-position: right -12px;
	padding-right: 16px;
}

a.icon_jobs:hover {
	background: transparent url("../images/icon_jobs.png");
	background-repeat: no-repeat;
	background-position: right 0px;
}


#navi ul.mainnavi {
	position: absolute;
	left: 130px;
	top: 0px;
	margin-top: 2px;
	margin-left: 15px;
	width: 900px;
}

#navi ul.mainnavi li {
	margin: 0px;
	padding: 0px;
	line-height: 1.3em;
}


#navi ul.subnavi {
	display: inline;
	list-style: none;
	width: 900px;
	padding-left: 20px;
}

#navi ul.subnavi li.subnavi {
	height: 20px;
	list-style: none;
	display: inline;
	margin-right: 7px;
}

#navi ul li a, #extranavi ul li a {
	font-family: "Lucida Grande", Verdana, Arial sans-serif;
	font-size: 7pt;
	color: #ababab;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1.0em;
}

#navi ul li a:hover, #extranavi ul li a:hover{
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}

#navi ul li a.naviL0Active {
	font-family: "Lucida Grande", Verdana, Arial sans-serif;
	font-size: 7pt;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.0em;
}

#navi ul li a.naviL0Active:hover{
	text-decoration: none;
	color: #ffffff;
}

#navi ul li a.naviLevel_1_link {
	color: #ababab;
	text-transform: none;
	font-weight: normal;
}
#navi ul li a.naviLevel_1_link:hover {
	color: #ffffff;
}

#navi ul li a.naviLevel_1_linkActive {
	color: #ffffff;
	text-transform: none;
	font-weight: normal;
}
#navi ul li a.naviLevel_1_linkActive:hover {
	color: #ababab;
}

#content_start_box {
	position: absolute;
	top: 300px;
	left: 146px;
	width: 600px;
	z-index: 50;
	background-color:rgba(0,0,0,0.5);
	padding: 16px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius: 8px;
}

#content_start {
	position: absolute;
	top: 150px;
	left: 146px;
	width: 600px;
	z-index: 50;
}

#fb_badge {
	position: absolute;
	right: 162px;
	bottom: 260px;
}
#fb_like {
	position: absolute;
	right: 0px;
	bottom: 160px;
}

.content_start {
	width: 600px;
	font-size: 12pt;
}

#content_standard {
	position: absolute;
	top: 100px;
	left: 350px;
	width: 400px;
	z-index: 50;
	padding-bottom: 180px;
	min-height: 900px;
}

.content_standard {
	width: 368px;
	min-height: 500px;
	font-size: 8pt;
	color: #565656;
	background: white;
	line-height: 1.6em;
	padding: 16px;
}

#content_blog {
	width: 529px;
	min-height: 500px;
	font-size: 8pt;
	color: #565656;
	background: transparent;
	line-height: 1.6em;
	padding: 0px;
}

#blog_erstens {
	position: absolute;
	left: 0px;
	top: 42px;
	z-index: 50;
	background: #ee3d96;
	width: 368px;
	min-height: 500px;
	cursor: pointer;
	padding-bottom: 140px;
}
#blog_erstens_top {
	position: absolute;
	left: 0px;
	top: 42px;
	z-index: 51;
	background: #ee3d96;
	width: 368px;
	min-height: 500px;
	padding-bottom: 140px;
}
#blog_zweitens {
	position: absolute;
	left: 130px;
	top: 42px;
	z-index: 50;
	background: #6ed1ff;
	width: 368px;
	min-height: 500px;
	cursor: pointer;
	padding-bottom: 140px;
}
#blog_zweitens_top {
	position: absolute;
	left: 130px;
	top: 42px;
	z-index: 51;
	background: #6ed1ff;
	width: 368px;
	min-height: 500px;
	padding-bottom: 140px;
}

#blog_erstens div.blog_holder, #blog_erstens_top div.blog_holder, #blog_zweitens div.blog_holder, #blog_zweitens_top div.blog_holder {
	padding: 16px;
}

.blogContainer {
	width: 346px;
	padding: 0px;
	margin-bottom: 12px;
}

#content_blog .blog_address {
	font-size: 7pt;
	color: white;
	text-align: right;
	margin-bottom: 12px;
}



#content_blog .blog_address a {
	color: white;
	text-transform: none;
	font-weight: normal;
}

#content_blog .blog_address a:hover {
	text-decoration: underline;
}



.blogTitle {
	width: 332px;
	display: block;
	font-family: "Lucida Grande", Verdana, Arial sans-serif;
	font-size: 7pt;
	color: #ffffff;
	background: #000000;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 0px;
	padding-left: 3px;
	margin-bottom: 12px;
}

.blogContent {
	width: 332px;
	display: block;
	font-family: "Lucida Grande", Verdana, Arial sans-serif;
	font-size: 8pt;
	color: #ffffff;
	padding-left: 3px;
}

.blogLink {
	margin-bottom: 12px;
	margin-right: 12px;
}

.blogContent img {
	margin-left: 12px;
	margin-top: 12px;
	margin-bottom: 12px;
	float: right;
}

#pageTitleImg {
	padding-left: 10px;
}

#footer {
	position: fixed;
	bottom: 10px;
	right: 20px;
	z-index: 5;
	width: 400px;
	text-align: right;
}

.footer {
	font-family: "Lucida Grande", Verdana, Arial sans-serif;
	font-size: 7pt;
	color: #ababab;
}

#footer a {
	font-family: "Lucida Grande", Verdana, Arial sans-serif;
	font-size: 7pt;
	color: #ababab;
	font-weight: normal;
	text-transform: none;
	line-height: 1.0em;
}

#footer a:hover{
	text-decoration: none;
	color: #ffffff;
}

#teaser {
	font-size: 8pt;
}

a.teaser {
	font-family: "Lucida Grande", Verdana, Arial sans-serif;
	font-size: 7pt;
	color: #ababab;
	font-weight: normal;
	text-transform: none;
	line-height: 1.0em;
}

a.teaser:hover{
	text-decoration: none;
	color: #ffffff;
}

.headline {
	font-family: "Lucida Grande", Verdana, Arial sans-serif;
	font-size: 12pt;
	color: #ababab;
	font-weight: normal;
	margin-bottom: 12px;
}

.headlineMidlle {
	font-family: "Lucida Grande", Verdana, Arial sans-serif;
	font-size: 8pt;
	color: black;
	font-weight: normal;
	margin-bottom: 12px;
}

.headlinePopup {
	font-family: "Lucida Grande", Verdana, Arial sans-serif;
	font-size: 8pt;
	color: black;
	font-weight: bold;
	margin-bottom: 3px;
}

.headlinePopupCopy {
	font-family: "Lucida Grande", Verdana, Arial sans-serif;
	font-size: 8pt;
	color: black;
	font-weight: normal;
	margin-bottom: 5px;
}

#accordion h2 {
	font-family: "Lucida Grande", Verdana, Arial sans-serif;
	font-size: 10pt;
	color: black;
	font-weight: normal;
	padding: 0px;
	margin-top: 15px;
	margin-bottom: 5px;
	text-transform: uppercase;
}

#accordion ul.ul_spree {
	list-style-type: square;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 20px;
}

#accordion ul.ul_spree li.li_spreee {
	list-style-type:square;
	padding-left: 0px;
	margin-top: 2px;
	margin-bottom: 2px;

}

.small {
	font-size: 7pt;
	color: #ababab;
	line-height: 9px;
}

.popup_infos {
	font-size: 7pt;
	color: #ababab;
	float: left;
}
.popup_navi {
	font-size: 7pt;
	color: #ababab;
	float: right;
	margin-right: 20px;
}

a.inactive {
	color: #ababab;
}
a.inactive:hover {
	color: #000000;
}

a.icon_zoom {
	background:transparent url("../images/icon_plus_0.png");
	background-repeat: no-repeat;
	background-position: right top;
	width: 14px;
	height: 14px;
	display: inline-block;
	text-decoration: none;
}

a.icon_zoom:hover{
	background:transparent url("../images/icon_plus_1.png");
	background-repeat: no-repeat;
	background-position: right top;
}

#content .cImages table tr td img{
	padding-bottom: 60px;
}

/* STÖRER */
#welove {
	background:transparent url("../images/bg_youlove_01.png");
	background-repeat: no-repeat;
	background-position: left top;
	width: 100px;
	height: 54px;
	position: fixed;
	top: 150px;
	right: 0px;
	z-index: 101;
	cursor: pointer;
	overflow: hidden;
	opacity: 0.5;
}

#welovepopup {
	background:transparent url("../images/bg_youlove.png");
	background-repeat: no-repeat;
	background-position: left top;
	visibility: hidden;
	position: absolute;
	width: 386px;
	height: 470px;
	top: 150px;
	right: 0px;
	z-index: 102;
	overflow: hidden;
	opacity: 0;
}

#weloveclose, #webugclose {
	width: 100px;
	height: 54px;
	cursor: pointer;
	float: left;
}

#webugclose {
	width: 62px;
	height: 54px;
	cursor: pointer;
	float: left;
}
.welove {
	float: left;
	padding-left: 25px;
	padding-top: 18px;
	color: #898989;
	line-height: 1.5em;
	font-size: 8pt;
	width: 250px;
}
.webug {
	float: left;
	padding-left: 25px;
	padding-top: 18px;
	color: #898989;
	line-height: 1.5em;
	font-size: 7pt;
	width: 150px;
}

#welovepopup .welove h1, #webugpopup .webug h1 {
	font-family: "Lucida Grande", Verdana, Arial sans-serif;
	font-size: 8pt;
	color: #000000;
	font-weight: bold;
	text-transform: none;
}

#welovepopup .welove a, #webugpopup .webug a  {
	font-size: 8pt;
	color: #565656;
	font-weight: bold;
	text-transform: none;
	text-decoration: none;
}

#welovepopup .welove a:hover, #webugpopup .webug a:hover {
	color: #000000;
	text-decoration: underline;
}

#welovepopup .welove ul {
	list-style-type: square;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 20px;
}

#welovepopup .welove ul li {
	list-style-image: url("../images/bullit_01.png");
	padding-left: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
}

#webug {
	background:transparent url("../images/bg_webug_01.png");
	background-repeat: no-repeat;
	background-position: left top;
	width: 62px;
	height: 54px;
	position: fixed;
	top: 210px;
	right: 0px;
	z-index: 101;
	cursor: pointer;
	overflow: hidden;
	opacity: 0.5;
}

#webugpopup {
	background:transparent url("../images/bg_webug.png");
	background-repeat: no-repeat;
	background-position: left top;
	visibility: hidden;
	position: absolute;
	width: 311px;
	height: 470px;
	top: 210px;
	right: 0px;
	z-index: 102;
	overflow: hidden;
	opacity: 0;
}

/* FORMS */
.spreeform form, .spreeform input, .spreeform button {
	border: none;
}

.spreeform .login {
	width: 432px;
	height: 238px;
	background:transparent url("../images/bg_login.png");
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 22px;
	margin-top: 22px;
}

.spreeform form input {
	background:transparent url("../images/forms_stripe.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 100px;
	height: 25px;
}

.spreeform form input.w100 {
	background-position: 0px 0px;
	width: 100px;
	height: 25px;
	padding-left: 4px;
}

.spreeform form input.w200 {
	background-position: 0px -100px;
	width: 200px;
	height: 25px;
	padding-left: 4px;
}

.spreeform .divrow {
	clear: both;
	width: 100%;
}

.spreeform .spreebugs .divrow {
	clear: both;
	width: 250px;
	border: 1px solid red;
}

.spreeform .login lable {
	float: left;
	width: 100px;
	height: 30px;
}

.spreeform .login .field {
	float: left;
	width: 200px;
	height: 30px;
}

.spreeform form textarea {
	background:transparent url("../images/forms_stripe.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 200px;
	height: 91px;
	border: none;
	margin-bottom: 5px;
}

.spreeform form textarea.w200x91 {
	background-position: 0px -375px;
	width: 200px;
	height: 91px;
	padding-left: 4px;
}

.spreeform button {
	background:transparent url("../images/forms_stripe.png");
	background-repeat: no-repeat;
	background-position: 0px -549px;
	width: 100px;
	height: 25px;
	margin-bottom: 22px;
}

.spreeform button.bt_login:hover {
	background-position: 0px -574px;
}

.spreeform pre {
	margin: 0px;
	padding: 0px;
}

div.selector {
  margin-bottom: 0px;
  width: 300px;
  font-size: 7pt;
}

div.selector select {
	width: 300px;
	font-family: "Lucida Grande", Verdana, Arial sans-serif;
	font-size: 7pt;
	border: solid 1px #fff;
}

div.selector span {
  color: #666;
  width: 166px;
  text-shadow: 0 1px 0 #fff;
}

/* ACCORDION
----------------------------------*/
/*
<div class="ui-accordion ui-widget ui-helper-reset">
  <h3 class="ui-accordion-header ui-helper-reset ui-state-active ui-corner-top">
    <span class="ui-icon ui-icon-triangle-1-s"/>
    <a href="#">Section 1</a>
  </h3>
  <div class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active">
    Section 1 content
  </div>
  <h3 class="ui-accordion-header ui-helper-reset ui-state-default ui-corner-all">
    <span class="ui-icon ui-icon-triangle-1-e"/>
    <a href="#">Section 2</a>
  </h3>
  <div class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom">
    Section 2 content
  </div>
  <h3 class="ui-accordion-header ui-helper-reset ui-state-default ui-corner-all">
    <span class="ui-icon ui-icon-triangle-1-e"/>
    <a href="#">Section 3</a>
  </h3>
  <div class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom">
    Section 3 content
  </div>
</div>
*/

#accordion .ui-icon { background: none; background-image: none; }
#accordion .ui-widget-content .ui-icon { background: none; background-image: none; }
#accordion .ui-widget-header .ui-icon { background: none; background-image: none; }
#accordion .ui-state-default .ui-icon { background: none; background-image: none; }
#accordion .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background: none; background-image: none; }
#accordion .ui-state-active .ui-icon { background: none; background-image: none; }
#accordion .ui-state-highlight .ui-icon { background: none; background-image: none; }
#accordion .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background: none; background-image: none; }

#accordion .ui-state-default {
	background: none; background-image: none;
}

#accordion .ui-corner-all, #accordion .ui-corner-top {
	-moz-border-radius: 0px; 
	-webkit-border-radius: 0px; 
	border-radius: 0px;
	border: none;
	border-top: 1px solid #ababab;
}

.ui-accordion-icons .ui-accordion-header a {
	padding-left: 0px;
}

.ui-accordion .ui-accordion-header a { 
	display: block;
	font-family: "Lucida Grande", Verdana, Arial sans-serif;
	font-size: 7pt;
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 3px;
	padding-top: 3px;
	background: none;
	background-image: none;	
}

.ui-accordion .ui-accordion-header a:hover { 
	color: #565656;
	text-decoration: underline;
}

.ui-accordion .ui-accordion-header { 
	cursor: pointer; 
	position: relative; 
	margin-top: 1px; 
	zoom: 1; 
}

.ui-accordion .ui-accordion-content { 
	padding: 0px; 
	padding-left: 7px;
	margin-top: -2px; 
	position: relative; 
	top: 1px; 
	margin-bottom: 2px; 
	overflow: none; 
	display: none; 
	zoom: 1;
	font-family: "Lucida Grande", Verdana, Arial sans-serif;
	font-size: 7.5pt;
	line-height: 1.4em;
	padding-top: 12px;
	padding-bottom: 12px;
	border: none;
	overflow: none;
}

.ui-accordion .ui-accordion-content p {
	padding-top: 5px;
	padding-bottom: 5px;
}

.ui-state-active {
	background: black;
	color: white;
}

.ui-accordion .ui-state-active a {
	color: white;
	background-image: none;	
	background: none;
}

.ui-accordion .ui-accordion-header a { 
	display: block;
	background-image: none;	
}

.ui-accordion .ui-accordion-header-active {
	border-bottom: 0 !important;
	color: white;
	background-image: none;	
	background: none;
	background: none;
}

.ui-accordion-icons .ui-accordion-header a {
	padding-left: 7px;
}

.ui-accordion .ui-accordion-content-active { display: block; }

/* /ACCORDION
----------------------------------*/







/* INLINE BILDERSHOW
----------------------------------*/

.noshow {
	display: none;
}

#gallery {
	width: 353px;
	overflow: hidden;
	line-height: 1.0em;
}

#gallery #slides{
	/* This is the slide area */
	height: 230px;
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:920px;
	overflow:hidden;
}

#gallery .slide{
	float: left;
}

#gallery #menu{
	/* This is the container for the thumbnails */
	height: 35px;
}

#gallery ul{
	margin: 0px;
	padding: 0px;
}

#gallery li{
	/* Every thumbnail is a li element */
	height: 20px;
	display: inline-block;
	list-style: none;
	overflow: hidden;
	margin-left: 4px;
	margin-right: 4px;
}

#gallery li.inact:hover{
	/* The inactive state, highlighted on mouse over */
	background: none;
}

#gallery li.act, #gallery li.act: hover{
	/* The active state of the thumb */
	color: #ababab;
}

#gallery li.act a {
	cursor: default;
	color: #000000;
}

#gallery li a {
	display: block;
	padding-top: 0px;
	color: #ababab;
}

#gallery li a:hover {
	color: #000000;
}

#gallery a img {
	border: 1px solid #cdcdcd;
}

/* /INLINE BILDERSHOW
----------------------------------*/