@charset "UTF-8"; 
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #fef9f6 url('../images/kgh.jpg') top no-repeat;
	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	text-align:left; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #000;
	position: static;
	max-width: 1920px;
	max-height: 1080px;
	
}

/* Grundlegene Seiteneigenschaften */

.CompiDoc #container {
	
	width: 100%;
	max-width:1000px;  /* Hierdurch wird ein Container mit einer Breite erstellt, die 80% der Browserbreite beträgt. */
	
	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	margin-top:10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border: 1px solid #d34200;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
}
.CompiDoc #admin {
	width:100%;
	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	margin-top:20px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border: 1px solid #d34200;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
}
.CompiDoc #header {
	background:url(../images/n1.jpg);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 0 10px 0 20px;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
}
.CompiDoc #header h1 {
	background-color:#FFF;
	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
	padding: 10px 0;  /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
}
.CompiDoc #mainContent {
/*	padding: 0 20px; */ /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: normal;
	background: #FFFFFF;
	color: #000;
	height: 640px;
}
.CompiDoc #mainContent h1 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	color: #000;
	font-weight:bold;
}
.CompiDoc #headMenue { float: left; width:100%;  vertical-align:bottom;   
}
.signup {
	background-image:url(../images/fbg.jpg);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius:10px;
	border: 1px solid #d34200;
}

.bildrand {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius:10px;
}

.CompiDoc #footer { 
	padding: 0 10px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
	height:50px;
	vertical-align:top;
	background:url(../images/n2.jpg);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
} 

/* neue CompiDoc Aktionen im Vorfeld */
/* Startseiten Frames                */

.CompiDoc #randbild {
	position:static;
	width:300px;
	height:400px;
	border-right: 1px solid #d34200;
	border-bottom:1px solid #d34200;
	border-bottom-right-radius: 20px;
}

.CompiDoc #sticker {
	position:static;
	width:300px;
	height:100px;
}

.CompiDoc #sticker p {
	padding-bottom:5px;
	padding-left:10px;
}

.CompiDoc #skontakt {
	position:static;
	width:270px;
	height:75px;
	background-color: #e05b00;
	border-top:1px solid #e05b00;
	border-right-color:1px solid #e05b00;
	border-top-right-radius: 20px;
	padding:15px;
	margin-top:25px;
	

	}
	
.CompiDoc #main {
	position:relative;
	padding-left:15px;
	padding-right:10px;
	top: -644px;
	width:675px;
	left:300px;
	height:640px;
	overflow:auto;
	
	
}
.CompiDoc #container #footer table tr td {
	text-align: left;
}
.CompiDoc #container #mainContent {
	font-size: 12px;
}


/* Compidoc Schriften        */
/*                           */
.bildrand {
	background-image:url(../images/fbg.jpg);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius:10px;
}

.normal {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color: #4d4d4c;
	font-weight: normal;
}
.normalbig {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color: #4d4d4c;
	font-weight:bold;
}
.norm10px {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#000;
	font-weight: normal;
}
.gruen10px {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color: #038827;
	font-weight:normal;
}
.gruen12px {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color: #038827;
	font-weight:normal;
}
.pageHeader {
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	color: #000;
	font-weight:bold;
}
.lineHeader {
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	padding-left:10px;
	color: #038827;
	font-weight:bold;
}
.tabheader {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color: #000;
	font-weight:bold;
}
.uhr {
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color: #000;
	font-weight:bold;
}
.uhrZeit { 
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	color: #d34200;
	font-weight:bold;
	padding-top:3px;
}
.weiss16big {
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	color: #FCFCFC;
	font-weight:bold;
}
.weiss12big {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color: #FCFCFC;
	font-weight:bold;
}
.spacer { font-size: 1px;}
.mpage {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
	font-weight:bold;
}
.mbuttons {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#fce203;
	text-decoration:none;
}
.mbuttons a {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#fabd05;
	text-decoration:none;
}
.mbuttons a:hover {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	font-weight:bold;
	color: #ffe4ca;
	text-decoration:none;
}

/* Admin Stile */

.big2red {
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#F00;
	font-weight: bold;
	text-align: center;
}

.big24text {
	font-family:Verdana, Geneva, sans-serif;
	font-size:24px;
	font-weight: bold;
	text-align: center;
}

.big2 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight: bold;
}

.bigblack8 {
	color:#000;
	font-family:Verdana, Geneva, sans-serif;
	font-size:8px;
	font-weight: bold;
}

.bigblack10 {
	color:#000;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	font-weight: bold;
	text-align: left;
}

.admin_button {
	margin-top: 0px;
    text-align: center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:8px;
}
.admin_text {
	
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	vertical-align:bottom;
}
.admin_form {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}

/*  ****************************************** */

a {
color: #309;
font-weight: bold;
text-decoration: none;
}
a:hover {
color: #f07b00;
font-weight: bold;
text-decoration: none;
}
/* Log Daten Position */
.logLeft { float:left; width:44%; padding-bottom:2px; padding-top:2px; }
.logRight { float:right; width:56%; padding-bottom:2px; padding-top:2px; }

/* Logging Tabelle Einlogg Feld */
#log2Table { margin:auto; width:100%; }
#log2Left { float:left; width:40%; padding-top:5px; vertical-align:bottom; }
#log2Middle {float:left; width:40%; padding-top:5px; vertical-align:bottom; }
#log2Right { float:right; width:20%; }

/* Display Benutzerdaten Ausgabe Tabelle rechts oben */
div.disLeft { float:left; width:40%; padding-bottom:2px; padding-top:2px; }
div.disRight { float:right; width:60%; padding-bottom:2px; padding-top:2px; }

/* Kontakt Daten Position */
div.konLeft { float:left; width:40%; padding-bottom:2px; padding-top:2px; }
div.konRight { float:right; width:60%; padding-bottom:2px; padding-top:2px; }

/* Header Tabelle */
#headLeft { float: left; width: 249px;  padding-bottom:10px; padding-top:15px;   }
#headMiddle { float: left; width: 222px;  padding-bottom:10px; padding-top:15px;  }
#headRight { float: right; width: 323px;  padding-bottom:10px; padding-top:15px;  }     

.ddsmoothmenu{
font: bold 12px Verdana;
background: url(../images/menubg.jpg);
width: 100%;

}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
background: url(../images/menubg.jpg) ;
color: white;
padding: 8px 10px;
border-right: 1px solid #778;
color: #2d2b2b;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: white;
}

.ddsmoothmenu ul li a:hover{
background: url(../images/menu2bg.jpg);
color: white;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: normal 12px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}



	



/* Hoover Eigenschaften und Ausgabe Tabelle rechts oben */

.menter {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#000;
	text-align: left;
	}

.zbuttons {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #006;
	text-decoration:none;
}
	
	
/*     Men�                         */
/*                                  */

	/* Menü Bereich ********* */

.norm9px {
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	color:#000;
	font-weight: normal;
}
.indentmenu{
font: bold 10px Arial;
width: 100%; /*leave this value as is in most cases*/
overflow: hidden;
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 100%; /*width of menu*/
border: 1px solid;/*dark purple border*/
border-width: 1px 0;
background: url(../images/indentbg.png) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid  /*dark purple divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: url(../images/indentbg2.png) center center repeat-x;
}
/* Menübereich ENDE !!! */

.beschriftung10g {
	font-size: 10px;
	font-weight: bold;
	color: #C90;
}
.tablespacer{
	font-family:Verdana, Geneva, sans-serif;
	font-size:2px;
	}

.adminmenu{
font: bold 10px Arial;
width: 100%; /*leave this value as is in most cases*/
overflow: hidden;
}
.adminmenu ul{
margin: 0;
padding: 0;
float: left;
width: 100%; /*width of menu*/
border: 1px solid;/*dark purple border*/
border-width: 1px 0;
background: url(../images/indentbg.png) center center repeat-x;
}

.adminmenu ul li{
display: inline;
}

.adminmenu ul li a{
float: left;
color: #e6e5e4; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid  /*dark purple divider between menu items*/
}

.adminmenu ul li a:visited{
color: #FFF;
}

.adminmenu ul li a:hover, .indentmenu ul li .current{
color: #fcf4d2 !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: url(../images/indentbg.png) center center repeat-x;
}
/* Menübereich ENDE !!! */


td tr { vertical-align:top; }


#dhtmltooltip table {
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
	float: none;
	width: 300px;
}
#dhtmltooltip td {
	width: 60px;
	border: thin solid #009;
	height: 15px;
}
/* Rotationsschriften */
.lcdstyle{ /*Example CSS to create LCD countdown look*/
	color:#FD7600;
	font: bold 24px Verdana, Arial, Helvetica, sans-serif;
	padding: 3px;
}

.lcdstyle sup{ /*Example CSS to create LCD countdown look*/
	font-size: 80%;
	color: #FBA003;
}
.linkset {
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
color: #C03;
font-weight: bold;
text-decoration: none;
}
.linkset a {
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
color: #C03;
font-weight: bold;
text-decoration: none;
}
.menuset a:hover {
font-family:Verdana, Geneva, sans-serif;	
font-size:10px;
color: #FFF;
font-weight: bold;
text-decoration: none;
}
.menuset {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color: #B83C12;
	font-weight: bold;
	text-decoration: none;
}
.menuset a {
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
color: #000000;
font-weight: bold;
text-decoration: none;
}
.linkset a:hover {
	font-family:Verdana, Geneva, sans-serif;
font-size:10px;
color: #C90;
font-weight: bold;
text-decoration: none;
}

.spacer6px { font-size: 6px;}

.iframe { 	background-color:#FFF;
background:#FFF;
 			}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: #ffb751;
}


.headerzeile {
	text-align: right;
}


/* Einzelne Downloads im geschützen Bereich */
div.download {
padding: 2px;
margin-left: 20px;
}
.headertext {
	font-size: 14px;
	font-weight: bold;
	color: #F00;
}
.black10 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #000;
	font-weight: normal;
}
.bigred12 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #F00;
}
.bigblack12 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
}
.bigred10 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #F00;
}
.red10 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #F00;
}
.biggreen10 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #090;
}
.bigwhite10 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
}
.bigblack10 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000;
}
.bigblack6 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 7px;
	font-weight: bold;
	color: #000;
}
.bigyellow10 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FF0;
}
.headertext01 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #000;
	text-align: center;
	
}
.header01dick {
	font-weight: bold;

}

.zbuttons a {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	font-weight:bold;
	color: #006;
	text-decoration:none;
}
.zbuttons a:hover {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	font-weight:bold;
	color: #F25A5A;
	text-decoration:none;
}
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.spacer { font-size: 3px;}

#fadeinbox{
position:absolute;
width: 450px;
left: 0;
top: -400px;
border: 2px solid black;
padding: 4px;
z-index: 100;
visibility:hidden;
}

/* Hintergurnd */
.brief {
	background-image: url(../images/briefpapier2.jpg);
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#000;
	font-weight: normal;
}
.bluebg {
	background-image: url(../images/identbg.png);
}
.goldbg {
	background-image: url(../images/goldbg.png);
}
.rotbg {
	background-image: url(../images/fback2.png);
}
.rotweissbg {
	background-image: url(../images/back.jpg);
}
.grafikbg {
	background-image: url(../images/grafik.png);
	background-size:100%;
}
.grafikbg_en {
	background-image: url(../images/grafik_en.png);
	background-size:100%;
}
.weissbg {
	background:#FFF;
	text-align: right;
}
.lvlbg {
	background-color: #FFF;
	background-image:none;
	font-size: 9px
	}
.menubg {
	background-image: url(../images/menubg.jpg);
}

/* hn Codecs */
h1 {font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	color: #000;
	font-weight:bold;
}
h2 {font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	padding-left:10px;
	color: #038827;
	font-weight:bold;
}
h3 {font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color: #000;
	font-weight:bold;
}
h4 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	color:#FC0;
	font-weight: bold;
}


/* Bookmark Codec */
#opp24x {position:relative; float:left;} 
#opp24x a{ margin:0 2px 0 0; float:right; border:1px solid #ccc;} 
#opp24x a:hover{ margin:0 2px 0 0; float:right; border:1px solid #fff;}  
#opp24x img{  float:left;  }

/* refer link verschwinden */
.blind { 
color:#FFF;}
.blind a {
color:#FFF;}
.blind a:hover {
color:#FFF;}

/* Backlink Tabelle Scrollen */

div.backlink {
height: 585px;
width: 250px;
background-color:#FFF;
overflow: auto;
padding: 5px;
}

/* Link Seite Tabelle Scrollen */

div.link {
height: 485px;
width: 100%;
background-color:#FFF;
overflow: auto;
padding: 5px;
}

/* News Seite grosse Tabelle Scrollen */

div.bignews {
height: 500px;
width: 100%;
background-color:#FFF;
overflow: auto;
padding: 5px;
}


div.constbignews {
height: 500px;
width: 590px;
padding: 5px;
}

/* News Seite kleine Tabelle Scrollen */

div.smallnews {
height: 370px;
width: 100%;
background-color:#FFF;
overflow: auto;
padding: 5px;
}

div.constsmallnews {
height: 370px;
width: 190px;
padding: 5px;
}

/* Textmarker */
.markergelb { background-color:#FF0;}

/* Link Seite Tabelle Scrollen */

/* Funktion Buttons */

div.switch {
	padding-bottom:2px;
	width:24px;
	background-color:#EE9E25;
	border:#D5D5D5;
	
}
div.box {
height: 105px;
width: 118px;
padding: 0px;
}

div.box2 {
height: 105px;
width: 120px;
padding: 0px;
}

div.box3 {
height: 100%;
width:  100%;
padding: 0px;
}

/* --- Tabellen Ersatz f�r alle Seiten --- */

/* Tabellen Abschlussmarker */
.clr { clear:both; }
.clrRight { clear:right; }
.clrLeft { clear:left; }
.clrInherit {clear:inherit; }

/* Tabellen Kopf und Zeilen allgemein */
div.gtable  {  margin: auto; width: 100%; }
div.gtableFlexi { margin:auto; }
div.glineLeft { float:left; }
div.glineRight { float:right;  }
div.glineLeft1pd { float:left; padding-bottom:1px; padding-top:1px; }
div.glineRight1pd { float:right; padding-bottom:1px; padding-top:1px; }
div.glineLeft2pd { float:left; padding-bottom:2px; padding-top:2px; }
div.glineRight2pd { float:right; padding-bottom:2px; padding-top:2px; }

      
#headTable2 {  margin: auto; width: 100%; }