h1/* Vieles steht scheinbar doppelt. Hier die globalen Einstellungen; im layout stehen die VARIABLEN Werte dazu. Also aufpassen !!! */

header, #logo, #headerrechtsbg {	
	position: fixed; margin:0 auto; z-index: 10;  /*max-width:1280px;*/
}

section.stretch{float: left; width: 100%; /*height: 1500px;*/}
section.stretch p.bottom {top: 100%;}

#slideshowwrap{ float:right; margin-right:12px; margin-top:-5px;}
#slideshow1, #slideshow2, #slideshow3 {height:80px; margin-bottom: 12px;}

#uhrenbreadcrumbs {margin-top:-62px;}	 

header, #logo, #headerrechtsbg {position: fixed; margin:0 auto; z-index: 10;}

/*# footerholder {clear:both; position:fixed; bottom:0px; width: 100%;} variable stehen im layout.css*/






/*==============================================* FRONT PAGE*===============================================*/
/* NOCH GEBRAUCHT: 
.page-wrapper {	padding:80px 0;}
*/
 
.parallax {
	overflow:hidden;
	z-index:1;
}
.parallax-image {
	background-position:50% 0;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:cover;
}
.overlay {
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	opacity:0.0;
	z-index:2;
}
.parallax-content {
	position:relative;
	z-index:4;
/*	padding:80px 0;*/
}
.wrapsection {
	padding:0px 0;
	position:relative;
	margin:0px 0;
}
.title-area {
	text-align:center;
/*	max-width:70%; */	max-width:90%;
	display:block;
	margin:0px auto;
	margin-bottom:40px;
}
.content-portfoliophp .title-area {margin-bottom:20px;}
.pageheaderpagephp .title-area {
	margin-bottom:0;
}
.pageheaderpagephp .title-area h2.title {
	font-size:55px;
	letter-spacing:0px;
}
.pageheaderpagephp .title-area .subtitle,.pageheaderpagephp .title-area {
	max-width:800px;
}
.pageheaderpagephp .parallax-content {
	padding:0px;
}
.downarrowpoint {
/*	background-color:rgba(0,0,0,0.2); */
	background-color:rgba(123,123,234,0.4);  
	height:55px;
	width:55px;
	text-align:center;
	display:block;
	margin:0px auto;
	border-radius:50%;
	margin-top:25px;
}
.downarrowpoint i {
	line-height:55px;
	font-size:25px;
}
.downarrowpoint i {
	-webkit-transition-property:-webkit-transform;
	-webkit-transition-duration:1s;
	-moz-transition-property:-moz-transform;
	-moz-transition-duration:1s;
	-webkit-animation-name:pulse;
	-moz-animation-name:pulse;
	-webkit-animation-duration:1.5s;
	-moz-animation-duration:1.5s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
	-moz-animation-timing-function:linear;
}
@-webkit-keyframes pulse {
	0 {
		-webkit-transform:scale(1);
		transform:scale(1);
	}
	50% {
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
	100% {
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
@-moz-keyframes pulse {
	0 {
		-moz-transform:scale(1);
		transform:scale(1);
	}
	50% {
		-moz-transform:scale(1.2);
		transform:scale(1.2);
	}
	100% {
		-moz-transform:scale(1);
		transform:scale(1);
	}
}


/* NEUE SACHEN  

       iframe {
        display: block;
        background: transparent;
        border: none;
        height: 100vh;
        width: 100vw;
    }
*/    
    
.clearfix {overflow:visible;}


/* kurscontainer, contactfields, etc.: */
span.ib {display: inline-block;}

/* i.d. Mitte der Seite zentrieren, geht nicht ueberall: */
#zentrieren {
    position:absolute;
    top:50%;    
    left:0;
    width:100%; 
    text-align:center;
}

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

*:focus {outline: none;} /* entfernt Rahmen um Sendeknopf */

.noul {text-decoration:none;} /*no underline*/
.notrans {font-style: normal; text-transform:none;}
.hlink {color:forestgreen;}
.hlink:hover {color:#031bc0;}	/* ampexblue */
.hlink:focus {color:orange;}
.hlinkbl:active {color:#d70000;} /* dklrot */

.hlinkbl {color:#031bc0;}		/* ampexblue */			
.hlinkbl:hover {color:forestgreen;}
.hlinkbl:focus {color:orange;}
.hlinkbl:active {color:#d70000;} /* dklrot */

.hlinkgn {color:forestgreen;}		
.hlinkgn:hover {color:#031bc0;}		/* ampexblue */	
.hlinkgn:focus {color:orange;}
.hlinkgn:active {color:#d70000;} /* dklrot */


span.hlink {color:forestgreen;}
span.hlink:hover {color:#031bc0;}	/* ampexblue */
span.hlink:focus {color:orange;}
span.hlinkbl:active {color:#d70000;} /* dklrot */

span.hlinkws {color:white;}
span.hlinkws:hover {color:#031bc0;}	/* ampexblue */
span.hlinkws:focus {color:orange;}
span.hlinkws:active {color:coral;}

span.hlinksw {color:black;}
span.hlinksw:hover {color:#031bc0;}	/* ampexblue */
span.hlinksw:focus {color:orange;}
span.hlinksw:active {color:coral;}



/* ================================ FONTS ============================== */

@font-face {
font-family: "Aachen";
     src: url("http://www.ampex.us/css/fonts/Aachen.ttf");
     src: local("Aachen"),
     url("../US/fonts/Aachen.woff") format("woff"),
     url("../US/fonts/Aachen.ttf") format("truetype");
} 
@font-face {
	
font-family:"Atlas";
	src: url("http://www.ampex.us/css/fontscss/Atlas.ttf"); 
    src: local("Atlas"),
     url("../US/fonts/Atlas.woff") format("woff"),
     url('../US/fonts/Atlas.woff2') format('woff2'), 
     url("../US/fonts/Atlas.ttf") format("truetype");
}
@font-face {
	
font-family:"Aurora Cn BT";
	src: url("http://www.ampex.us/css/fonts/AuroraC.ttf"); 
    src: local("AuroraC"),
     url("../US/fonts/AuroraC.woff") format("woff"),
     url('../US/fonts/AuroraC.woff2') format('woff2'), 
     url("../US/fonts/AuroraC.ttf") format("truetype");
}
@font-face {

font-family:"BellGothic";
    src: url("http://www.ampex.us/css/fonts/bellgo.ttf"); 
     src: local("BellGothic"),
     url("../US/fonts/bellgo.woff") format("woff"),
     url('../US/fonts/bellgo.woff2') format('woff2'),
     url("../US/fonts/bellgo.ttf") format("truetype");
} 
@font-face {

font-family: 'BellGothic Blk BT';
     src: url("http://www.ampex.us/css/fonts/bellgobl.ttf"); 
     src: local("BellGothicBlack"),
     url("../US/fonts/bellgobl.woff") format("woff"),
     url("../US/fonts/bellgobl.ttf") format("truetype");
} 

 @font-face {
	
font-family:"Curlz";
	src: url("http://www.ampex.us/css/fonts/Curlz.ttf"); 
    src: local("Curlz"),
     url("../US/fonts/Curlz.woff") format("woff"),
     url('../US/fonts/Curlz.woff2') format('woff2'), 
     url("../US/fonts/Curlz.ttf") format("truetype");
}
@font-face {

font-family:"Imperial";
    src: url("http://www.ampex.us/css/fonts/Imperial.ttf"); 
    src: local("Imperial"),
    url("../US/fonts/Imperial.woff") format("woff"),
    url('../US/fonts/Imperial.woff') format('woff2'),
    url("../US/fonts/Imperial.ttf") format("truetype");
}
@font-face {

font-family:"Britannic";
    src: url("http://www.ampex.us/css/fonts/Britannic.ttf"); 
    src: local("Britannic"),
    url("../US/fonts/Britannic.woff") format("woff"),
    url("../US/fonts/Britannic.ttf") format("truetype");
}

.aachen {
font-family:"Aachen";}
.atlas {
font-family:"Atlas";}
.aurora {
font-family:"Aurora Cn BT";}
.bellgo {
font-family:"BellGothic", "Tahoma"
;}
.bellgobl {
font-family:"BellGothicBlack", "Tahoma"
;}
.britannic{
font-family:"Britannic";}
.curlz {
font-family:"Curlz MT";}
.imperial {
:"Tahoma"
, "Imperial";}

h1, h2, h3, .h1, .h2, .h3, .kopf1, .kopf2, .kopf3 {
font-family:"Tahoma", BellGothicBlack, "Tahoma", Arial, Helvetica, sans-serif; 
color:#031bc0; text-decoration:none; text-align:center; text-transform: uppercase; 
font-weight:bold: 
}
h4, .h4, .kopf4 {
font-family:"Tahoma", BellGothicBlack, "Tahoma", Arial, Helvetica, sans-serif; color:#031bc0; text-decoration:none; text-align:left; text-transform: none;
} 

.flextext {
font-family:"Tahoma", "Imperial", Georgia, "Times New Roman", Times, serif;
	text-align:justify; color:#010016;	text-decoration:none; text-transform:none;
}

.dekotext, .dekotext2, .anmerkung, .anmerkung2 {text-transform:none;}
.dekotext, .dekotext2 {
font-family:"Tahoma", Georgia, Times, serif; text-transform:none; color:#010016;}
.anmerkung, .anmerkung2 {
font-family:"Tahoma", "BellGothic", sans-serif; color:#031bc0; text-align:left;}
.introtext1,.introtext2,.videotext1.videotext2, charttitel,  
.bild.links, .bild_rechts, .bild_mitte, .bild_mitte_x, .bild_mitte_voll,
.textbox_links, .textbox_rechts, .textbox_mitte, .textbox_mitte_x, .textbox_mitte_voll {
font-family:"Tahoma", "BellGothic", sans-serif; color:#031bc0;
}

.bild_links, textbox_links {float: left;}
.bild_mitte, .bild_mitte_x, .bild_mitte_voll, .textbox_mitte, .textbox_mitte_x, .textbox_mitte_voll {text-align:center;}
.bild_rechts, .textbox_rechts {float: right;} 
.bild_mitte_voll {width:100%}


.contactfeld1,.contactfeld2,.contactfeld3,.contactfeld4{
	text-align:left; 
	
font-family:"Tahoma", Imperial, Georgia, "Times New Roman", Times, serif;
	color: #010016; 
	background-color:rgba(224,228,244,0.8);/*Ampex/Shaadingfarbe*/
} 
		
::-webkit-input-placeholder { /* Chrome/Opera/Safari */  color: #5858d8;} /* zwischenblau */
::-moz-placeholder { /* Firefox 19+ */  color: #5858d8;} 
::-ms-input-placeholder { /* IE 10+ */  color: #5858d8;}
::-moz-placeholder { /* Firefox 18- */  color: #5858d8;}	
::placeholder { /* w3 */  color: #5858d8;}

#back2Top {
	background-color:#DDE4F4;  
	background: -webkit-linear-gradient(rgba(255,255,255,0.88), rgba(173,189,229,0.88)); 
	background: -o-linear-gradient(rgba(255,255,255,0.88), rgba(173,189,229,0.88)); 	 
	background: -moz-linear-gradient(rgba(255,255,255,0.88), rgba(173,189,229,0.88)); 	 
	background: linear-gradient(rgba(255,255,255,0.88), rgba(173,189,229,0.88));  	
	color: #031bc0; 
/*	margin-left:-80px;	width: 160px; 
  	right:50%;left:50%;  steht im layout */
	overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    position: fixed; 
 
    text-decoration: none;
}

#back2Top:hover, .auffi:hover {
	color: #d70000;
	background: -webkit-linear-gradient(rgba(173,189,229,0.88), rgba(255,255,255,0.88)); 
	background: -o-linear-gradient(rgba(173,189,229,0.88), rgba(255,255,255,0.88)); 	 
	background: -moz-linear-gradient(rgba(173,189,229,0.88), rgba(255,255,255,0.88)); 	 
	background: linear-gradient(rgba(173,189,229,0.88), rgba(255,255,255,0.88)); 			
}
#back2Top:active, .auffi:active {color:purple;}
#back2Top:focus, .auffi:focus {color:forestgreen;}



/* ================== WICHTIG !!! SEITENFORMATIERUNG COLUMNS ======================== FLEXGRUPPE !!! ============ */
#masthead4, #masthead { margin:0 auto; text-align:center;}
#flex-wrapper {width: 100%; max-width:1280px;	margin: 0 auto;}
/* .flex-container { display:flex; background:transparent;} 
    steht im respons.teil, weil sich die Spalten einer Seite oft ändern. (Vollbreiten brauchen kein flex.) */
.flex-container {background:transparent;}
/* used so the padding will be inline and not extend the 100% width */
.container4, .flex-container {
	display: flex;
	width: 100%;
	padding: 0px; /*12?*/
	background: transparent;
	box-sizing: border-box;
}
/* my goal is that the width always fills up independent of browser width */
.flexible-width4 {background-color:transparent; flex: 1;} 

.flinks, .frechts {background-color:white;} 
  
#container {
	clear: both;
	max-width:1280px; 
	text-align:left;
	margin:0 auto;
	background-color:white;
}


/*header {position: fixed; margin:0 auto; z-index: 10;  max-width:1280px;}*/
 
#logo.smalllogo,
#navigationbg_rechts.largebg,
#navigationbg_rechts.smallbg, /*falls was geaendert werden soll, sonst reicht auch einmal #navigationsbg allein einmal*/
#header, #headerbg.largehead, #headerbg.smallhead, /* so haben beide Teile BGcolor */
#footer, #footerL, #footerR, .tablestyle, .bluehead, #uhrenbreadcrumbs, .sendresp {
	color:#031bc0; /* ampexblue */
/*	overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    position: fixed; 
*/
	background-color:#DDE4F4; /* shading - Ersatzfarbe */
	background: -webkit-linear-gradient(rgba(255,255,255,0.88), rgba(173,189,229,0.88)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(rgba(255,255,255,0.88), rgba(173,189,229,0.88)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(rgba(255,255,255,0.88), rgba(173,189,229,0.88)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(rgba(255,255,255,0.88), rgba(173,189,229,0.88)); /* Standard syntax */	
}
.sendresp:hover{ color:forestgreen;
	background: -webkit-linear-gradient(rgba(173,189,229,0.88), rgba(255,255,255,0.88)); 	
	background: -o-linear-gradient(rgba(173,189,229,0.88), rgba(255,255,255,0.88));  
	background: -moz-linear-gradient(rgba(173,189,229,0.88), rgba(255,255,255,0.88));  
	background: linear-gradient(rgba(173,189,229,0.88), rgba(255,255,255,0.88));  
}
.sendresp:active {color:forestgreen; }
.sendresp:focus {color:#d70000;} 

/*damit der underline bei links verschwindet:*/
.noDecoration, a:link, a:visited {
    text-decoration: none;
}
#mydiv {
	all: initial; /* blocking inheritance for all properties - damit koennte man z B die iframes ersetzen und andere */
}

/* manchmal noetig:  get rid of iframe scrollbar */
.foo { width: 1px;  height: 1px;  overflow-y: hidden;}

/* ================================================== TEXT ======================================================== */


/* Sondermaße: */
h1.title {font-weight:900;font-size:500%;}
.groesser {font-size:140%;} 
.kleiner {font-size:64%;} 
.i {font-style:italic;}
.f40 {font-size: 40px; text-align:center;}
.fxx {font-size: xx-large;}

/* weil die Fettschriften so batzig werden, z.B. die Anfuehrungszeichen "normalisieren" */
.fontweightnormal {font-weight: normal;} /* font-weight normal */


hr {background:#031BC0; border:0; height:1px;} /* eigentl. deprecated */

/* fixe Schriften fuer die (popup/) forms */
.formkopf1, .formkopf2, .formkopf3, .formkopf4, .formkopf5, .formkopf6 { font-family: Tahoma, BellGothicBlack; color:#031bc0;}
.formkopf1 {font-size:28px; font-weight:700; text-align:center;}
.formkopf2 {font-size:24px; font-weight:700; text-align:center;}
.formkopf3 {font-size:20px; font-weight:700; text-align:left;; padding-left:12px; padding-right:12px;}
.formkopf4 {font-size:18px; font-weight:500; text-align:center;}
.formkopf5 {font-size:16px; font-weight:500; text-align:center;}
.formkopf6 {font-size:12px; font-weight:500; text-align:left;; padding-left:12px; padding-right:12px;}

.fliesstext, .fixtext {
:Tahoma, Imperial ; color:black; font-size:16px; padding-left:12px; padding-right:12px;}


/* ================================================ Page/FORMATE =========================================== -- */

/* ======================================================  FUER ALLE ======================================================== */
.vollebreite {margin: 0 auto; width:100%;} 
.VBbox {background-color:white; margin-top:0px; margin-bottom:0px;}

/* ================================================== EFFEKTE ============================================= -*/

a:link,a :visited {
	
: inherit;
	font-size: inherit;
	color:#031bc0; /* ampexblue */
	}
a:hover {color:forestgreen;}
a:focus {color:#d70000;}
a:active {color:orange;}


/* =================================== FOOTER: ============================== */
 
/* footer resp im layout.css */
.footerstyle {font-family:"Tahoma", 'BellGothic', sans-serif; color:#031BC0;text-decoration:none;}
.footerstyle:hover { color:#d70000; cursor:pointer;} 
.footerstyle:focus { color:yellow; cursor:pointer;} 
.footerstyle:active { color:forestgreen; cursor:pointer;} 
.footerstyle:visited {color:#031bc0;} /*no change*/

 
/*================================== FARBEN ====================================*/
.weiss {color:white;}
.weissgrau {color: #DCDCDC;}
.grautext {color: #a0a0a0;}
.grau { color:#808080;}
.blauschwarz {color:#010016;} /* ziemlichschwarzmitabisserlblaudrin */
.schwarz {color:black;}
.zwischenblau {color:#5858d8;} /* rgba(8,88,216) */
.hellblau {color:#7b7bea;} /* rgba(123,123,234,1) */
.green {color:green;}
.ampexblue { color:#031BC0;}
.ampexblack { color: #010016;}
.fettblau {	color: #031bc0;	font-weight: bold;}
.fettschwarz, .fettblack {	color: #031bc0;	font-weight: bold;}
.stressrot {color:#d70000;} /* ampex-stressrot  /*	rgba(192,0,0,1) */
.fettrot {	color: #d70000;	font-weight: bold;}
.forestgreen {	color: forestgreen;}
.fettgruen {	color: forestgreen;	font-weight: bold;}


.arrow {
font-family:'BellGothic', sans-serif; font-size:16px; text-align:left;color:#010016; text-decoration:none;}
.pfeil {
font-family:'BellGothic', sans-serif; font-size:16px; font-weight:bold; color:#031BC0; text-decoration:none;}

.left, .links { text-align: left;}
.right, .rechts{ text-align: right;}
.center { text-align:center;}
.just {text-align:justify;}
.caps {	text-transform:capitalize;}
.upps { 
:inherit; text-transform:uppercase;}
.lows { 
:inherit; text-transform:lowercase;}
.udl {text-decoration:underline;}														
.sep { color:#031BC0; width: 30px; height: 30px;}
.it { font-style:italic;}
.bi { font-weight:bold;font-style:italic}
.fett {font-weight:bold;}
.xfett { font-weight: bolder;} 

/* muss noch geaendert werden, damit es im flex layout passt */
.lbi { font-size:large; font-weight:bold;font-style:italic}

.anmerkung_hi, .hi {
	text-align: left; /* hangingindent : 1. Zeile normal 12px; ab der 2. Zeile dann +12. Achtung: Hinter dem asterisk 2x nbsp machen! */
	padding-left: 24px;	text-indent: -12px;		padding-right: 12px;}

.subtitle {font-size:smaller;}
span.sub {font-size:smaller;}

/* ================================ backgrounds (shadings) ================================== */
/* shadingfarbe background (ADVFN) */
.sh11, .shading11{ background-color: rgba(221,228,244,0.1);} /* #DDE4F4; */
.sh2, .shading2 { background-color: rgba(221,228,244,0.2);} /* #DDE4F4; */
.sh4, .shading4 { background-color: rgba(221,228,244,0.4);} /* #DDE4F4; */
.sh5, .shading5 { background-color: rgba(221,228,244,0.5);} /* #DDE4F4; */
.sh6, .shading6 { background-color: rgba(221,228,244,0.6);} /* #DDE4F4; */
.sh7, .shading7 { background-color: rgba(221,228,244,0.7);} /* #DDE4F4; */
.sh8, .shading8 { background-color: rgba(221,228,244,0.8);} /* #DDE4F4; */
.sh1, .shading, .shading1 { background-color: rgba(221,228,244,1);} /* #DDE4F4; */

/* background weiss */
.bgws11{ background-color: rgba(255,255,255,0.1);}   
.bgws2{ background-color: rgba(255,255,255,0.2);}  
.bgws4{ background-color: rgba(255,255,255,0.4);}   
.bgws5{ background-color: rgba(255,255,255,0.5);}  
.bgws6{ background-color: rgba(255,255,255,0.6);}   
.bgws7{ background-color: rgba(255,255,255,0.7);}  
.bgws8{ background-color: rgba(255,255,255,0.8);}  
.bgws88{ background-color: rgba(255,255,255,0.88);}  
.bgws1{ background-color: rgba(255,255,255,1);}  
/* color weiss */
.ws11,.shadingws11{color: rgba(255,255,255,0.1);}   
.ws2,.shadingws2{color: rgba(255,255,255,0.2);}  
.ws4,.shadingws4{color: rgba(255,255,255,0.4);}   
.ws5,.shadingws5{color: rgba(255,255,255,0.5);}  
.ws6,.shadingws6{color: rgba(255,255,255,0.6);}   
.ws7,.shadingws7{color: rgba(255,255,255,0.7);}  
.ws8,.shadingws8{color: rgba(255,255,255,0.8);}  
.ws88,.shadingws88{color: rgba(255,255,255,0.88);}  
.ws1,.weiss{color: rgba(255,255,255,1);}  

/* ===================================Schatten ==================================== */
.shadow2hbl4 {text-shadow:2px 2px rgba(123,123,234,0.4);}
.shadow3hbl4 {text-shadow:3px 3px rgba(123,123,234,0.4);}
.shadow2hbl8 {text-shadow:2px 2px rgba(123,123,234,0.8);}
.shadow3hbl8 {text-shadow:3px 3px rgba(123,123,234,0.8);}
/* Schatten blau */
.shadow2bl4 {text-shadow:2px 2px rgba(3,27,192,0.4);}
.shadow3bl4 {text-shadow:3px 3px rgba(3,27,192,0.4);}
.shadow2bl8 {text-shadow:2px 2px rgba(3,27,192,1.0);}
.shadow3bl8 {text-shadow:3px 3px rgba(3,27,192,1.0);}
/* Schatten weiss */
.shadow1ws8 {text-shadow:1px 1px rgba(255,255,255,0.8);}
.shadow2ws8 {text-shadow:2px 2px rgba(255,255,255,0.8);}
.shadow3ws8 {text-shadow:3px 3px rgba(255,255,255,0.8);}
.shadow1ws1 {text-shadow:1px 1px rgba(255,255,255,1);}
/* Schatten schwarz */
.shadow1sw8 {text-shadow:1px 1px rgba(0,0,0,0.8);}
.shadow2sw8 {text-shadow:2px 3px rgba(0,0,0,0.8);}
.shadow3sw8 {text-shadow:3px 3px rgba(0,0,0,0.8);}
.shadow1sw1 {text-shadow:1px 1px rgba(0,0,0,1);}
/* Schatten rot */
.shadow1rt8 {text-shadow:1px 1px rgba(215,0,0,0.8);}
.shadow2rt8 {text-shadow:2px 2px rgba(215,0,0,0.8);}
.shadow3rt8 {text-shadow:3px 3px rgba(215,0,0,0.8);}
.shadow1rt1 {text-shadow:1px 1px rgba(215,0,0,1);}
/* Schatten gelb */
.shadow2ge8 {text-shadow:2px 2px rgba(255,185,0,0.8);}


/* ========================= SEITENFORMATIERUNG ============================ */

#linke_spalte {
  margin-top:12px; 
	clear:left;
	float: left;
	width: 300px;
	}	

#rechte_spalte {
	margin-top:12px; 
	float: right;
	width: 300px;
}

.mittelbox {
 	margin-left:312px;
 	margin-right:312px;
	}

.inhaltA {
	margin-bottom:12px;   
	margin-left: 312px; 
	margin-right: 312px;	
	background-color:rgba(255,255,255,1);
	}

.bluehead {text-align: center;color:#031BC0;}

.bluestyle {background-color:rgba(207,216,238,0.88); /*hellblauer hintergrund */}
.tablestyle {border-collapse: collapse;	width: 100%;}

/* =================================== BREADCRUMBS und NAVIGATION  ================================ */

.startseite: {font-family: Tahoma,  sans-serif;	text-transform:uppercase;
	font-size: 12px; text-align:left; margin-left:12px; cursor:pointer; color: #031BC0;}
.startseite:hover {color:#d70000;} /*umgekehrt wie bei den forms/knoepfen*/
.startseite:focus {color:forestgreen;}
.startseite:active {color:orange;}


/*========================== UHRENBREADCRUMBS ===========================*/

#uhrenbreadcrumbs {font-family: Tahoma,  sans-serif; text-transform:uppercase; background-color: #031BC0;
 
	height:16px;
	max-width:1280px;
	font-size: 12px; 
/*	text-align: right;
	margin-top:-64px;

	margin-top:1px; */
  padding-top:2px;  
 }


/* chrome/webkit-extrawurst: 
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#uhrenbreadcrumbs { padding-top:4px; }}
/* Chrome 29+ 
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
	#uhrenbreadcrumbs {padding-top:4px; }
	}	 	
}
*/	


.siesindhier {
	text-decoration: none;	
	font-family: Tahoma,  sans-serif; text-transform:uppercase;
	color: #FFFFFF;
	font-size: 12px; text-align: left; margin-left: 12px;
	}	

.broesel0 {/*bestimmt OK*/
	text-align:left; text-decoration:none; 
font-family: Tahoma, 'BellGothic', sans-serif; color: #031BC0; text-transform:uppercase;
	font-size: 12px; margin-top:0px; /*1*/ margin-right:12px; text-decoration:none; /*-22 */
	}

.broesel1 {
	text-align:left; text-decoration:none;
	font-family: Tahoma, 'BellGothic',  sans-serif; color: #031BC0; text-transform:uppercase;
	font-size: 12px; /* margin-left:12px; */
	}

.broesel2 { 
	
font-family: Tahoma,  'BellGothic',  sans-serif;	color: #031BC0; text-transform:uppercase;
	font-size: 12px; text-align:left; margin-left:12px; cursor:text;}

.broesel3 {
	text-decoration:none;
	color: white; text-transform:uppercase;
	font-size: 12px; text-align:left; margin-left:12px; cursor:text;
	font-family: Tahoma, 'BellGothic', sans-serif; text-transform:uppercase;
 	background-color:#031BC0;  
 	color:#fff; }
/*	background-color:rgba(173,189,229,0.88);  DIE FARBE IST WICHTIG WG DER 'WELLEN' 
	background-color: rgba(0,0,128,0.88);	*/
 
/*	background:#031BC0; 
	background: -webkit-linear-gradient(rgba(173,189,229,0.88), rgba(255,255,255,0.88)); 
	background: -o-linear-gradient(rgba(173,189,229,0.88), rgba(255,255,255,0.88)); 	 
	background: -moz-linear-gradient(rgba(173,189,229,0.88), rgba(255,255,255,0.88)); 	 
	background: linear-gradient(rgba(173,189,229,0.88), rgba(255,255,255,0.88)); 			
*/
}

/* nur fuer chrome/webkit:  	
@media screen and (-webkit-min-device-pixel-ratio:0) { 	
.broesel3 {
	text-decoration:none;
	
: 'BellGothic', sans-serif; text-transform:uppercase;
	color:#fff; 
	background-color: rgba(0,0,128,0.88);	
	height:20px;
	padding-top: 0px;	 
	padding-bottom:0px;  
	padding-left:12px; padding-right:12px; font-size: 12px; text-align:left; margin-left:12px; cursor:text;}
}
*/