/* .......................... RESET und Allgemeines ............................ */
* {
	margin: 0; padding: 0; border: none; outline: none; 
	-o-box-sizing: border-box; 
	-ms-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}
b, strong {font-weight: bold;}
i, em {font-style: italic;}
em {color: rgb(153,0,0); font-weight: bold;}
/* .......................... Ab hier generische Notationen ............................ */

html, body {}
html {font-size: 62.5%; overflow-y: scroll;}
body {
	font-family: 'Be Vietnam', arial, geneva, sans-serif;
	line-height: 1.5;
	font-weight: normal;
	color: rgb(0,0,0);
}

H1, H2, H3, H4, H5, H6, P {margin: 0 0px 2rem 0px; overflow: hidden;}
H1 {font-size: 3.2rem; text-transform: uppercase; text-align: center; margin: 0 0 5rem 0;}
H2 {font-size: 2.4rem;}
H3 {font-size: 2.2rem;}
H4 {font-size: 2.0rem;}
H5 {font-size: 1.8rem;}
H6 {font-size: 1.6rem;}
P, TD {
	font-size: 1.6rem;
	-webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}

UL {}
LI {font-size: 1.6rem;}

A {text-decoration: underline; color: rgb(0,0,51); border-bottom: 1px dotted  rgb(0,0,0);}
A:HOVER  {color: rgb(0,0,0); background-color: rgba(0,0,0,0.05);}
A.ohneRand {border: none; padding: 0;}

/* .......................... Ab hier seitenspezifische Notationen ............................ */

/* .Navigation und RD-Navigations-Grafik. */
.navigation {position: fixed; z-index: 99; top: 0; left: 0; width: 100%; /* height: 6rem; */ padding: 0.5rem 0 1rem 0; background-color: rgb(51,51,51); 
-webkit-box-shadow: #666 0px 2px 5px;
-moz-box-shadow: #666 0px 2px 5px;
box-shadow: #666 0px 2px 5px;
/* Col xOff yOff Blur */
}

/* .Streifenboxen Wrapper. */
.wrapper {width: 100%; position: relative;}

/* .Inhalteboxen innerhalb Wrapper. */
.inhalteBox {position: relative; overflow: hidden; padding: 2rem 3.5rem;}
.inhalteBox .topLink  {position: absolute; right: 5px; bottom: 5px; width: 30px; height: 24px;}

DIV.claim {width: 100%;}
DIV.claim P {
	font-size: 4.5rem;
	text-align: center;
	color: rgb(230,230,230);
	/* text-shadow: 2px 2px 3px rgba(0,0,0,0.70); */
	width: 1000px;
	margin: 0 auto;
	padding: 8rem 0 0rem 0;
	/* background-color: rgb(77,77,77);
	border: 1px solid rgba(204,204,204,0.5);
	-webkit-border-radius: 0 0 3rem 3rem;
	-moz-border-radius: 0 0 3rem 3rem;
	border-radius: 0 0 3rem 3rem; */
	}

H1.groszTitel {font-size: 5rem; margin-bottom: 2rem;}
H1.groszTitel .copyRight, H1 .copyRight {color: rgb(153,153,153); font-size: 1.75rem;}

H1.untenSchmal {margin-bottom: 1rem;}
H1.untenSchmal + P {text-align: center; margin-bottom: 5rem;}

.news marquee {font-size: 2.5rem; line-height: 3; color: rgb(227,180,92); background-color: rgb(0,0,0); padding: 0 1rem;}
.news H1.untenSchmal {margin-top: 7rem;}
.news H1.untenSchmal + P {margin-bottom: 1.5rem;}

ul.punkteListe {margin: 0 0 0 1.5rem;}
ul.punkteListe LI {margin: 0 0 1rem 0;}

.REFLECTION ul.punkteListe LI EM {color: rgb(); font-weight: normal;}
.CONSTRUCTION ul.punkteListe LI EM {color: rgb(); font-weight: normal;}
.PROGRESS ul.punkteListe LI EM {color: rgb(); font-weight: normal;}
.REALIZED ul.punkteListe LI EM {color: rgb(); font-weight: normal;}
.HONORS ul.punkteListe LI EM {color: rgb(177,0,0); font-weight: normal;}
.FOUNTAIN ul.punkteListe LI EM {color: rgb(); font-weight: normal;}

 p.strich {
	border-bottom: 2px solid rgb(128,128,128);
	margin: 4rem auto 2rem auto;
	width: 90%;
}

.trigger {padding-left: 25px; background: url(./../eicons/pfeil_rechts.png) left 1.25rem no-repeat; cursor: pointer;}
.schlieszer {padding-left: 25px; background: url(./../eicons/pfeil_runter.png) left 1.25rem no-repeat;}
.klappBox {}

.lorbeeren {
	width: 100%;
	margin: 0 auto;
	padding: 3rem 0;
	text-align: center;
	background-color: rgb(0,0,0);
}
.lorbeere {
	display: inline-block;
	width: 180px;
	height: 160px;
	margin: 0;
	padding: 0;
	background-position: center center;
	background-repeat: no-repeat;
	line-height: 0;
}

.partnersDIV {
	width: 100%;
	margin: 0 auto;
	padding: 3rem 0;
	text-align: center;
}
.partner {
	display: inline-block;
	width: 100px;
	height: 100px;
	margin: 1rem;
	padding: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	font-size: 1rem;
	line-height: 0;
}

.filmstills {
	width: 100%;
	margin: 0 auto;
	padding: 3rem 0;
	text-align: center;
}
.filmstill {
	display: inline-block;
	width: 420px;
	height: 240px;
	margin: 1rem;
	padding: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	font-size: 1rem;
	line-height: 0;
}

/* .Trailer-Link. */
.trailerLink {
	display: inline-block;
	padding: 1rem 2rem;
	font-size: 2rem;
	line-height: 2.5;
	font-weight: bold;
	text-decoration: none;
	color: rgb(0,0,0);
	background-color: rgb(201,154,66);
	border: 3px solid rgb(0,0,0);
	-webkit-border-radius: 2rem;
	-moz-border-radius: 2rem;
	border-radius: 2rem;
	/* OL OR UR UL */
}
.trailerLink:HOVER {
	background-color: rgb(201,154,66);
	color: rgb(255,255,255);
}

/* .Downloads. */
.downloads {
	width: 100%; padding: 3rem 0 0 0; position: relative; 
	background-color: rgb(201,154,66);
	border-top: 1px solid  rgb(185,135,48);
	border-bottom: 1px solid  rgb(247,207,120);}
.downloads H1 {color: rgb(255,255,255);}
.downloads H2 {color: rgb(255,255,255);}
.downloads P {color: rgb(240,240,240);}
.downloads TD {color: rgb(240,240,240);}
.downloads TD A, .downloads A {color: rgb(255,255,255); border-bottom: 1px dotted  rgb(247,207,120);}
.downloads TD A.ohneRand, .downloads A.ohneRand {border: none;}
.downloads TD A:HOVER, .downloads A:HOVER {background-color: rgba(0,0,0,0.15);}

/* .Fuszbereich mit Navi und evtl. WEB 2.0 Buttons. */
.footer {width: 100%; position: relative; background-color: rgb(51,51,51); border-top: 1px solid  rgb(204,204,204);}
	
.fuszNaviBox {overflow: hidden; border-bottom: 3px solid rgb(102,102,102);}
.fuszBox {color: rgb(255,255,255); padding: 20px 0; overflow: hidden;}
.fuszAbbinder {padding: 20px 0 0 0; font-size: 2.4rem; text-align: center; color: rgb(204,204,204);}
/* .fuszAbbinder A {color: rgb(255,255,255); text-decoration: none;}
.fuszAbbinder A:HOVER {color: rgb(255,255,255); border-bottom: 1px dotted rgb(177,0,0);} */

.navigation, .footer {background: url(../bilder/HG-Bilder/HG-Gold_SW.png) top center repeat-x rgb(77,77,77);}

/* .Breiten initialisieren. */
.inhalteBox, .fuszNaviBox, .fuszBox {width: 1000px; margin: 0 auto;}

/* .Tabellen. */
TABLE {border-collapse: collapse; width: 100%; margin: 0 0 3rem 0;}
TR {vertical-align: top;}
TH {padding: 3px 10px;}
TD {padding: 0.5rem 1.5rem 0.5rem 0;}
TD SPAN {padding: 0px 10px 0px 0px; line-height: 2;}
TD input {width: 100%; max-width: 400px; padding: 5px;}
TD input.kurz {width: 50px;}
TD input[type="image"] {border: none; height: 32px; width: 32px; vertical-align: middle;}
TD input[type="radio"] {border: none; height: 16px; width: 16px;}
TD input[type="checkbox"] {border: none; height: 16px; width: 16px; vertical-align: text-bottom;}
TD.flat {padding: 0px;}

TABLE.dreiTeilung TD {
	width: 33.33333%;
	text-align: center;
}

/* .Formularfelder. */
input {border: 1px solid rgb(220,220,220); padding: 0.3rem; line-height: 1.6rem;}
input.gesperrt {color: rgb(204,0,0); background: url(../eicons/lock.png) right center no-repeat rgb(255,230,230);}
input[type="image"] {border: none; height: 16px; width: 16px;}
input[type="radio"] {border: none; height: 12px; width: 12px;}
input[type="checkbox"] {border: none; height: 14px; width: 14px; vertical-align: middle;}
input[type="submit"] {
	border: 1px solid  rgb(153,153,153);
	height: 3rem;
	width: 20rem;
	-webkit-border-radius: 8px; /*.OL, OR, UR, UL.*/
	-moz-border-radius: 8px;
	border-radius: 8px;
	color: rgb(0,0,0);
	font-weight: bold;
}
textarea {
	font-family: arial, geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.3rem;
	border: 1px solid rgb(210,210,210);
	padding: 5px;
	width: 100%;
}
select {border: 1px solid rgb(204,204,204);padding: 3px;}
select option {}

/* .Datenschutz-Seite. */
.DS_Einzug {margin-left: 20px;}
.DS_Erklaerung {font-style: italic; color: rgb(128,128,128);}
.DS_Liste {margin-left: 20px;}
.DS_Liste LI {font-weight: bold;}
.DS_Liste UL {margin-left: 30px; margin-top: 20px; margin-bottom: 20px;}
.DS_Liste UL LI {font-weight: normal; padding-bottom: 5px;}

/* .ALLGEMEINE Einstellungen. */
/* .Schriftfarben und Schriftverhalten. */
.keinUmbruch {white-space: nowrap;}
.weisz {color: rgb(255,255,255);}
.hellGrau {color: rgb(230,230,230);}
.grau {color: rgb(128,128,128);}
.igrau {color: rgb(128,128,128); font-style: italic;}
.igrauKlein {color: rgb(128,128,128); font-style: italic; font-size: 1.4rem;}
.rot {color: rgb(153,0,0);}

/* Orientierung + Abstaende*/
.clearB {clear: both;}
.clearL {clear: left;}
.clearR {clear: right;}

/* .Bilder. */
.linksBild, .linksBildRand {float: left; margin: 1px 15px 6px 0;}
.rechtsBild, .rechtsBildRand {float: right; margin: 1px 0 6px 15px;}
.linksBildRand, .rechtsBildRand {border: 1px solid; border-color: rgb(255,255,255)  rgb(0,0,0)  rgb(0,0,0)  rgb(255,255,255);}
.mitte {vertical-align: middle;}
/* .. */
.autoImage {display: block; width: 100%; height: auto;}
.autoImage960 {display: block; width: 100%; max-width: 960px; height: auto; margin: 3rem auto;}

/* .Testbetrieb. */
.testRand {outline: 1px solid rgb(204,0,0);}