body {
background-image: url(../gemeinsames/index/beton_gr.jpeg);
font-size: 11px;
font-family: Helvetica, Arial, SunSans-Regular, Sans-Serif;
color: black;
padding:0px;
margin:0px;
}

h1 {
font-size: 22px;
border-top:/*1px solid #564b47;*/
border-bottom:/*1px solid #564b47;*/
padding:5px 15px;
margin:0px; }

h2 {
font-size:20px;
color: red;
font-weight: bold;
padding: 5px 10px;
margin:0px;}

h3 {
font-size:20px;
}

.hauptnav {
font-size: 22px;
}

.center {
margin:0;
text-align: center;
}

.pfeil{
font-size: 40px;
}

.klein{
font-size: 14px;
}

.mini{
font-size: 10px;
}	

/* ----------container zentriert das layout-------------- */
#container {
background-image: url(../gemeinsames/beton_gr.jpg);
width: 780px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
} 

/* ----------banner für navigation-------------- */
#banner {
width: 780px;	
text-align: center;
background-color: transparent;
padding: 0px;
margin:auto; }

#banner img {padding:10px 0px;}

/* ----------outer und inner----------------- */

#outer{ 	
border-left: solid 200px transparent; /*#EBD3E0;*/ /* linke Menue Spalten Farbe  */ 
border-right: solid 200px transparent; /*#EBD3E0;*/ /* rechte Menue Spalten Farbe  */ 
background-color: transparent; /*#ffffff;*/ /* Farbe fuer Inhalt Spalten  */
} 

#inner{margin:0; width:100%; }

/* --------------left und right unternavigavtion und bilder------------- */
#left {
 width:200px; 
 float:left; 
 position:relative; 
 margin-left:-200px; 
 margin-top: 60px;
 margin-right:1px;
 }
 #right {
 width:200px; 
 float:right; 
 position:relative; 
 margin-right:-200px; 
 margin-left:1px;
 }

/* -----------------Inhalt für die Diashow--------------------- */ 
#content{	
position: relative; 
margin: 0px; 
}
p {
padding: 5px 10px;
margin:0px; }

pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}

/*  ----------------footer---------------------- */ 
#footer {
clear:left;
padding:0px;
margin:0px;
margin-top:50px;
text-align: center; } 

/* _____________navigations-css---------------- */

/* -------------------------- BEGIN do not change --------------------------- */

ul { background-color: transparent;
	font: 8px;
}

ul.dropdown
{
    list-style: none;
    margin: 0;
    padding: 0;
    width: 90px;
}

ul.dropdown ul
{
    list-style: none;
    margin: 0;
    padding: 0;
	width: 100%;
}

ul.dropdown li
{
	position: relative;
	padding: 1px 0px 1px 0px; /* helps Opera with hover - do not remove! */
}

ul.dropdown a
{
    display: block;
}

ul.dropdown ul, ul.dropdown ul ul, ul.dropdown ul ul ul
{
    display: none;
    position: absolute;
    top: 0;
    left: 99%;
}

ul.dropdown li:hover ul ul, ul.dropdown li:hover ul ul ul
{
    display: none;
}

ul.dropdown li:hover ul, ul.dropdown ul li:hover ul, ul.dropdown ul ul li:hover ul
{
    display: block;
}

/* -------------------------- END do not change --------------------------- */


ul.dropdown a.has_submenu
{
    background:url(arrow_right.gif) no-repeat right;
}

#nav
{
    font: 14px helvetica;
    background-color: transparent;
    /* border: 1px outset black; */
}

#nav a
{
    color: white;
    padding: 4px;
    text-decoration: none;
}

#nav a:hover
{
    color: red;
}


#nav ul
{
   /* border: 1px outset black; */
}