/* --------------------------------------------------------------------------------------------------- */
/* ---- Stadt Griesheim  "stgr_template.css" --------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */
/* ---- ("stgr_template.css", "stgr_content.css", "stgr_iehacks.css", "stgr_print.css") -------------- */
/* --------------------------------------------------------------------------------------------------- */




/*@media all {*/
@media screen, projection {



html {
    height:100%;
}

body {
    min-height: 101%;   /* scrollbalken fuer NS und FF wegen 10px springen */
    font-size: 100.01%;  /* rundungsfehler schrift und formatierung Opera */
    position: relative; /* fixiert positionierte elemente bei browserfenster veanderung */   
    color: #000000;
    text-align: left;
    	  background: #62788F;
    	  /*background: #5F6E75;  orginal logo farbe*/
    	  /*background: #62788F;*/
        /*background: #6D859F;
        background: #6F6F6F;*/
	      padding: 10px;
}

/* alles auf null setzen */
* {
    margin:0;
    padding:0;
    /*font-size: 100%;*/
}

#wrapper_page {
        border-width: 1px 1px 1px 1px;
        border-color: #ffffff #8f8f8f #6f6f6f #ffffff;
        border-style: solid;
        color: #000000; 
        background: #f5f5f5;
        /*background: #f2f2f2;*/
        /*background: #efefef;*/
}
#wrapper_pagemargin {;
        border-width: 1px 1px 1px 1px;
        border-color: #8f8f8f #4f4f4f #4f4f4f #8f8f8f;
        border-style: solid;
        min-width: 756px;
        max-width: 80em;
        margin: auto;
}


/* --------------------------------------------------------------------------------------------------- */
/* ---- wrapper_head => beginn ----------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */

#wrapper_head {
    position: relative;
    float: left;/* wichtig !!!! rechter rand 2px zu gross */
    width: 100%;/* wichtig !!!! rechter rand 2px zu gross */
    height:auto;
    /*height: 8.4em;*/
        border-width: 1px 0px 1px 0px;/* wichtig !!!! */
        border-color: #ffffff #8f8f8f #8f8f8f #ffffff;
        border-style: solid;
        color: #000000;
        background-color: #dfdfdf;
}

#wrapper_top {clear:both;
    position: relative;
    width: auto;
        height: 1.6em;
        background: url(../img/verlauf_hd_dfdfdf.gif) repeat-x;
        background-position: bottom right;
}
#content_schrift {
    position: relative;
    float: right;
        /*width: 9.48em;*/
        width: 14.98em; /* 1em weniger durch je 0.5em margin+padding content_right */
        padding: 0.1em 0 0 0; /* textabstant oberer browserrand */
}


#wrapper_logo {
    position: relative;
    width: auto;
    z-index: 51;
        height: 75px;
        margin: 0 0 0 0;
        border-width: 1px 1px 1px 1px;
        border-color: #5FB0FF #6f6f6f #5FB0FF #dfdfdf;
        border-style: solid;
}
#content_logo {
    position: relative;
    float: left;
    z-index: 52;
        width: 220px;
        height: 45px;
        margin: 15px 0 0 0.6em;
        padding: 0;
}
#content_logo img {
        border: 0px;
}

#img_verlauf_dh {
       height: 6px;
       background: url(../img/verlauf_dh_dfdfdf.gif) repeat-x;
       background-position: top left;
}


#wrapper_headnavi {/*padding: 0 0 1em 0;*/
    position: relative;
    /*float: left;*/
    height: auto;
    width: 100%; /* 100% statt auto um #wrapper_rootline unterhalb festzulegen */
    z-index: 100;
}
#content_headnavi {
    position: relative;
    width: auto;
    z-index: 110;
        height: 3em; /* wichtig !!!  */
        margin: -1.4em 0 0 0; /* -1.4em verschiebung nach oben */
        padding: 0 0 0 13em;
        background-color: transparent;
}

/* --------------------------------------------------------------------------------------------------- */
/* ---- wrapper_head => ende ------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */


#wrapper_rootline {
    clear: both;
    position: relative;
    float: left;
    width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
}
#content_startseite {
    position: relative;
    float: left;
        width: 12em;
        text-align: right;
        margin: 0 0 0 0;
        padding: 0.5em 0 0.3em 0;
        border-width: 1px 1px 1px 0px;
        border-color: #ffffff #8f8f8f #8f8f8f #ffffff;
        border-style: solid;
        color: #000000;
        background-color: #dfdfdf;
}
#content_rootline {
    position: relative;
    width: auto;
    height: auto;
        margin: 0 0 0 13em;
        padding: 0.5em 0 0.2em 0;
}


/* --------------------------------------------------------------------------------------------------- */
/* ---- wrapper_content => beginn -------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */

#wrapper_content {
    clear: both;
    /*position: relative;*/
    display: block;
    margin-left: 13em;
    margin-right: 10em;
        border-width: 1px 1px 1px 2px;
        border-color: #6f6f6f #dfdfdf #ffffff #8f8f8f;
        border-style: solid;
        color: #000000;
        background: #ffffff;
}

#wrapper_inner { display: block; margin-left: -13em; margin-right: -10em; }

#co_left { float: left; position: relative; display: block; width: 13em; left: 0px; }
#co_right { float: right; position: relative; width: 10em; right: 0px }
#co_middle { position: relative; display: block; margin-left: 13em; margin-right: 10em; height: 1%; }


/* weiche fuer opera 4-6 */
html * body #co_middle[id] { display: inline; }


.clear { clear: both; }


#content_left {
        margin: 0 1em 0 1em;
        padding: 2em 0 0 0;
}
.co2_klima {
        border: 0px
        margin: 1em 0em 0em 0em;
        padding: 0 0 0 0;
}
.co2_klima img {
        border: 0px
}

#wettermodul_start {
        float:right;
        margin: 2em 1em 2em 0;
        padding: 0 0 0 0;
}
#co_left #wettermodul_start a {background-color:transparent;}
#co_left #wettermodul_start a:hover {background-color:transparent;}


#content_left_sub {
        clear:right;
        margin: 2em 1em 2em 5em;
        /*margin: 3em 1em 2em 5em;*/
        padding: 0.4em 0 0.4em 0;
        text-align: right;
        border-width: 1px 0 1px 0;
        border-color: #cccccc #f4f4f4 #cccccc #f4f4f4;
        border-style: solid;
}


#content_right_suche {
       /* height: 1.8em;*/
        height: 1.7em;
        margin: 1.0em 0em 1.6em 0.5em;
        padding: 0.4em 0 0.3em 0.5em;
        border-width: 1px 1px 1px 1px;
        border-color: #ffffff #8f8f8f #8f8f8f #ffffff;
        border-style: solid;
        color: #174E7F;
        background: #dfdfdf;
}
#content_right {
        margin: 0 0 1em 0.5em;
        padding: 0.3em 0 0.3em 0.5em;
        border-width: 1px 1px 1px 1px;
        border-color: #ffffff #8f8f8f #8f8f8f #ffffff;
        border-style: solid;
        color: #2F2F2F;
        background: #dfdfdf;
}
#wettermodul_right {
        float:right;
        margin: 2em 1em 2em 0;
        padding: 0 0 0 0;
        border:1px solid #999999;
}
#co_right #wettermodul_right div {
        border:1px solid #f5f5f5;
}
#wettermodul {
        clear:left;
        margin: 0 0 1em 0.5em;
        padding: 0.5em 0 0.5em 0.5em;
        border-width: 1px 1px 1px 1px;
        border-color: #ffffff #8f8f8f #8f8f8f #ffffff;
        border-style: solid;
        color: #2F2F2F;
        background: #dfdfdf;
}


#content_middle {
        overflow: hidden; /* um die floats und clears von "css_styled_content" darzustellen */
        /*margin: 0em 1em 1.2em 1em;  abstaende zu den raendern vom mittleren "content_middle" */
        padding: 0em 1em 1.2em 1em;
}
/* weiche fuer opera 4-6 */
html * body #content_middle[id] {
        float: left;
        margin: 0em 1em 1.2em 1em;
        padding: 0;
}
/* weiche spricht auch safari an   !!! FEHLER !!!   */
/* weiche fuer opera 7 
html:first-child>b\ody #content_middle { 
        float: left;
        margin: 0em 1em 1.2em 1em;
        padding-right: 1em;
}*/

/* --------------------------------------------------------------------------------------------------- */
/* ---- wrapper_content => ende ---------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */


#wrapper_back {
    position: relative;
    clear: both;
    /*width: auto;*/
    float: right;
        height: 1.5em;
        width: 9.4em;
        margin: -0.5em 0 0em 0;
        border-width: 1px 1px 1px 1px;
        border-color: #ffffff #8f8f8f #8f8f8f #ffffff;
        border-style: solid;
        color: #62798f;
        background: #dfdfdf;
}
#content_totop {
    position: relative;
    width: auto;
        margin: 0 0 0 0em;
        padding: 0.3em 0 0 0.5em;
}
/* weiche fuer opera 4-6 */
html * body #content_totop[id] { margin: -0.5em 0 0 0; }


/* --------------------------------------------------------------------------------------------------- */
/* ---- wrapper_footer => beginn --------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */

#wrapper_footer {
    clear: both;
    position: relative;
    width: auto;
        height: 2.2em;
        margin: 0em 0 0em 0;
        border-width: 1px 1px 1px 1px;
        border-color: #ffffff #8f8f8f #8f8f8f #ffffff;
        border-style: solid;
        color: #62798f;
        background: #dfdfdf;
}
#content_footer {
    position: relative;
    width: auto;
        margin: 0 0 0 0em;
        padding: 0.4em 0 0 13em; /* nur 12em statt 13em wegen 1em marging #wrapper_footer */
}

/* --------------------------------------------------------------------------------------------------- */
/* ---- wrapper_footer => ende ----------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */




/* @media all - ende */
}

@media aural, braille {

#content_schrift {display:none;}
.link_hilfe, .hilfe_schrift {display:none;}

}