/* .......................... 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); 
	border-bottom: 2px solid  rgb(65,149,238);
	-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;}

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; color:  rgb(65,149,238);
	-webkit-text-stroke-color: rgba(0,0,0,0.7);
	text-stroke-color: rgb(0,0,0);
	-webkit-text-stroke-width:1px;
	text-stroke-width:1px;
	/* text-shadow: 2px 2px 2px rgba(0,0,0,0.5); */
	}
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;}

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

.HONORS ul.punkteListe LI EM {color: rgb(65,149,238); 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 {}

.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;
}

/* .Fuszbereich mit Navi und evtl. WEB 2.0 Buttons. */
.footer {width: 100%; position: relative; background-color: rgb(51,51,51); border-top: 3px solid   rgb(65,149,238);}
	
.fuszNaviBox {overflow: hidden; border-bottom: 1px solid  rgb(65,149,238);}
.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;} */

/* .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);}
.akzentFarbe {color: rgb(65,149,238);}

/* 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);}