.nav_design { text-align:left; padding-left:5px; padding-right:5px; padding-top:10px; padding-bottom:5px; text-align:left; width:250px; } 

.ueberschrift_links {color: #FFFFFF; padding-right:5px; padding-left:10px; padding-top:10px; padding-bottom:10px;background:#808080; border-left:0px solid #FFFFFF; padding-left:10px }
.ueberschrift_rot {color: #FFFFFF; padding-right:5px; padding-left:10px; padding-top:10px; padding-bottom:10px;background:#a3371a; border-left:0px solid #FFFFFF; padding-left:10px; font-weight:bold }

.menu_grau 	{ font-family:Verdana, Arial, sans-serif; font-size:12px; color:#FFFFFF; text-decoration: none; font-weight:bold;}
.menu_grau:hover { color:#a3371a; text-decoration: none; }

.logooutside_left { margin-left:45px; margin-top:8px; margin-right:10px; margin-bottom:8px; text-align:left}
.logooutside_right { margin-left:45px; margin-top:8px; margin-right:10px; margin-bottom:8px; text-align:right}

.img_right { margin-left:45px; margin-top:8px; margin-right:10px; margin-bottom:8px; text-align:right}


/* ############################### TOP */

form { display: inline; width: auto }

/* ______________________________ Generell */

#aussen   { text-align: center }

/* ############################### TOP */
#BANNERrot {
background-color: #a23619;
}

#BANNERaussen    { background-image: url(http://www.schrobenhausen.de/cms2/images/schriftzug.png); background-repeat: no-repeat; background-position: left top; text-align: right; margin: 0 auto; width: 70em; height: 200px }
#bannerbild {
width: 360px;
height: 200px;
float: right;
overflow: hidden;
clip: rect(auto auto auto auto);
}

/* ________________________________ ADMIN */

/* #ADMINaussen            { background-color: #c0c0c0; margin-right: auto; margin-left: auto; padding-bottom: 1em; width:800px } */
#ADMINaussen            { background-color: #c0c0c0; margin-right: ; margin-left: auto; padding-bottom: 20px; width: 100%; height:2em }
#ADMINlinks            { text-align:left; }
#ADMINrechts            { text-align:center; padding-left:1em;}
#ADMIN { float: left }
#schnellnavigation, #schnellnavigation h4, #schnellnavigation ul, #schnellnavigation li, #schnellnavigation p { visibility: hidden !important; font-size: 0; background-color: #ccc; margin: 0; padding: 0; width: 0 !important; height: 0 !important; overflow: hidden; border: none }
#ADMIN li       { color: #000; line-height: 1em; list-style-type: none; margin: 0; padding-left: 1,5em; float: left }
#ADMIN a         { color: #000; line-height: 1em; display: block; margin-top: 1em; padding: 0 }
#ADMIN a:hover    { text-decoration: underline }
#ADMIN a:hover span   { text-decoration: none !important }
#ADMIN span { color: gray; font-size: 1em; line-height: 1em }
#ADMIN input      { color: gray; text-align: center; margin-top: 0.7em; margin-right: 0.5em; margin-left: 0.5em; padding-right: 0.5em; padding-left: 0.5em; width: 17em; border: solid 0.1em }
#ADMIN .schalter      { color: #fff; background-color: gray; margin-right: 1em; width: 9em; border-style: solid; border-width: 1px; border-color: #fff black black #fff }
#ADMIN .link  { font-size: 0.8em !important; font-weight: bold; white-space: nowrap !important }
#ADMIN #suchen { border: none }
#hilfe p, #LEFT p { 
font-size: 0; 
visibility: hidden !important; 
margin: 0; 
padding: 0; 
width: 0 !important; 
height: 0 !important; 
overflow: hidden
}

/* ############################### MAIN */

#MAINaussen    { background-color: #f4f4f4; margin-top: 0; margin-right: auto; margin-left: auto; padding: 0; width: 70em }
#MAINinnen    { background-color: #f4f4f4; background-image: url("img/startseite/SOBwappen.png"); background-repeat: no-repeat; background-position: 5em bottom; margin: 0; padding: 0; float: left; border-bottom: 1px solid #fff }


/*________________________________ LEFT */

#LEFT                 { font-size: 1em; background-color: #f4f4f4; padding-right: 0.5em; padding-bottom: 0.5em; padding-left: 0.5em; width: 17em; float: left }
#LEFT ul   { margin: 0; padding: 0 }
#LEFT li    { list-style-type: none; margin: 0; padding: 0; float: left; border-top: 2px solid #f4f4f4 }
#LEFT a        { color: #000; display: block; margin: 0; padding: 0.3em 0.5em; width: 17em }
#NAV       { margin-bottom: 1em }
#NAV li    { text-align: left }
#NAV a     { color: white; font-weight: bold; background-color: gray; text-align: center; text-transform: uppercase; float: left; border: solid 0.1em #808080 }
#LEFT #NAV li.aktuell  { }
#LEFT #NAV li.aktuell a  { font-weight: bold }
#LEFT #NAV a:hover       { color: gray; background-color: white }
#kapitel   { color: #fff; font-size: 1em; font-weight: bold; background-color: #a3371a; text-align: center !important; text-transform: uppercase; display: block; padding: 0.5em; width: 17em; height: 2em; overflow: hidden; clip: rect(auto auto auto auto); border: solid 0.1em #a3371a }
#LEFT h4#kapitel span { 
font-size: 0px; 
visibility: hidden !important; 
margin: 0px !important;  
padding: 0px !important; 
width: 0px !important; 
height: 0px !important; 
overflow: hidden;
line-height: !important; 
float: left;
/**/}
#SUB      { }
#SUB li    { }
#SUB a     { color: #000; background-color: #ddd; text-align: left; border: solid 0.1em #ddd }
#SUB a.aktuell       { font-weight: bold }
#SUB a:hover  { border: solid 0.1em black }
#LEFT #SUB #sub    { margin-left: 0 }
#LEFT #SUB #sub li   { }
#SUB #sub a    { color: black; background-color: #fff; padding-top: 0.1em; padding-bottom: 0.1em; border: solid 0.1em #fff }
#SUB #sub a.aktuell  { margin-bottom: 0 }
#SUB #sub a:hover  { border: solid 0.1em gray }
/*________________________________ RIGHT */

#RIGHT  { margin-right: auto; margin-left: 19em }

html* #RIGHT, html*+ #RIGHT  { margin-right: auto; margin-left: 18em }

#CONTENT  { margin-right: 2em; margin-bottom: 2em; margin-left: 0.3em; padding-left: 2.7em; float: left; border-left: 1px solid gray }

#CONTENT h2 a:hover { text-decoration: underline }
#CONTENT li     { line-height: 1.5em; text-align: left; margin-top: 0.7em; margin-bottom: 0.7em; margin-left: 2em }
#CONTENT li li   { line-height: 1; margin-top: 0; margin-bottom: 0 }
#CONTENT ul  { margin: 1em 20px 1em 5em }
#CONTENT p   { line-height: 1.5em; margin-left: 5em }
#CONTENT #varianten { margin-top: 5em; margin-bottom: 1em; float: right }
#CONTENT #varianten li { color: silver }
#CONTENT #varianten a { color: silver }
#CONTENT #varianten a:hover { color: black }

/* ______________________________ Zeile 1: Suchen, Aktueller Pfad */


/* ______________________________ footer */

#footer          { color: #fff; background-color: #a3371a; text-align: center; margin-top: 0; margin-right: auto; margin-left: auto; padding-top: 10px; padding-bottom: 5px; width: 100% }
#footer p   { font-size: 0.9em; text-align: left; margin: 0 1em 0 20em; padding: 0 }
#footer a    { color: #fff; text-decoration: underline }
#footer a:hover  { text-decoration: none }

#footer_stadtwerke { color: #fff; background-color: #05049E; text-align: center; margin-top: 0; margin-right: auto; margin-left: auto; padding-top: 10px; padding-bottom: 5px; width: 100% }
#footer_stadtwerke p { font-size: 0.9em; text-align: left; margin: 0 1em 0 20em; padding: 0 }
#footer_stadtwerke a { color: #ECD190; text-decoration: underline }
#footer_stadtwerke a:hover { color: #EBC351; text-decoration: none }

/* ______________________________ footer */

.nodeco:hover { text-decoration: none !important }

.hidden  { 
font-size: 0 !important; 
background-color: transparent !important; 
margin: 0 auto auto 0; 
padding: 0; 
width: 0 !important; 
height: 0 !important; 
float: left !important; 
overflow: hidden !important; 
clip: rect(auto, auto, auto, auto) !important;
visibility: hidden;
}

.anker  { font-size: 0 !important; line-height: 0 !important; margin: 0; padding: 0; width: 0 !important; height: 0 !important; overflow: hidden !important }
.nowrap {
white-space: nowrap;
}

.floatleft {
float: left;
margin-right: 10px;
}
.floatright { margin-left: 5px; float: right }
.center {
text-align: center;
}
.lupe  { background-color: transparent !important; border: none !important }

#larger {
text-align: center;
}

#larger p.close {
width: 600px;
margin: 10px auto;
color: white;
font-size: 12pt;
}
.clear {
font-size: 0 !important; 
list-style-type: none !important; 
clear: both !important;
background-color: transparent !important;
}

#varianten  { text-align: left; padding-top: 100px; width: 400px }
#varianten ul { }
#varianten li    { color: gray; font-size: 0.9em; line-height: 1.5em; text-align: left; margin-left: 3em }
#varianten a    { color: black !important; font-size: 1em; text-align: left }
#varianten a:hover  { text-decoration: underline }
.pfeil { vertical-align: middle }

.footer_design { text-align:left; height:1px; background-color:#a3331a; color:#FFFFFF; text-align: center }
.footerlink { font-family:Verdana, Arial, sans-serif; font-size: 11px; color:#FFFFFF; text-decoration: none; }
.footerlink:hover { color:#00FF00; text-decoration: none; }


.picleft {
text-align:center;
width: 150px;
}