/* CSS Styles for GKP Main Template */

body{
	background-color: #333333;
	font-family: Verdana;
	/*font-size: 7pt; */
	font-size: 0.7em;
	margin: 0;
	padding:0;
	color: #CCCCCC;
}
a{
	text-decoration:none;
	color: #CCCCCC;
}
a img{
	border: 0px;
}
p, img, div{
	margin:0px;
	padding:0px;
}

h1
{
	font-size: 0.7em;
	font-weight: 800;
	margin:0;
	padding:0 0px 10px 0;
}
#leftFrame
{
	float:left;
	height: 610px;
	width:  250px; 						/* 290px; */
	margin: 0px;
	border:0px;
}
#leftTop						/* linke Seite: Logo */
{
	padding:97px 0 0 108px;
}
#rightFrame
{
	margin: 0px;
	height: 610px; 
	border:0px;
	border-left: 1px solid #FFFFFF;			/* weisser Strich zum Abgrenzen */
	margin-left:250px;
	padding: 0;			/* wegen der Linie, damit sie so lange gezeichnet wird: 30px länger */
}
#rightTop						/* linke Seite: Adresse und Gebäude */
{
	padding:113px 0 0 0;
/* border: 1px solid white; */
}
#rightTop img
{
	margin: 0 10px 0 0;
	padding:0;
/* border: 1px solid red; */
}
#rightTop p
{
	margin: 82px 0 0 10px;
	padding:0 0 4px 0;			/* die 4px zeigt der  IE nicht an, aber der Firefox und damit ist die Darstellung bei IE und Firefox identisch. */
}
.floatLeft
{
	float:left;
}

/* Menues */
#menuLevel0					/* Navigation linke Seite, oberste Ebene */
{
	margin: 47px 20px 0 100px;
	text-align: right;
}
.menu-level0-act, .menu-level0-no
{
	margin-bottom: 20px;
}
#menuLevel1					/* Navigation  1.Ebene */
{
	margin: 0px 0 0 0px;
	padding: 0;		
	/* width: 650px;			/* identisch mit #menuLevel2 */
}
#menu-level1-images			/* Container für Bilder in der Navigation 1. Ebene */
{
	float: right;
	width: 258px;
}

#menu-level1-images img
{
	margin: 0 0 0 5px;
}
/*
* html #menu-level1-images img {
	margin-bottom: -3px ; 
	ma\rgin-bottom: 0px; 
}
*/
#menu-level1-links
{
	padding: 43px 0 3px 10px;		/* Abstand zum Rand für gesamtes Menü setzen */
	height:11px;
}

#menuLevel2						/* Navigation  2.Ebene */
{
	background-color: #505050;	/* #666666; */
	min-height: 18px;	
	margin: 0;
	padding: 3px 0 0 0;
	border-top: 1px solid #707070;
	border-bottom: 1px solid #707070;
}
* html #menuLevel2{
	height: 22px;
}
#menuLevel2 div				/* Abstand zum linken Rand und Darstellung inline setzen */
{
	padding-left: 10px;	
	display:inline;
}	
.contentWidth
{
	width: 655px;					/* identisch mit #menuLevel1 */
}
.menu-level1-no , .menu-level1-act /*, .menu-level2-no, .menu-level2-act			/* Menueitem Ebene 1 und 2 */
{
	display:inline;
	margin-right: 10px;
}

.menu-level0-act a, .menu-level1-act a, .menu-level2-act a, .menu-level100-act a{		/* selektierte Navigationsitems hervorheben */
	text-decoration: none;
	color: #3399FF; 					/* GKP Blau : #3399FF; */
}
#menuLevel100{
	position: relative;
	top: 165px;
	width: 250px; 
	text-align: right;
}
#menuLevel100 .container{
	margin: 0 20px 0 0;
}
.menu-level100-act, .menu-level100-no{
	display:inline;
	margin-left: 10px;
}
.GKPblau {							/* GKP Blau : 5F7EB4 */
	color: #3399FF;
}
/* Content */
#content
{
	height: 257px;
	background-color: #606060;			/* #808080; */
}
#contentText
{
	float:left;
	width:400px;						/*380px */
	/*border: 1px solid black; */
}

#contentImage
{
	float:right;
	width: 253px;
}

/* Verschiedene Styleklasse representing atom css properties */
.border-bottom-white
{
	border-bottom: 1px solid #FFFFFF;
}
.floatRight
{
	float: right;
}
.inline
{
	display: inline;
}
