body {
    margin: 0;
    padding: 0;
    font: small verdana, sans-serif;
    font-size: 0.8em;
	line-height: 1.4em;
    color: #333;
    text-align: center;
    background: #7f7f7f;
}

#wrapper {
    width: 780px;
    margin: 0 auto 0 auto;
    padding: 0 0 5px;
    text-align: left;
    background: #bbbcbb;
    position: relative;
    border: 1px solid #000000;
}




#header {
    float: left;
    margin: 10px 10px 10px 10px;
	padding: 0;
    line-height: 101%;
    background: #c2c59a;
}
/* IE Hack */
#wrapper > #header {
    margin: 10px 12px 0px 10px;
}

#header img {
    width: 300px;
    border: 0px;
	float: left; 
	margin: 10px; 
	padding: 0;
}

#header div {
	float:right; 
	margin:3px 3px auto auto; 
	font-size:80%;
}
#header div a {
	color:#000000;
}



/* ----- Hauptnavigation ----- */
#header ul {
    float: right;
    width: 758px;
    text-align: right;
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
    background-color: #B2B58E;
}

#header li {
    float: right;
    display: inline;
    width: 120px;
    text-align: center;
}

#header li a {
    color: #5C5D4A;
    text-decoration: none;
	padding:2px;
	display:block;
    background-color: #B2B58E;
	border: 1px solid #B2B58E;
}

#header li a:hover {
	padding-bottom: 1px;
    background-color: #D8DBAC;
	border: 1px solid #c91d09;
}





#inhalt {
    clear: both;
    float: left;
    width: 775px;
    padding-top: 0px;
    margin: 0px auto auto 5px;
}
html>body #inhalt {
    width: 758px;
    margin: 0 10px 0;
}

.largebanner {
    width: 758px;
    border-top: 1px solid #7f7f7f;
    border-bottom: 1px solid #7f7f7f;
	margin-bottom:-5px;
}



/* ----- Navigation (Linke Spalte) ----- */
#left {
    border-top: 1px solid #7f7f7f;
    width: 170px;
    float: left;
	background:#D5D5D5;
    border-bottom: 1px solid #7f7f7f;
}

#left h3.navititle {
    margin: 0px;
    margin-left: 0px;
    margin-top: 0px;
    padding: 0 13px 0;
    background-color: #c2c59a;
    font-size: 1em;
    color: #333;
}

#left ul {
    line-height: 1.4em;
    color: #333;
    margin: 0;
	padding: 0;
    list-style: none;
}

#left li.subnavi {
    line-height: 1.3em;
    width: 140px;
    margin-left: 10px; 
    margin-top: 5px;
	font-weight:bold;
}


#left li a {
    text-decoration: none;
    color: #6a0011;
    background: no-repeat url("../images/arrow_off.gif");
	padding-left:15px;
}
#left li a:hover {
    background: no-repeat url("../images/arrow_on.gif");
	padding-left:15px;
}

#left #navi_fix, #left #navi_login {
    padding: 10px 0 10px 0;
    border-top: 1px solid #7f7f7f;
}

#left #navi_fix li, #left #navi_login li, #left #navi_login p {
    margin-left: 10px;
    margin-top: 0px;
    font-size: 0.85em;
}
#left #navi_fix a, #left #navi_login a {
    color:#000000;
}
#left #navi_login p {
	color:#800000;
}



/* ----- Inhalt (Rechte Spalte) ----- */
#right {
    float: left;
    width: 581px;
    padding: 10px;
    margin: 0;
    border-left: 1px solid #7f7f7f;
    border-top: 1px solid #7f7f7f;
    border-right: 1px solid #7f7f7f;
    border-bottom: 1px solid #7f7f7f;
	background:#FFFFFF;

    /* hack start 
       sets the height for all browsers to auto*/
    height: auto !important;
    /*sets height (which acts like min-height) to your set size
    for IE, since it doesn't understand !important */
    height: 450px;
    /*set min-height for other browsers that understand !important*/
    min-height: 450px;
    /* hack end */
}

html>body #right {
    width: 566px;
}


#right h1 {
    font: normal 1.8em verdana, sans-serif;
    letter-spacing: 2px;
    margin-top: 10px;
}
#right h2 {
    font-size: 1.3em;
    margin: 0.1em 0 0 0;
}
#right h3 {
    font-size: 1.2em;
	color:#7f7f7f;
    margin: 0px 0 5px 0;
	border-bottom: 1px solid #7f7f7f;
}




#right div.fehler {
	font-weight:bold;
	color:#FFFFFF;
	background-color:#990000;
}
#right div.erfolg {
	font-weight:bold;
	color:#FFFFFF;
	background-color:#009933;
}


#locator {
	font-size:0.7em;
	background-color: #e5e5e5;
    border-top: 1px solid #6C6C6C;
	margin-bottom:20px;
	padding: 1px 3px 5px 3px;
}

#right a:link, #right a:visited, #right a:active, #right a:hover {
    color: #840017;
    text-decoration: underline;
}

#right pre {
    color: blue;
}

#right a:hover {
}


table {
    border: 1px solid #e5e5e5;
}

td {
	padding: 4px;
}


#right div.outer {
    border: 1px solid #e5e5e5;
    background-color: #ffffff;
    padding: 10px;	
}
.balken_u {
	background: bottom repeat-x  url("../images/bg_outerdiv_u.gif");	
}
.balken_o {
	background: top repeat-x  url("../images/bg_outerdiv_o.gif");	
}

#right div.inner {
    padding: 20px 20px 0 20px;
}
#right div.inner_2 {
    padding: 0 15px;
}
#right div.h3_sub {
    padding: 0 15px 25px 15px;
}

#right div.innerbottom {
	/* hack start 
       sets the height for all browsers to auto*/
    height: auto !important;
    /*sets height (which acts like min-height) to your set size
    for IE, since it doesn't understand !important */
    height: 60px;
    /*set min-height for other browsers that understand !important*/
    min-height: 60px;
    /* hack end */
}
#right div.innerbottom_1 {
	padding-top:35px;
}

#right div.kurzmeldung {
    padding-bottom: 20px;
}





/* --- images --- */
#right .refbild {
	clear:both;
	float:left; 
	width:70px; 
	margin:0 5px 2px 0;
	border: 1px #969696 solid;
}
.frame {
	border: 1px #969696 solid;
}








/* ----- f o o t e r ----- */
#footer {
    clear: both;
    padding: 10px 0 0 0;
    margin-left: 10px;
    width: 764px;
}

/* hack */
html>body #footer {
    width: auto;
    margin: 0 12px;
}


#footer p {
    text-align: right;
    color: #000000;
    margin: 0;
    padding: 0;
	font-size:80%;
}
#footer a {
    color:#800000;
}

.error {
  color: red;
}