@font-face {font-family: 'PT Sans Narrow';
	src: url('../../fonts/ptn57f_w.eot');
	src: local('PT Sans Narrow'), url('../../fonts/PTN57F_W.woff') format('woff'),url('../../fonts/PTN57F_W.ttf') format('truetype'), url('../../fonts/PTN57F_W.svg#PTSans-Narrow') format('svg');}

@font-face {font-family: 'PT Sans Narrow';
	font-weight: bold; 
	src: url('../../fonts/ptn77f_w.eot');
	src: local('PT Sans Narrow Bold'), url('../../fonts/PTN77F_W.woff') format('woff'),url('../../fonts/PTN77F_W.ttf') format('truetype'), url('../../fonts/PTN77F_W.svg#PTSans-NarrowBold') format('svg');}
/* Left & Right alignment */
.wrapper {
	overflow:hidden;
}
.padNull {
	padding: 0 !important;
}
.marNull {
	margin: 0 !important;
}
.backNone {
	background: none !important;
}
._left {
	float: left;
}
._right {
	float: right;
}
/* Global properties ======================================================== */
.glob   { position: absolute; width: 100%; height: 100%; overflow: visible }
.glob2 { position: absolute; width: 100%; height: auto; overflow: visible; }
body  { color: #fff; font-family: PT Sans Narrow, Arial, sans-serif; line-height: 18px; background-color: #000; position: absolute; width: 100%; height: 100%; min-width: 960px; min-height: 100%; overflow: hidden }

/* Admin Properties ========================================================= */
.AdminIcons  { position: absolute; top: 30px; left: 20px }


/* Global Structure ========================================================= */
.main  { display: block; margin: 0 auto; z-index: 3; width: 950px; height: auto }
.page_spinner  { background: #000; position: fixed; z-index: 99; top: 0; left: 0; width: 100%; height: 100% }
.page_spinner > span {
	position: absolute;
	left: 50%;
	top: 50%;
}
/* ============================= main layout ================================ */
a {
	color:#fff;
	text-decoration:none;
	outline:none;
	
}
a:hover {
	text-decoration:underline
}
h1 { color: #fff; font-size: 35px; font-family: PT Sans Narrow, BenchNine, sans-serif; font-weight: normal; line-height: 35px; text-transform: uppercase; letter-spacing: -1px; display: inline-block; padding-bottom: 26px; width: 100% }
h2  { color: #ccc; font-size: 20px; font-family: "PT Sans Narrow", BenchNine, sans-serif; font-weight: normal; line-height: 22px; text-transform: uppercase; display: inline-block; padding-bottom: 15px; width: 100% }
h3 { color: #fff; font-size: 16px; font-family: PT Sans Narrow, BenchNine, sans-serif; font-weight: normal; line-height: 22px; display: inline-block; padding-bottom: 20px; width: 100% }
p {
	padding-bottom: 20px;
	text-align: left;
}
.center  { display: inline-block; padding: 0 0 0; position: relative; top: 260px; width: 100% }
/* ============================= header ============================ */
header   { background: #000 url("../images/bg2.jpg") no-repeat 50% 0; position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 253px }
.header_content  { text-align: center; margin: 0 auto; position: relative; width: 100% }
.hide_text {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#logo {
	display:inline-block;
	background: url(../images/logo.png) 50% 50% no-repeat;
	width: 300px;
	height: 180px;
}
#logo:hover {
	text-decoration:none;
}
.logoHolder  { display: inline-block; margin-top: 10px; margin-bottom: 10px; position: relative; z-index: 2; width: 300px; height: 180px }
.menu {
	position:relative;
	z-index:1;
	display: inline-block;
}
.menuHolder  { background-color: #373737; display: inline-block; position: relative; z-index: 1; width: 100% }
#menu  { background-image: url("../images/menu.jpg"); background-repeat: repeat-x; display: inline-block; position: relative; z-index: 3 }
#menu > li  { color: white; background-image: url("../images/menu_li.jpg"); background-repeat: repeat-x; text-align: center; display: inline-block; position: relative; width: 130px; float: left; border-right: 1px solid black }
#menu > li > a {
	display: inline-block;
	position:relative;
	z-index: 1;
	overflow: hidden;
	height: 60px;
}
#menu > li > a:hover {
	text-decoration:none;
}
#menu > ._first  { background-image: url("../images/menu_first.jpg"); background-repeat: repeat-x; border-left: 1px solid black }
#menu > ._last  { background-image: url("../images/menu_last.jpg"); background-repeat: no-repeat }
.submenu_1 {
	position: absolute;
	z-index:2;
	display: block;
	background: #1D1A21;
	top: 61px;
	width: 100%;
}
.submenu_1 > li {
	position:relative;
	display: block;
	text-align: left;
	padding: 0 15px;
	margin-bottom: 3px;
}
.submenu_1 > li > a {
	line-height: 27px;
	color: #fff;
	font-size: 11px;
	display:inline-block;
	text-align: left;
	position: relative;
	text-transform: uppercase;
	background: #1D1A21;    
	width: 100%;
	text-indent: 12px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;

}
.submenu_1 > li > a:hover, .submenu_1 li.sfHover > a {
    text-decoration:none;
    color:#fff;
    background: #2d2a36;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.submenu_1 > ._first {
	border: none;
	margin-top: 20px;
}
.submenu_1 > ._last {
	border: none;
	margin-bottom: 18px;
}
.submenu_2  { background: #2a2a2a; display: block; position: absolute; z-index: 2; top: -20px; left: 192px; width: 100% }
.submenu_2 > li {
	position:relative;
	display: block;
	text-align: left;
	padding: 0 15px;
	margin-bottom: 3px;
}
.submenu_2 > li > a  { color: #fff; font-size: 11px; line-height: 27px; background: #2a2a2a; text-align: left; text-transform: uppercase; text-indent: 12px; display: inline-block; position: relative; width: 100%; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease }
.submenu_2 > li > a:hover, .submenu_2 li.sfHover > a  { color: #fff; text-decoration: none; background: #000; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease }
.submenu_2 > ._first {
	border: none;
	margin-top: 20px;
}
.submenu_2 > ._last {
	border: none;
	margin-bottom: 18px;
}
.mText  { color: #757575; font-size: 30px; font-family: PT Sans Narrow, Six Caps, sans-serif; font-weight: 100; line-height: 60px; text-align: center; text-transform: uppercase; position: relative; z-index: 2; top: 0 }
.mText1 { color: #fff; font-size: 30px; font-family: "PT Sans Narrow", "Six Caps", sans-serif; font-weight: 100; line-height: 60px; text-align: center; text-transform: uppercase; position: relative; z-index: 2; top: 0 }
.mText_over  { color: #f0f0f0; font-size: 30px; font-family: PT Sans Narrow, sans-serif; line-height: 60px; text-align: center; text-transform: uppercase; position: absolute; z-index: 2; top: -60px; width: 100% }
._area {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 3;
	left: 0;
	display: block;
	background: url(../images/pixel.png);
}
._overPl {
	position: absolute;
	width: 100%;
	height: 100%;
	top: -40px;
	z-index: 0;
	left: 0;
	display: block;
}
/* ============================= content ====================== */
/*font-family: 'Open Sans', sans-serif;*/
/*font-family: 'Sail', cursive;*/
#content  { background-color: #000; display: inline-block; margin: 0 auto; position: relative; z-index: 1; width: 950px; float: left; overflow: visible }
#content > ul  { background-color: transparent; display: inline-block; position: relative; z-index: 0; width: 950px; overflow: visible }
#content > ul > li  { background-color: transparent; display: block; position: absolute; width: 950px }
.containerContent1 { background-color: #000; display: inline-block; padding: 40px 0 }
.box1    { background-color: transparent; background-image: url("../../Bilder/eyecatcher.jpg"); background-repeat: no-repeat; display: inline-block; padding-top: 25px; padding-left: 20px; position: relative; width: 921px; height: 515px; float: left }
.box2 { background-color: transparent; background-image: none; background-repeat: no-repeat; display: inline-block; padding-top: 25px; padding-left: 20px; position: relative; width: 921px; height: 515px; float: left }
.sp_drittel  { display: table-cell; width: 370px; float: left }
.sp_2drittel { display: table-cell; padding-left: 25px; width: 510px }
.more {
	font-size: 14px;
	color: #fff;
	line-height: 20px;
	display: inline-block;
    background: url(../images/bg5.jpg);
	padding: 5px 22px;
	text-transform: lowercase;
}
.more:hover {
    color:#665966;
    background: #fff;
	text-decoration: none;
}
.space1 {
	display: inline-block;
	width: 80px;
}
._link1    { color: #9b9b9b; font-size: 11px; font-family: Arial, sans-serif; text-align: center; text-transform: uppercase; display: inline; padding-right: 10px; padding-left: 10px; clear: right; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease   }
._linkhigh  { color: #ccc; font-size: 11px; font-family: Arial, sans-serif; text-align: center; text-transform: uppercase; display: inline; padding-right: 10px; padding-left: 10px; clear: right; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease   }
._link1:hover {
	color: #fff;
	text-decoration: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
._linkhigh:hover { color: #fff; text-decoration: none; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease }
._link2 {
	color: #fff;
	font-size: 11px;
	line-height: 20px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	text-transform: uppercase;
}
._link2:hover {
	text-decoration: underline;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
._link3 {
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
	display: block;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
._link3:hover {
    color: #715f71;
	text-decoration: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
._link4 {
	color: #fff;
	font-size: 11px;
	line-height: 16px;
	display: inline-block;
	text-transform: uppercase;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
._link4:hover {
    color: #715f71;
	text-decoration: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
/* ============ lists ============== */
._list1{
    display: block;
    width: 100%;
}
._list1 > li{
    display: inline-block;
    width: 100%;
    position: relative;
    margin-bottom: 32px;
}
._list1 > li p{
    padding-bottom: 12px;
}
._list2{
    display: block;
    width: 100%;
    height: 80px;
}
._list2 > li{
    display: inline-block;
    width: 230px;
    height: 172px;
    position: relative;
    background: url(../images/bg6.jpg);
    margin-right: 5px;
    text-align: center;
}
._list2 > li:after{
    position: absolute;
    width: 230px;
    height: 39px;
    background: url(../images/grad1.png) 50% 0 no-repeat;
    content: " ";
    top: 172px;
    left: 0px;
}
._list2 > li > img{
    margin: 14px 15px;
}
._list2 > li > a{
    font-family: 'BenchNine', sans-serif;
	color: #fff;
	font-size: 35px;
	line-height: 35px;
	display: inline-block;
	font-weight: normal;
	text-transform: uppercase;
    margin-top: 8px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
._list2 > li > a:hover{
	color: #715f71;
    text-decoration: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
._list3{
    display: inline-block;
    width: 100%;
    float: left;
}
._list3 > li{
    display: inline-block;
    width: 100%;
    position: relative;
    background: url(../images/marker1.png) 0 50% no-repeat;
    margin-bottom: 10px;
}
._list3 > li > a{
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	display: inline-block;
	margin-left: 25px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
._list3 > li > a:hover{
	color: #665966;
    text-decoration: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
._list4{
    display: block;
    width: 100%;
    overflow: hidden;
}
._list4 > li{
    display: inline-block;
    width: 210px;
    position: relative;
    margin-right: 5px;
    float: left;
}
.margin1{
    margin-top: -4px;
}
.margin2{
    margin-right: 15px;
}
.margin3{
    margin-bottom: 10px;
}
.margin4{
    margin-right: 30px;
}
.padding1{
    padding-top: 35px;
}
.padding2{
    padding-bottom: 42px;
}
.padding3{
    padding-right: 0px;
}
.extraBg1{
    width: 1670px;
    height: 60px;
    position: absolute;
    left: 50%;
    background: url(../images/bg1.jpg) 50% 0 no-repeat;
    margin-left: -835px;
}
._cover { background: #000; display: inline-block; position: absolute; width: 100%; height: 100% }
._image1{
    padding-bottom: 20px;
}
._image2{
    padding-right: 18px;
    float: left;
}
.divSet1{
    padding-right: 39px;
    margin-right: 40px;
    border-right: 1px solid #2e2c37;
}
.scroll1{
    width: 230px;
    height: 390px;
    position: relative;
    z-index: 1;
}
.scroll-btns{
    position: absolute;
    top: 0;
    z-index: 2;
}
.scroll-btns .down_btn{
    display: inline-block;
    
    position: absolute;
    top: 365px;
}
.scroll-btns .up_btn{
    display: inline-block;
    position: absolute;
}

._icon{
    width: 48px;
    height: 48px;
    position: relative;
    display: inline-block;
    float: left;
    padding-right: 20px;
    background: url(../images/page3_icon1.png) 0 0 no-repeat;
    overflow: hidden;
}
._icon > span{
    width: 100%;
    position: relative;
    display: inline-block;
    font-family: 'Six Caps', sans-serif;
    color: #d8d6d9;
    font-size: 35px;
    line-height: 43px;
    text-align: center;
}
.zoomSp {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width: 100%;
	height: 123px;
	z-index:3;
	background: url(../images/magnify.png) 50% 50% no-repeat;
}
.pic{
    position: relative;
}
/*===================================BG slider=======================*/
#bgStretch {
	overflow:hidden;
	z-index:-1;
	display: block;
}
#bgMap { display: block; padding-top: 255px; z-index: -1; overflow: hidden }
#bgStretch img {
	background-color: #000;
}
.spinner_bg {
	position: fixed;
	width: 0px;
	height: 0px;
	z-index:10000;
	left: 50%;
	top: 50%;
	display: inline-block;
}
/*  ======================  slider  =====================  */
.slider_holder { background: url("../images/bg4.jpg"); display: inline-block; margin: 500px 57px 0; position: relative; width: 830px; height: 92px }
.slider_holder:after{
    position: absolute;
    width: 830px;
    height: 40px;
    background: url(../images/grad2.png) 50% 0 no-repeat;
    content: " ";
    top: 92px;
    left: 0px;
}
#jcarousel_1 {
	width: 740px !important;
	z-index: 1;
	position: relative;
	margin: 16px 45px;
}
#jcarousel_1 > ul {
	position: relative;
}
#jcarousel_1 > ul > li {
	width: 140px;
	height: 60px;
	position: relative;
	float: left;
	margin-right: 10px;
}
#jcarousel_1 > ul > li > a span{
    width: 140px;
	height: 60px;
    position: absolute;
    display: none;
    z-index: 1;
    background: url(../images/magnify.png) 50% 50% no-repeat;
}
#jcarousel_1 > ul > li > a:hover span {
    display: inline-block;
}
#jcarousel_1 > ul > .active > a span{
    display: inline-block !important;
}
._controls{
    position: absolute;
    top: 33px;
    left: 13px;
    z-index: 0;
    width: 805px;
}
._controls > .nextBtn{
    display: inline-block;
    position: relative;   
    float: right;
}
._controls > .prevBtn{
    display: inline-block;
    position: relative;
    float: left;
}
/* ============================= footer ====================== */
footer   { background: #000 url("../images/bg3.jpg") no-repeat 50% -1px; text-align: center; display: inline-block; position: absolute; z-index: 0; bottom: 0; left: 0; width: 100%; height: 200px }
footer_ds { background: #000 url(../images/bg3.jpg) no-repeat 50% -1px; text-align: center; display: inline-block; position: fixed; z-index: 999; bottom: 0; left: 0; width: 100%; height: 200px; visibility: visible; }
.privacyHolder    { text-align: center; display: block; margin: 0 auto; position: relative; top: 80px; width: 900px }
.textPrivacy {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #b9adba;
	position:relative;
	display:inline-block;
	line-height: 20px;
	text-transform: uppercase;
	margin-top: 92px;
}
.follow_list {
	display: inline-block;
	margin-top: 20px;
}
.follow_list > li {
	display: inline-block;
	float: left;
	margin: 0 -6px;
}
.follow_list > li > a {
	display: inline-block;
	position: relative;
}
.navGall {
	display: inline-block;
	position: relative;
	width: 100%;
	text-align: center;
}
.navGall > ul {
	white-space: nowrap;
	display: inline-block;
	height: 11px;
}
.navGall > ul > li {
	position: relative;
	width: 11px;
	height: 11px;
	display: inline-block;
	margin: 0 4px;
}
.navGall > ul > li > a {
	width: 11px;
	height: 11px;
	position: relative;
	display: inline-block;
	background: #fff;
	overflow: hidden;
}
/*===================================Map=====================================*/
.google_map {
	width:430px;
	height:250px;
	background: #fff;
	display: inline-block;
    
	margin-bottom: 20px;
	position: relative;
}
.google_map > span {
	position: absolute;
	top: 50%;
	left: 50%;
}
/* ============================= forms ============================= */
.important { width: 1px; height: 1px; overflow: hidden; clip: rect(auto auto auto auto); visibility: hidden; }

.inputtext  { color: #000; font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; width: 250px }
.inputtext2   { color: #f0f0f0; font-size: 12px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: #444; margin-bottom: 10px; padding: 5px; width: 100%; height: 15px }
.inputtextsmall {

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #000;

	width: 140px;

}



.inputarea  { color: #000; font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; width: 253px; height: 150px }
.inputarea2    { color: #f0f0f0; font-size: 12px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: #444; margin-bottom: 5px; padding: 5px; width: 100%; height: 150px }
.warning {

	color: Red;

}

.formButtons {
	position:relative;
	float: left;
	display: inline-block;
	margin-top: 5px;
}
.formBtn {
	display:inline-block;
	position:relative;
	margin-right: 14px;
}
/* ============================= end forms ============================= */

/*===================================Cookie-Fenster=====================================*/

.cc_container .cc_btn {
background-color: #acacac !important; /* Farbe des Buttons */
color: #fff !important; /* Textfarbe des Buttons */
}
 
.cc_container { background: #101010 !important; /* Hintergrundfarbe des gesamten Bereichs */
color: #8b8b8b !important; font-size: 10px; /* Schriftfarbe des gesamten Bereichs */
}
 
.cc_container a {
color: #31a8f0 !important; /* Textlink-Farbe "Mehr Infos" */
}