@charset "utf-8";
/* ###################### GENERAL DEFINITIONS ###################### */
html {
    height:100%;
}

body {
        height:100%;
        font-family:verdana, arial, helvetica, sans-serif;
        font-size:76%;
        padding:0;
        border:0;
        margin:0;
        background:#F1F1F1;
}

body.inlineclub {
		background:#FFFFFF;
}

* {
        padding:0;
        border:0;
        margin:0;
}

strong,b {
        font-weight:bold;
}

em,i {
        font-style:italic;
}

.clear {
        clear:both;
        height:0;
        font-size:0;
        line-height:0;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {
	display:inline-block;
}


/* Hide from IE Mac \*/.clearfix{ display:block; }/* End hide from IE Mac */





/* ###################### LAYOUT ###################### */
#page {
		position:relative;
        width:967px;
        margin:0 auto;
        background:url(../img/page-bg.gif) top left repeat-y;
}

#header {
        position:relative;
        padding:0 13px 0 13px;
        height:20px;
}

/* -- default links -- */
a:link,
a:active,
a:visited {
		color:#666666;
}

a:hover {
		text-decoration:none;
}

/* --- nav-misc begin --- */
/* --- nav-misc begin --- */
#nav-misc {
        position:relative;
        width:340px;
        /*width:172px;*/
        height:20px;
        margin:0 0 0 606px;
      	/*margin:0 0 0 754px;*/
        list-style-type:none;
        background:url(../img/nav-misc-bg.gif) 142px 0px no-repeat;
        z-index:600;
}

#nav-misc #misc-websites {
        width:172px;
        float:left;
}

#nav-misc #misc-lang {
        width:147px;
        margin:0 0 0 1px;
        float:left;
}

#nav-misc:hover ul, #nav-misc.over ul {
        display:block;
}

#layer-websites {
        position:absolute;
        width:200px;
        height:205px;
        left:0;
        top:19px;
        z-index:600;
}

#layer-over-websites {
        position:absolute;
		width:690px;
		/*height:30px;*/
		height:16px;
        border:1px solid #EFEEEE;
		top:19px;
        left:-362px;
        list-style-type:none;
        background:#FFF;
		z-index:700 !important;
}

#layer-over-languages {
        position:absolute;
		width:440px;
		height:30px;
        border:1px solid #EFEEEE;
		top:19px;
       	right:0;
		list-style-type:none;
		background:#FFF;
		z-index:701 !important;
}

#lang-img, #web-img {
		z-index:800;
}

img#web-img {
		width:500px;
		height:30px;
}

#layer-lang-menu, #layer-web-menu {
		margin-top:-30px;
		z-index:900;
}

#layer-web-menu {
		/*margin-top:-30px;*/
		margin-top:0px;
}

#layer-over-languages,
#layer-over-websites {
		color:#ABABAB;
		font-size:11px;
}

#layer-over-languages a,
#layer-over-websites a {
        text-decoration:none;
        color:#ABABAB;
        background:#FFFFFF;
}

#layer-over-languages a:hover,
#layer-over-websites a:hover {
        color:#FFFFFF;
        background:#DF2B27;
}


#nav-main-foot {
/*		background-image:url(/templates/img/nav-main-foot.jpg);*/
		background-repeat:no-repeat;
		height:25px;
}

#nav-main-special-bg{
		background-image:url(/templates/img/nav-main-foot.jpg);
		background-repeat:no-repeat;
		background-position:bottom;
		padding-bottom:27px;
}

/* --- nav-misc end --- */


#content {
        position:relative;
        width:926px;
        padding:0 28px 0 13px;
        font-size:11px;
}

#secondary-con-wrap {
        position:relative;
        width:238px;
        float:left;
}

#logo {
        position:relative;
        width:190px;
        height:86px;
        padding:0;
        margin:12px 0 0 -13px;
        z-index:500;
}

#select-lang #logo {
		margin:12px 0 0 -15px;
}



/* --- nav-main begin --- */
#nav-main {
        position:relative;
        width:160px;
        padding:0 0 0 0;
        background:url(../img/nav-main-bg.jpg) top left no-repeat;
}

#nav-main p {
        position:relative;
        width:141px;
        height:1px;
        margin:0 0 0 19px;
        line-height:1px;
        font-size:0;
}

#nav-main hr {
        display:none;
        visibility:hidden;
}

#layer-01, #layer-02, #layer-03, #layer-06, #layer-07, #layer-08 {
        padding:10px 0 5px 0;
}

#layer-01 {
        padding:1px 0 5px 0;
}

#layer-01 li, #layer-02 li, #layer-03 li, #layer-06 li, #layer-07 li, #layer-08 li {
        width:135px;
        text-transform:uppercase;
        list-style-type:none;
}

#layer-02 li, #layer-03 li {
        text-transform:none;
}

#layer-01 li a, #layer-02 li a, #layer-03 li a, #layer-06 li a, #layer-07 li a, #layer-08 li a {
        display:block;
        width:122px;
        padding:1px 0 1px 13px;
/*        margin:1px 0 1px 19px;*/
		margin:0 0 0 19px;
        font-size:10px;
        color:#ABABAB;
        text-decoration:none;
}

#layer-01 li a:hover, #layer-02 li a:hover, #layer-03 li a:hover, #layer-06 li a:hover, #layer-07 li a:hover, #layer-08 li a:hover {
        color:#FFFFFF;
        background:#DF2B26 url(../img/nav-main-arrow-hover.gif) 5px 4px no-repeat;
}

#layer-01 li.active-nosub a, #layer-02 li.active-nosub a, #layer-03 li.active-nosub a, #layer-06 li.active-nosub a, #layer-07 li.active-nosub a, #layer-08 li.active-nosub a {
        color:#FFFFFF;
        background:#DF2B26 url(../img/nav-main-arrow-hover.gif) 5px 4px no-repeat;
}

#layer-01 li.active a, #layer-02 li.active a, #layer-03 li.active a, #layer-06 li.active a, #layer-07 li.active a, #layer-08 li.active a {
        color:#4F4E4E;
        background:url(../img/nav-main-arrow-active.gif) 3px 4px no-repeat;
}

#layer-01 li.active a:hover, #layer-02 li.active a:hover, #layer-03 li.active a:hover, #layer-06 li.active a:hover, #layer-07 li.active a:hover, #layer-08 li.active a:hover {
        color:#FFFFFF;
        background:#DF2B26 url(../img/nav-main-arrow-hover.gif) 5px 4px no-repeat;
}

#layer-01 li ul.second, #layer-02 li ul.second, #layer-03 li ul.second, #layer-06 li ul.second, #layer-07 li ul.second, #layer-08 li ul.second {
        padding:0;
        margin:0;
}

#layer-01 ul.second li, #layer-02 ul.second li, #layer-03 ul.second li, #layer-06 ul.second li, #layer-07 ul.second li, #layer-08 ul.second li {
        text-transform: none;
        padding:0;
        margin:0;
}

#layer-01 li ul li a, #layer-06 li ul li a, #layer-07 li ul li a , #layer-08 li ul li a  {
        width:114px;
        padding:2px 0 2px 21px;
        margin:1px 0 1px 19px;
        font-size:10px;
        line-height:10px;
}

#layer-01 li.active ul.second li a, #layer-06 li.active ul.second li a, #layer-07 li.active ul.second li a, #layer-08 li.active ul.second li a,
#layer-01 li.active-nosub ul.second li a, #layer-06 li.active-nosub ul.second li a, #layer-07 li.active-nosub ul.second li a, #layer-08 li.active-nosub ul.second li a,
#layer-01 li ul.second li a, #layer-06 li ul.second li a, #layer-07 li ul.second li a, #layer-08 li ul.second li a {
		color:#6B6969;
        background:none;
}

#layer-01 li ul.second li a:hover, #layer-06 li ul.second li a:hover, #layer-07 li ul.second li a:hover, #layer-08 li ul.second li a:hover {
        color:#FFFFFF;
        background:#DF2B26 url(../img/nav-main-arrow-hover.gif) 5px 4px no-repeat;
}

#layer-01 li a.active ul, #layer-02 li a.active ul, #layer-07 li a.active ul, #layer-08 li a.active ul,
#layer-01 li a.active-nosub ul, #layer-02 li a.active-nosub ul, #layer-07 li a.active-nosub ul, #layer-08 li a.active-nosub ul {
        color:#4F4E4E;
}

#layer-01 li ul.second li.active a, #layer-02 li ul.second li.active a, #layer-03 li ul.second li.active a, #layer-06 li ul.second li.active a, #layer-07 li ul.second li.active a, #layer-08 li ul.second li.active a {
        color:#FFFFFF;
        background:#DF2B26 url(../img/nav-main-arrow-hover.gif) 5px 4px no-repeat;
}

#layer-02 .item-first, #layer-03 .item-first, #layer-07 .item-first, #layer-08 .item-first {
        text-transform:uppercase;
}

#layer-02 .item-first a, #layer-03 .item-first a, #layer-07 .item-first a, #layer-08 .item-first a {
        color:#6B6969;
}
/* --- nav-main end --- */


#primary-con-wrap {
        position:relative;
        width:688px;
        float:left;
}


/* --- nav-breadcrumb begin --- */
#nav-breadcrumb {
        position:relative;
        height:14px;
        padding:0 0 0 2px;
        margin:35px 0 2px 0;
        list-style-type:none;
        color:#999999;
        font-size:9px;
        background:url(../img/nav-breadcrumb-bg.gif) top left no-repeat;
}

#nav-breadcrumb li {
	float:right;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0;
	background-color: #FFFFFF;
	height: auto;
	width: auto;
}

#nav-breadcrumb li .beatanzeige {
		border-style: none;
		border: 0px;
		background-color: transparent;
		color:#999999;
		font-size:9px;
		margin:0 5px 0 0;
		width: 30px;
		padding: 0px;
}

#nav-breadcrumb li .beats{
	text-decoration: none;
}

#nav-breadcrumb li.act {
        font-weight:bold;
}

#nav-breadcrumb li a {
        color:#999999;
        text-decoration:underline;
}

#nav-breadcrumb li a:hover {
        text-decoration:none;
}
/* --- nav-breadcrumb end --- */


#primary-content {
        position:relative;
        width:688px;
        font-size:9px;
        line-height:14px;
        color:#666666;
}

#select-lang #primary-content {
		min-height:430px;
		height:auto !important;
		height:430px;
		background:url(../img/region-choose-bg.jpg) top left no-repeat;
}

#primary-content h1 {
        position:relative;
        height:25px;
        font-size:14px;
}

#primary-content h2 {
        position:relative;
        font-size:13px;
        margin:15px 0 10px 0;
}

#primary-content h3 {
        position:relative;
        font-size:10px;
        
}

#primary-content h2.first {
        margin:0 0 10px 0;
}

#primary-content ol, #primary-content ul {
        font-size:10px;
        line-height:16px;
        margin:0 15px 20px 15px;
}

#primary-content p {
        margin:0 0 10px 0;
}

#primary-content p.link, body.inlineclub p.link {
        padding:0 0 0 8px;
        margin:5px 0 0 0;
        background:url(../img/arrow-red.gif) 0px 4px no-repeat;
}

#primary-content p.link a, body.inlineclub p.link a {
        font-size:9px;
        color:#DF2B27;
        text-transform:uppercase;
        text-decoration:none;
}

#primary-content p.link.grey {
		background:url(../xx_en/img/arrow-grey.gif) 0px 4px no-repeat;
}

#primary-content p.link.grey a {
		color:#666666;
}

#flash-film {
        position:relative;
        width:688px;
        height:402px;
        margin:0 0 4px 0;
}

#teaser-wrap {
        position:relative;
        width:688px;
        height:241px;
        padding:9px 0 0 0;
}

.corp-teaser {
        position:absolute;
        width:220px;
        margin:0 0 0 13px;
}

.mini-teaser-wrap {
        position:absolute;
        width:445px;
        margin:0 0 0 240px;
}

.teaser {
        float:left;
        margin:0 5px 2px 0;
}

#footer {
        position:relative;
        height:120px;
        padding:0 28px 0 13px;
        text-align:right;
        font-size:10px;
        color:#999999;
        background:url(../img/footer-bg.gif) top left no-repeat;
}

#footer span {
        float:right;
}

#footer ul#nav-footer {
        float:right;
        list-style:none;
        text-align:right;
        font-size:9px;
}

#footer ul#nav-footer li {
        float:left;
        margin:0 0 0 4px;
}

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

#footer a:hover {
        text-decoration:underline;
}

#footer .active a {
        color:#DF2B26;
}


th {
        padding:0 15px 0 0;
        font-weight:bold;
        text-align:left;
        vertical-align:top;
}

td {
        text-align:left;
        vertical-align:top;
}


/* --- formulare (kontaktformular) --- */
fieldset {
        padding:5px 10px 10px 10px;
        border:1px solid;
        margin:0 0 25px 0;
}

legend {
        font-size:13px;
        font-weight:bold;
}

#kontaktformular p {
        padding:0;
        margin:2px 0 2px 0;
        clear:both;
}

#kontaktformular p.headline {
        padding:0;
        margin:5px 0 15px 0;
        font-size:13px;
        font-weight:bold;
}

label {
        width:110px;
        padding:4px 0 2px 0;
        font-size:11px;
        line-height:18px;
        float:left;
}

label.message-text {
        width:auto;
        height:15px;
        padding:0;
        margin:0;
        float:none;
}

.absender {
        margin:25px 0 20px 0;
}

input, textarea {
        width:200px;
        padding:2px;
        border:1px solid #9F9E9E;
        margin:2px 0 2px 0;
        font-family:verdana, arial, helvetica, sans-serif;
        font-size:10px;
        color:#666666;
}

select {
        width:auto;
        padding:2px;
        border:1px solid #9F9E9E;
        margin:2px 0 2px 0;
        font-family:verdana, arial, helvetica, sans-serif;
        font-size:10px;
        color:#666666;
}

#herr, #frau {
        position:relative;
        width:auto;
        margin:0 3px 5px 0;
        border:0;
        float:left;
        z-index:150;
}

span.herr {
        position:relative;
        padding:0;
        margin:0 25px 0 0;
        font-size:11px;
        float:left;
}

span.frau {
        position:relative;
        padding:0;
        margin:0;
        font-size:11px;
        float:none;
}

#strasse {
        width:150px;
}

#strassenr, #plz {
        width:40px;
}

#ort {
        width:150px;
}

#telvor {
        width:40px;
}

#tel {
        width:150px;
}

#gebday, #gebmon {
        width:28px;
}

#gebyear {
        width:43px;
}

#kontaktformular .submit {
        width:auto;
        margin:10px 0 0 0;
}

#kontaktformular p.feld-hinweis {
        margin:20px 0 25px 0;
        font-size:11px;
}

.contact-form a {
        color:#666666;
}

.contact-form a:hover {
        text-decoration:none;
}



/* --- select-region --- */
.choose-region {
	padding:60px 0 0 25px;
}

.choose-region h3 {
	font-size:11px;
	text-transform:uppercase;
}

.choose-region ul {
	list-style:none;
	margin:10px 0 0 0 !important;
}

.choose-region a {
	padding:2px;
	text-decoration:none !important;
}

.choose-region a:hover, .hover {
	color:#FFF;
	text-decoration:underline;
	background:#666666;
}

.continent {
	width:180px;
	float:left;
}
.countrys {
	width:160px;
	float:left;
}

.smallcountry {
	width:130px;
}

.languages {
	width:160px;
	float:left;
}