/* standard elements */
html {min-height: 100%;}

* {
	margin: 0;
	padding: 0;
}

a {color: #048;}
a:hover {color: #06C;}

body {
	/*background: #E3E6D2 url('img/body.jpg') no-repeat center top;*/
	/*background:url(images/back.jpg) no-repeat;*/
	background: #507979;
	color: #444;
	font: normal 62.5% Verdana, Helvetia, sans-serif;
	/*padding-top: 64px;*/
}

p,code,ul {padding-bottom: 1.2em;}

li {list-style: none;}

h1 {font: normal 1.8em Verdana, Helvetia, sans-serif;}
h2 {font: bold 1.4em Verdana, Helvetia, sans-serif;}
h3 {font: bold 1em Verdana, Helvetia, sans-serif;}

form,input {margin: 0; padding: 0; display: inline;}

code {
	background: #FFF;
	border: 1px solid #EEE;
	border-left: 6px solid #CCC;
	color: #666;
	display: block;
	font: normal 1em Verdana, Helvetia, sans-serif;
	line-height: 1.6em;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}

blockquote {
	background: url(img/quote.gif) no-repeat;
	display: block;
	font-weight: bold;
	padding-left: 28px;
}

h1,h2,h3 {padding-top: 6px; color: #fff; margin-bottom: 4px;}

/* misc */
.clearer {clear: both; font-size: 0;}
.left {float: left;}
.right {float: right;}

/* structure */
.inner-container {
	border: 2px solid #639F9F;
	background: #456F6F;
	font-size: 1.2em;
	margin: 0 auto;
	padding: 0px;
	width: 746px;
	color:#fff;
}

.outer-container {
    background: url('img/container.jpg') no-repeat center bottom;
	padding-bottom: 64px;
}

/* headere & title */
.header {
	/*background: #222 url('img/header1.jpg') no-repeat;*/
	background-color:#507979;
	height: 110px;
	margin-bottom: 0px;
	text-align: left;
}
.header .title {
	color: #FFF;
	padding-top: 50px;
}
.header .title .sitename a {
	/*border-bottom: 1px dashed #657382;*/
	color: #fff;
	font: normal 3.5em Verdana, Helvetia, sans-seriff;
	padding-bottom: 2px;
	text-decoration: none;
}
.header .title a:hover {border-color: #F60;}
.header .title .slogan {
	font: normal 1.8em Verdana, Helvetia, sans-serif;
	padding-top: 6px;
	color:#fff;
}
 
 #container_menu1 {position:absolute; right:15px; top:8px; text-align:left;}
        #container_menu1 .first a {border: none; font-size:12px;}
        #container_menu1 a:link {color:blue; text-decoration:none;}
        #container_menu1 a:hover {text-decoration:none; color:blue;}

        #container_image1 {position:absolute; left:0px; top:-10px;}
		* html #container_image1 {position:absolute; left:0px; top:0px;}
        #container_image2 {position:relative; margin-left:250px; top:0px;}
 
.style1 {
	font-size:2.6em;
	index:10;
	color:#fff;
	/*background-color:#ccccff;*/
}

.style2 {
	font-size:1.8em;
	index:10;
	color:#fff;
	/*background-color:#ccccff;*/
}

/* Menükonfiguration */

        /* Container: Positionierung des Menüs im Dokument */
        #container_menu {height:30px; position:relative; z-index:100; text-align:left; left:0px; color:white; top:0px}
        * html #container menu {height:30px; position:relative; z-index:100; text-align:left; left:0px; }
        /* Rahmen, Ränder und Aufzählungszeichen entfernen */
        .menu, .menu ul {list-style-type:none; padding:0; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; color:white;}
        /* Nicht-ausgeklappte Elemente verstecken */
        .menu ul, .menu :hover ul ul {position:absolute; left:-3000px; top:-3000px; width:0; height:0;}
        /* Tabellendefinition für IE 5.5 */
        .menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
        /* Link- bzw. Listen-Hover: Browserabhängig */
        .menu a:hover {visibility:visible;} /* für IE6 */
        .menu li:hover {position:relative; z-index:200;} /* für IE7 */

        /* Erste Ebene */
        .menu li.top {display:block; float:left; position:relative; width:120px; margin-left:0px; margin-right:0px; height:33px; background-color:#507979; }
        .menu li.top a {display:block; width:120px; height:35px; color:#0000FF; font-size:12px; font-weight:bold; text-decoration:none; color:white;}
        .menu li.top a:hover {background-color:#639F9F; color:yellow;}

        /* Zweite Ebene Ausklappmenü */
        .menu :hover ul.sub {left:0; top:35px; background: #A11213; padding:3px 0; border:1px solid #fff; white-space:nowrap; width:210px; height:auto; text-align:left}
        .menu :hover ul.sub li {display:block; height:25px; position:relative; float:left; width:190px;}
        .menu :hover ul.sub li a {display:block; font-size:12px; height:20px; width:187px; line-height:20px; text-indent:5px; color:#ffffc2; text-decoration:none; border:3px solid #191611; border-width:0 0 0 3px; font-weight:bold;}
        .menu :hover ul.sub li a.expand {background:#D70103 url(images/arrow.gif) 180px 7px no-repeat;}
        .menu :hover ul.sub li a:hover {background:#fbd997; color:#000;}
        .menu :hover ul.sub li a.expand:hover {background:#fbd997 url(images/arrow_hover.gif) 180px 7px no-repeat; color:#000;}
        .menu :hover ul li:hover > a.expand {background:#fbd997 url(images/arrow_hover.gif) 180px 7px no-repeat; color:#fff;}

        /* Dritte Ebene Ausklappmenü */
        .menu :hover ul :hover ul {left:185px; top:-4px; background:#A11213; padding:3px 0; border:1px solid #fff; white-space:nowrap; width:260px; z-index:200; height:auto; z-index:300;}
	



/* path */
.path {
    /*background: #222 url('img/home.jpg');
	background-repeat:repeat-y;*/
	/*background: #949490;*/
	background-color:#507979;
	color: #FFF;
	font: normal 1.1em Verdana, Helvetia, sans-serif;
	padding: 8px 12px;
}
.path a {
	color: #FAFAFA;
	text-decoration: none;
}
.path a:hover {
	color: #FFE;
	text-decoration: underline;
}

/* main */
.main {
	/*background: url("img/main.gif") repeat-y;*/
	border-top: 0px solid #B0AAAA;
	padding: 0px 12px 0 0;
	color:#fff;
}

/* content */
.content {
	float: right;
	width: 688px;
	color:#fff;
	background:#456F6F;
}
.content .descr {
	color: #664;
	font-size: 0.9em;
	margin-bottom: 6px;
	color:#fff;
}
.content li {
	list-style: url(img/li.gif);
	margin-left: 18px;
}
.content p {
     font-family: Verdana, Helvetica, sans-serif;
	 font-size:1,2em;
}

/* navigation */
.navigation {
	float: left;
	width: 46px;
	height:100%;
	/*background: #222 url('img/navigation.jpg') no-repeat;*/
	/*background:url(images/hg.jpg) repeat-y;*/
	background:#456F6F;
}
.navigation h2 {
	color: #5A5A43;
	font: bold 1.1em Verdana, Helvetia, sans-serif;
	line-height: 30px;
	margin: 0;
	padding-left: 12px;
}
.navigation ul {
	padding: 0;
	border-top: 1px solid #EAEADA;
}
.navigation li {border-bottom: 1px solid #EAEADA;}
.navigation li a {
	font-size: 1.1em;
	color: #554;
	display: block;
	padding: 8px 0 8px 5%;
	text-decoration: none;
	width: 95%;
}
.navigation li a:hover {
	background: #F0F0EB;
	color: #654;	
}

/* footer */
.footer {
	/*background: #949490;*/
	color: #fff;
	font: 0.8em Verdana, Helvetia, sans-serif;
	margin-top: 0px;
	padding: 0px 0px;
	text-decoration: none;
	/*background: #222 url('img/home.jpg');
	background-repeat:repeat-y;*/
	background-color:#456F6F;
}
.footer a {
	color: #F7F7F2;
}
.footer a:hover {color: #FFC;}
.footer .right, .footer .right a {color: #C8C8C3;}
.footer .right a:hover {color: #F7F7F2;}