@charset "UTF-8";
body {
	font-family: Franklin, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 11pt;
	/*background: #999 url(../Media/Pinselei.jpg) no-repeat;*/
	background: rgb(153,153,153) url(../Media/Pinselei.jpg) no-repeat;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000;
	margin-top: 20px;
}
/*Schriftdefinition*/
/*die alte
@font-face {
	font-family: 'Franklin';
	src: url('../Schrift/Franklin.eot'); 
 	src: local('☺'), url('../Schrift/Franklin.woff') format('woff'), url('../Schrift/Franklin.ttf') format('truetype'), url('../Schrift/Franklin.svg#Franklin') format('svg');
	font-weight : normal;
	font-style : normal; 
}
*/
/*bulletproof*/
@font-face {
	font-family: 'Franklin';
	src: url('../Schrift/Franklin.eot?#iefix') format('embedded-opentype'),  url('../Schrift/Franklin.woff') format('woff'),  url('../Schrift/Franklin.ttf') format('truetype'),  url('../Schrift/Franklin.svg#Franklin') format('svg');
}
@font-face {
	/*Schrift für die Headline*/
	font-family : 'Franklin_Fett';
	src: url('../Schrift/Franklin_Fett.eot?#iefix') format('embedded-opentype'),  url('../Schrift/Franklin_Fett.woff') format('woff'),  url('../Schrift/Franklin_Fett.ttf') format('truetype'),  url('../Schrift/Franklin_Fett.svg#Franklin_Fett') format('svg');
	font-weight : normal;
	font-style : normal;
}
@font-face {
	/*Schrift für die Headline2*/
	font-family : '20XBold';
	src: url('../Schrift/20XBold.eot?#iefix') format('embedded-opentype'),  url('../Schrift/20XBold.woff') format('woff'),  url('../Schrift/20XBold.ttf') format('truetype'),  url('../Schrift/20XBold.svg#20XBold') format('svg');
	font-weight : normal;
	font-style : normal;
}
/* alte Version
@font-face {
	font-family : 'Franklin_Fett';
	src: url('../Schrift/Franklin_Fett.eot');
 	src: local('☺'), url('../Schrift/Franklin_Fett.woff') format('woff'), url('../Schrift/Franklin_Fett.ttf') format('truetype'), url('../Schrift/Franklin_Fett.svg#Franklin_Fett') format('svg');
	font-weight : normal;
	font-style : normal; 
}
*/
/* Fonts und Schriften */

p {
	padding-top: 3px;
	padding-bottom: 5px;
	margin: 0px;
}
h1, h2, h3, h4, h5, h6, strong {
	font-family: "Franklin_Fett", "Arial Black", "Helvetica Black", "Helvetica Neue Black", sans-serif;
	letter-spacing: 0;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png, sizingMethod=crop);
	zoom:1;
	font-weight : normal;
	font-style : normal;
}
h1 {
	font-size: 28px;
	color: #000;
	line-height: 30px;
	margin-bottom: 6px;
	margin-top: 0px;
}
h2 {
	font-size: 22px;
	line-height: 24px;
	margin-top: 0px;
	margin-bottom: -5px;
}
h3 {
	font-size: 20px;
	line-height: 22px;
	margin-bottom: 2px;
	margin-top: 0px;
}
h4 {
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 2px;
	margin-top: 0px;
}
h5 {
	font-size: 14px;
	color: #999;
	line-height: 16px;
	margin-bottom: 2px;
	text-transform: uppercase;
	padding-top: 0px;
	margin-top: 0px;
}
h6 {
	font-size: 9px;
	color: #999;
	line-height: 11px;
	/*margin-bottom: -10px;*/
	text-transform: uppercase;
	margin-top: 2px;
	padding-top: 2px;/*display: block;*/
}
sub {
	font-size: 80%;
}
sup {
	font-size: 80%;
}
/*Farbe rot*/
rot {
	color: #F00;
}
/*Farbe weiss*/
weiss {
	color: #FFF;
}
/*links */
a img {
	border: none;
	border: 0;
	border-style: none;
}
img {
	border: none;
	border: 0;
	border-style: none;
}
a:link {
	color: #C00;
	text-decoration: none; /* Sofern Ihre Hyperlinks nicht besonders hervorgehoben werden sollen, empfiehlt es sich, zur schnellen visuellen Erkennung Unterstreichungen zu verwenden. */
}
a:visited {
	color: #999;
	text-decoration: none;
}
a:hover, a:active, a:focus { /* Durch diese Gruppe von Selektoren wird bei Verwendung der Tastatur der gleiche Hover-Effekt wie beim Verwenden der Maus erzielt. */
	text-decoration: underline;
	color: #F63;
}
.Buehne #container {
	width: 1050px;
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
	background-color: rgba(255,255,255,0.5);
}
#Kopf {
	position:relative;
	width:1050px;
	height:80px;
	z-index:1;
	left: 0px;
	top: 0px;	/*Transparenz mit allen was drinne ist*/
	/*opacity:0.5;*/
	}

#Navigator {
	position:absolute;
	width:506px;
	height:18px;
	z-index:1;
	left: 530px;
	top: 58px;
	background-color: #666666;
	font-family: Franklin, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-top: 4px;
	padding-left: 4px;
}
/*Links innerhalb der Boxen*/
#Navigator a:link {
	color: #FFF;
	text-decoration: none;
}
#Navigator a:visited {
	text-decoration: none;
	color: #CCC;
}
#Navigator a:hover, a:active, a:focus {
	text-decoration: none;
	color: #F00;
}
#Daddy {
	position:absolute;
	width:300px;
	height:80px;
	z-index:2;
	left: 0px;
	top: 0px;
	clip: rect(0px,auto,auto,auto);
	/*opacity:0.8;*/
	
}
.Buehne #mainContent {
	padding: 0 0px;
	/*background-color: #FFF;*/
	background-color: rgba(255,255,255,0.7);
	float: left;
	width: 1050px;
}
.footer {
	padding: 8px 0;
	background: #B7B7B7;
	font-size: 10px;
	text-align: center;
	width: 1050px;
	float: left;
}
.Wichtiges {
	position:absolute;
	left:-40px;
	top:20px;
	width:75px;
	z-index:4;
	background-color: #FF0000;
	font-family: Franklin, Helvetica, Arial, sans-serif;
	font-size: 9px;
	font-weight: 500;
	color: #FFF;
	padding: 2px;
	text-align: center;
	text-transform: uppercase;
}
/*Links innerhalb der Boxen*/
.Wichtiges a:link {
	color: #FFF;
	text-decoration: none;
}
.Wichtiges a:visited {
	text-decoration: none;
	color: #CCC;
}
.Wichtiges a:hover, a:active, a:focus {
	text-decoration: none;
	color: #FC9;
}
.Zeile {
	position:relative;
	width:1040px;
	height:auto;
	z-index:3;
	left: 5px;
	top: 10px;
	float: left;
	/*background-color: #FFF;*/
	margin-bottom: 10px;
	clear: right;
}
.Datenzeile {
	position:relative;
	width:1038px;
	height:25px;
	z-index:3;
	float: left;
	background-color: #CCC;
	margin-bottom: 10px;
	padding: 7px 2px 2px 10px;
	margin-top: 20px;
	/* [disabled]clear: right;
*/
	display: block;
	top: 10px;
}
.Kontaktzeile {
	position:relative;
	width:1030px;
	height:1200px;
	z-index:3;
	left: 10px;
	top: 10px;
	float: left;
	margin-bottom: 10px;
	clear: right;
	background-image: url(../Media/Schreibtisch-Verlauf-1030.jpg);
	background-repeat: no-repeat;
	padding-bottom: 10px;
}
/*Eigentlich ein Einzelner*/
.Vierer {
	width: 250px;
	/*background-color: #FFF;*/
	margin-right: 5px;
	margin-left: 5px;
	float: left;
}
.Einer_Verwalter {
	width: 250px;
	background-color: #CCC;
	margin-right: 5px;
	margin-left: 5px;
	float: left;
}
.Zweier {
	margin-right: 5px;
	margin-left: 5px;
	float: left;
	margin-bottom: 15px;	/*height: auto;*/
	margin-top: 0px;
	width: 510px;
	height: 150px;
}
.Zweier_wachsend {
	width: 510px;
	margin-right: 5px;
	margin-left: 5px;
	float: left;
	margin-bottom: 15px;/*height: 150px;*/
}
.Einer_wachsend {
	width: 1000px;
	margin-right: 20px;
	margin-left: 20px;
	float: left;
	margin-bottom: 15px;/*height: 150px;*/
}
.
 {
	width: 1030px;
	margin-right: 5px;
	margin-left: 5px;
	float: left;
	margin-bottom: 15px;/*height: 150px;*/
}
.Dreier {
	width: 770px;
	background-color: #FFF;
	margin-right: 5px;
	margin-left: 5px;
	float: left;
}
.Daten_Infos {
	font-size: 10px;
	font-size: 9px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-bottom: 4px;
	margin-top: 2px;
}
/*Textauszeichnungen*/
.Marker {
	background-color:#FF0;
}
.zentriert {
	text-align:center;
}
.Datenbanksuche {
	display: inline;
	height: 30px;
	float: left;
	margin-bottom: 0px;
	margin-right: 5px;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif, "Helvetica Neue";
	color: #565656;
	margin-top: 2px;
}
/*Flash und Film Button*/
.kleine_Boxen {
	border:1px solid #F00;
	font-size: 9px;
	text-transform: uppercase;
	color: #F00;
	padding: 2px 3px 1px;
	text-align: left;
	display: inline;
	float: left;
	margin-top: 1px;
	margin-right: 4px;
}
/*Links innerhalb der Boxen*/
.kleine_Boxen a:link {
	color: #F00;
	text-decoration: none;
}
.kleine_Boxen a:hover {
	text-decoration: none;
	color: #F60;
	background-color: #CCC;
}
.kleine_Boxen a:visited {
	text-decoration: none;
	color: #F00;
}
/*Flash und Film Button*/
.kleine_Boxen2 {
	font-size: 9px;
	font-weight: 200;
	text-transform: uppercase;
	color: #FFF;
	padding: 1px 3px;
	background-color: #F00;
}
/*Links innerhalb der Boxen*/
.kleine_Boxen2 a:link {
	color: #FFF;
	text-decoration: none;
}
.kleine_Boxen2 a:hover {
	text-decoration: none;
	color: #F93;
	background-color: #DEDEDE;
}
.kleine_Boxen2 a:visited {
	text-decoration: none;
	color: #FFF;
}
.Beschreibung {
	padding-top: 4px;
	padding-right: 4px;
}
/*Formular*/
input#Name {
	background-color: #FFF;
	border: 1px solid #666;
	padding: 4px;
	margin: 2px 2px 2px 0px;
	width: 500px;
}
textarea#Text {
	height: 160px;
	background-color: #FFF;
	border: 1px solid #666;
	padding: 4px;
	margin: 2px 2px 2px 0px;
	width: 500px;
}
input#Submit {/*nur der Submit-Button*/
	width: 250px;
	margin-top: 4px;
	background-image: url(../Media/mailpfeil.png);
	background-repeat: no-repeat;
	background-color:transparent;
	height: 128px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
input#Werk {
	width: 250px;
	background-color:#E7E7E7;
	height: 15px;
	border: 1px solid #FFF;
	margin-top: 0px;
	float: left;
	margin-right: 5px;
}
/* ~~ Verschiedene float/clear-Klassen ~~ */
.rechtsfluss {
	float: right;
	margin-left: 8px;
}
.linksfluss { 
	float: left;
	margin-right: 8px;
}
.clearfloat { /* Diese Klasse kann in einem <br />-Tag oder leeren div-Tag als letztes Element nach dem letzten fließenden div-Tag (im #container) platziert werden, wenn #footer entfernt oder aus dem #container herausgenommen wird. */
	clear:both;
	height:0px;
	font-size: 1px;
	line-height: 0px;
}
.dahinter { /*von golem*/
	clear: both;
	content: '.';
	display: block;
	height: 0px;
	visibility: hidden;
}
input.pfeil {
	background-image:url(../Media/schwarzerPfeil.png);
	background-repeat:no-repeat;
	width:60px;
	height:30px;
	border-width: 0px;
	background-color: rgba(204,204,204,1);
}
input.pfeil:hover {
	background: url(../Media/roterPfeil.png) no-repeat;
	width:60px;
	height:30px;
	border-width: 0px;
}