/*html, body, div, span, applet, object, iframe,*/
/*h1, h2, h3, h4, h5, h6, p, blockquote, pre,*/
/*a, abbr, acronym, address, big, cite, code,*/
/*del, dfn, em, font, img, ins, kbd, q, s, samp,*/
/*small, strike, strong, sub, sup, tt, var,*/
/*dl, dt, dd, ol, ul, li,*/
/*fieldset, form, label, legend,*/
/*table, caption, tbody, tfoot, thead, tr, th, td {*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    border: 0;*/
/*    outline: 0;*/
/*    font-weight: inherit;*/
/*    font-style: inherit;*/
/*    font-size: 100%;*/
/*    font-family: inherit;*/
/*    vertical-align: baseline;*/
/*    background-repeat: no-repeat;*/
/*}*/
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}


/* Globals und Typo --------------------------------------------------------------------------------------- */

html {
    /*background: url("../img/layout/stripe_grey_4x4.png") top left repeat;*/
}

body {
    font-size: 75%;
    font-family: Verdana, Arial, sans-serif;
    background: #ccd4d9;
}

.body-page-76 {background:#7e6b5d;}
.body-page-76 #wrapper {background: #e3c092!important;}

html>body {
    font-size: 14px;
}

a:link {
    color: #83412c;
    text-decoration: none;
}

a:visited {
    color: #83412c;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

hr {
    border:none;
    border-bottom: 1px solid #a1988c;
    background:transparent;
    color:transparent;
    margin: 10px 0px 15px 0px;
}

/*
 * GLOBAL CLASSES 
*******************************************************************************/
.clear {clear:both;}
.grey{background: #ccd4d9;}
.beige{background: #e3c092;}
.brown {background: #7e6b5d;}

ul {margin:0;padding:0;}
ul li {    margin-bottom: 7px;    line-height: 1.3em;}

/* Vertikaler Rhythmus basierend auf 12px Basisgr��e f�r den Flie�text --------------------------------------------------------------------------------------- */
p {
    font-size: 1em;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    line-height: 1.3em;
    color: #333;
    font-weight: normal;  
    text-align: justify;
}

h1 {
    font-size: 1.5em;
    font-weight: bold;
    margin-top: 0.9em;
    margin-bottom: 0.9em;
    padding-bottom:5px;
    color: #83412C;
}

h2 {
    font-size: 1.4em;
	font-weight: bold;
    margin-top: 1em;
    margin-bottom: 1em;
    color:#333;
}

h3 {
    font-size: 1.3em;
	font-weight: bold;
    margin-top: 1.13em;
    margin-bottom: 1.13em;
    color:#333;
}

h4 {
    font-size: 1.2em; 
	font-weight: bold;
    margin-top: 1.29em;
    margin-bottom: 1.29em;
    color:#333;
}

/* Bilder und verlinkte Bilder ohne Rahmen --------------------------------------------------------------------------------------- */
img, a img {
    border: 0;
}

/* Links- bzw. Rechtsausrichtung f�r Elemente --------------------------------------------------------------------------------------- */
.left {
    float: left;
    margin: 0 0.5em 0.5em 0;
}

.right {
    float: right;
    margin: 0 0 0.5em 0.5em;
}

/* Layoutelemente
Verwenden Sie overflow: hidden; um n�tige Foats aufzul�sen.
--------------------------------------------------------------------------------------- */
#fixed_bg {
    z-index: 1;
    position: fixed;
    left: 50%;
    top: 150px;
    width: 2952px;
    margin-left: -1476px;
    height: 546px;
    background: url("../img/layout/karte_schlachtfeld_bg.jpg");
  opacity:0.5;
}

#wrapper {
    margin:auto;
    position: relative;
    z-index: 10;
    width: 910px;
    padding: 20px 40px 20px 40px;
    box-shadow: 0px 0px 8px #333;
    background: #ccd4d9;
}

#header {
    height: 130px;
}

#header #logo{
    width: 275px;
    height: 115px;
    float: left;
    /*background: url("../img/layout/header_logos.png") repeat-x;*/
}

/* NAVIGATION 
-------------------------------------------------------------------------------------------*/
#navigation, #small-nav {float:right;}
#navigation ul, #small-nav ul {list-style-type:none;float:right;}

#navigation, #small-nav {float:right;}
#navigation ul, #small-nav ul {list-style-type:none;float:right;}

/* ebene 1*/
#navigation {height: 50px;width: 600px;padding-top:20px;}
#navigation li:hover a {text-decoration:none;}
#navigation ul.nav-level-1 li {position:relative;float:left;border-right:2px solid #333;padding:5px 8px;}
#navigation ul.nav-level-1 li:first-child {border-left: 2px solid #333;}
#navigation ul.nav-level-1 li a {font-size: 12px;font-weight:bold;text-transform: uppercase;}
#navigation ul.nav-level-1 li:hover a,#navigation ul.nav-level-1 li a:focus, #navigation ul.nav-level-1 li.active a {color:#fff;}
#navigation ul.nav-level-1 li:hover,#navigation ul.nav-level-1 li a:focus, #navigation ul.nav-level-1 li.active  {background: #83412c;}

/* ebene 2*/
#navigation ul.nav-level-2 {display:none;position: absolute; top: 17px; left: -7px;}
#navigation ul.nav-level-1 li:hover ul.nav-level-2 {display:block;}
#navigation ul.nav-level-2 li, #navigation ul.nav-level-3 li {
  width: 160px; background: #f1dfc8; 
  margin:0;padding:5px;
  float:none; display:block; 
  position:relative; top:5px; left:5px;
  border-right:  none!important; border-left: none!important; border-bottom: 1px solid #83412c;
}
#navigation ul.nav-level-3 li {width: 100px;}
#navigation ul li ul.nav-level-2 li a, #navigation ul.nav-level-3 li a {font-size: 10px;font-weight:normal; text-transform: uppercase;color: #83412c!important;}
#navigation ul.nav-level-2 li:hover,#navigation ul.nav-level-3 li:hover {background: #83412c;}
#navigation ul.nav-level-2 li:hover a,#navigation ul.nav-level-3 li:hover a{color: #fff!important;}
#navigation ul.nav-level-2 li:hover ul.nav-level-3 li a {color:#83412c!important;}
#navigation ul.nav-level-2 li ul.nav-level-3 li:hover a {color:#fff!important;}
#navigation ul.nav-level-3,#navigation ul.nav-level-4  {display:none;float:none;position:absolute;left: 165px;top: -5px;}
#navigation ul.nav-level-4 {left:105px;}
#navigation ul.nav-level-2 li:hover ul.nav-level-3 {display:block;}
#navigation ul.nav-level-3 li:hover ul.nav-level-4 {display:block;}
#navigation ul.nav-level-3 li:hover ul.nav-level-4 li a {color:#83412c!important;}
#navigation ul.nav-level-3 li ul.nav-level-4 li:hover a {color:#fff!important;}

#small-nav {height: 50px;width: 400px;margin-top: 0px;}
#small-nav ul li{float:left; margin-left: 5px;}
#small-nav ul li a {font-size: 12px;color: #333;padding:5px 10px;}
#small-nav ul li a:last-child {padding-right:0;}

#small-nav {font-weight:bold;text-transform: uppercase;}
#small-nav #language_switch li a{font-weight:normal;text-transform:none;}
#small-nav #language_switch li.active a {font-weight:bold;}


/* CONTENT 
-------------------------------------------------------------------------------------------*/
#top-image {height: 300px;border-top: 2px solid #83412c;overflow:hidden;}
#top-image-content {height: 230px;border-top: 2px solid #83412c;overflow:hidden;}
#top-image img {width: 910px;}

#content {
    width: 870px;
    min-height: 400px;
    padding: 0 20px 20px 20px;
    background: #fff;  
    border-bottom: 2px solid #83412c;
    border-top: 2px solid #a1a1a1;
    float:left;
}

#content-left {width: 250px;min-height:100px;float:left; padding-top: 75px;}
#content-left ul {float:right;margin-right: 30px;}
#content-left ul li, ul.content-navi-sublink li {text-align:right;}
#content-left ul li a {color: #333; font-size: 10pt; text-transform: uppercase;font-weight:bold;}

#content-left ul li a:hover {color: #83412c; font-size: 10pt; text-transform: uppercase;font-weight:bold;}

#content-left ul.content-navi-sublink {margin-right:0;float:none;}
#content-left ul.content-navi-sublink li a {color: #83412c; font-size: 8pt!important; text-transform: uppercase;font-weight:normal;}
#content-left ul.content-navi-sublink li:last-child {margin-bottom: 10px;}
#content-left ul.content-navi-sublink li a {}
#content-left ul.content-navi-sublink li.ebene-3 a, #content-left ul.content-navi-sublink li.ebene-4 a {font-size: 7pt!important;}
#content-left ul.content-navi-sublink li.ebene-3 a:after {content: "-";margin-left: 5px;}
#content-left ul.content-navi-sublink li.ebene-4 a:after {content: "--";margin-left: 5px;}



#content-right {width: 620px;min-height:225px;float:left;}

#subcontent, #boxes {clear:left;}
#boxes h3, #subcontent h3 {font-size: 10pt;}

#subcontent img {border-bottom: 2px solid #a1a1a1;border-top: 2px solid #83412c;max-height:190px;}
#subcontent h3 {text-transform: uppercase;color: #333;font-weight: bold;}
#subcontent h4 {text-transform: uppercase;margin-bottom:5px;}
#subcontent a {color: #333; font-size: 0.8em;}
#subcontent li {margin-bottom: 0px;}

#subcontent #image-area {margin-top: 20px;width: 280px;position:absolute;}
#subcontent #image-area a {
	width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 12px;
	}

.content-row-left, .content-row-right, .content-row-middle{float:left;min-height: 100px;width: 280px;} 
.content-row-middle {margin: 0 35px 0 35px;}

.content-box {width:100%;height:320px;border-bottom: 2px solid #83412c;background:#fff;padding-bottom: 0px; font-size: 0.8em;}
.content-box h3 a{color:#fff;}
.content-box h3 {background: #83412c;color: #fff;padding: 5px 20px;text-transform: uppercase;font-weight:bold;}
.content-box h4 {margin: 0 0 10px 0;}
.content-box img {float:left; margin:0 10px 10px 0;}
.content-box .in-box-content {padding: 0 20px;margin-bottom: 20px;}
.content-box .in-box-content:last-child {margin-bottom: 0px;}
.content-box .in-box-content p {margin: 0 0 5px 0;}
.content-box .in-box-content p.link-to-more {text-align: right;}
.content-box .in-box-content button {float:right;}
.content-box .content-absolute {position: relative;width: 280px;margin-top: 15px;height: 320px;}
.content-box .content-absolute .link {position:absolute;bottom:0;right:0;margin: 0 20px 15px 0;}
.content-box .content-absolute .link.bigbox {padding: 0 20px 15px 164px;}

ul.no-headline {margin-top: 20px; }
ul.home-links li a {color: #333; font-size: 9pt; text-transform: uppercase;}

img.logo1 {float:left;width:auto!important;border:none!important;z-index:2;}
img.logo2 {float:right;width:auto!important;border:none!important;z-index:2;}
img.logo3 {float:right;width:auto!important;border:none!important;z-index:1;position:absolute; right: 40px;top:40px;}
img.logo4 {float:right;width:auto!important;border:none!important;z-index:1;position:absolute; right: 90px;top:190px;}




/* FOOTER 
-------------------------------------------------------------------------------------------*/
#footer {
    clear:left;
    height: 20px;
    margin:auto;
    background: #83412c;
    width: 910px;
    padding: 15px 40px 10px 40px;
    box-shadow: 0px 1px 10px #333;
}

#socialmedia {float:left;margin-top: -8px;}
#socialmedia img {width: 30px; height: 30px;margin-right:10px;}

#footer-nav, #footer-nav ul {float:right;}
#footer-nav ul li {float:left;border-right:2px solid #fff;padding:3px 8px;}
#footer-nav ul li:first-child {border-left: 2px solid #fff;}
#footer-nav ul li a {font-size: 12px;color: #fff;font-weight:bold;text-transform: uppercase;}
#footer-nav ul li:hover a,#footer-nav ul li:focus a, #footer-nav ul li.active a {color: #83412c;text-decoration:none;}
#footer-nav ul li:hover,#footer-nav ul li:focus, #footer-nav ul li.active  {background: #fff;}

/* FORMULARE 
-------------------------------------------------------------------------------------------*/

input[type="text"],input[type="email"], textarea ,input[type="password"], select{
    margin:0px;
    background: transparent;
    padding: 4px;
    color: #333;
    font-size:11px;
    
}

select {padding: 0px;}

textarea, input, select {resize:none;border: 1px solid #a1988c;}

input[type="submit"], input[type="button"], input[type="reset"], .button-link, button, .news-single-backlink a {
    color: #83412c;
    font-weight:bold;
    background: #f1dfc8;
    border: 1px solid #a1988c;
    padding: 3px 5px;
}

input[type="submit"]:hover,input[type="button"]:hover,input[type="reset"]:hover, .button-link:hover, button:hover, .news-single-backlink a:hover {
    cursor:pointer;
    text-decoration:underline;
}


/* KONTAKT */

.csc-mailform-field label{width: 150px;float:left;}
.csc-mailform-field input[type="text"], .csc-mailform-field textarea {float:left;margin-bottom:10px;width: 300px;}
.csc-mailform-field {clear:left;margin-top:15px;height:20px;}


#anmeldung .label_input {
	font-size: 0.8em;
	text-transform:uppercase;
	
}
#anmeldung input, #anmeldung textarea {
	background: #fff;
	
}
#anmeldung input[type="submit"] {
	background: #83412c;
    color: #fff;
    border: none;
    font-size: 1em;
    padding: 5px;
    border-radius: 2px;
	
}
div#anmeldung > div {
	padding: 9px 7px;
	    border-bottom: 1px dotted #e5e1d2;
	
}
div#anmeldung > div:nth-child(even) {
	background-color: rgba(229, 225, 210, 0.21);
}
#anmeldung .radio {
	line-height: 20px;	
	}
#anmeldung .radio input:first-of-type{
	margin-left: 10px;
	}
#anmeldung input[type="radio"] {
	margin: 0 5px 0 0; 
}
#anmeldung input[type="radio"] + label {
	margin-right: 10px; 
}
#anmeldung input[type="radio"] + label:after {
	display: block;
	content: "";
}
#anmeldung .label_input{
	    padding: 0 5px 2px 0;
	}
	
label[for=anmeldungsicherheitsregularien] {
	position: relative
}

label[for=anmeldungsicherheitsregularien]:before {
	position: absolute;
    top: 17px;
    left: 22px;
    content: "akzeptiert und gelesen";
    display: block;
    text-transform: none;
    font-size: 14px;
	white-space: nowrap;
}

label[for=anmeldungsafetyrules] {
	position: relative
}

label[for=anmeldungsafetyrules]:before {
	position: absolute;
    top: 17px;
    left: 22px;
    content: "read and accepted";
    display: block;
    text-transform: none;
    font-size: 14px;
	white-space: nowrap;
}

label[for=anmeldungConsignes] {
	position: relative
}

label[for=anmeldungConsignes]:before {
	position: absolute;
    top: 17px;
    left: 22px;
    content: "lu et accepté";
    display: block;
    text-transform: none;
    font-size: 14px;
	white-space: nowrap;
}

label[for=anmeldungsicherheitsregularienru] {
	position: relative
}

label[for=anmeldungsicherheitsregularienru]:before {
	position: absolute;
    top: 17px;
    left: 22px;
    content: "Читайте и принимайте";
    display: block;
    text-transform: none;
    font-size: 14px;
	white-space: nowrap;
}


/* TYPO Elements */
.csc-default { margin-top: 40px; }