/* --------------------------------------------------------------------------------------------------- */
/* ---- Stadt Griesheim  "stgr_stadtplan_template.css" ----------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */


@media all {

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: #6D859F;
        background: #6F6F6F;*/
        margin:0px;
	      padding: 5px 5px 5px 5px;
        }
/* 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: #dfdfdf;
        /*background: #f2f2f2;*/
        /*background: #efefef;*/
        }
#wrapper_pagemargin {;
        border-width: 1px 1px 1px 1px;
        border-color: #8f8f8f #4f4f4f #4f4f4f #ffffff;
        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:65px;
        /*height: 8.4em;*/
        border-width: 1px 0px 1px 0px;/* wichtig !!!! */
        border-color: #ffffff #8f8f8f #8f8f8f #ffffff;
        border-style: solid;
        color: #000000;
        background-color: #dfdfdf;
        background: url(../img/stadtplan_header2.jpg) no-repeat;
        background-position: center right;
        }
#wrapper_logo {
        position: relative;
        width: auto;
        z-index: 51;
        height: 55px;
        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: 185px;
        height: 45px;
        margin: 10px 0 0.5em 0.6em;
        padding: 0;
        }
#content_logo img {
        border: 0px;
}

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


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

#wrapper_content {
        width:auto;
        clear:left;
        border-top:1px solid #ffffff;
        border-bottom:1px solid #afafaf;
        color:#000000;
        background: #f5f5f5;
        }
#co_middle {width:auto; padding: 1em 1em 1em 1em;}
#content_middle {
        font-family: Arial, Helvetica, sans-serif;
        width:auto;
        margin-right:0em;
        min-height: 300px;
        max-height: 1200em;
        }
#wrapper_footer {width: auto; height: 1.5em; border-top:1px solid #ffffff;}
#content_footer {
        width: auto;
        margin: 0 0 0 0em;
        padding: 0.2em 0 0 1em;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 0.8em;
        color: #62798f;
        background: #dfdfdf;
        }
#content_footer .footer_date {margin-left:1em;}


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



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

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

#map-square_div table {border:1px solid #000000;}

#wrapper_head h1 { 
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #0F314F;
        background-color: transparent;
        font-size: 1.5em;
        margin: 0em 0 0em 12em;
        padding: 0.5em 0 0 0;
}

div #content_middle {font-size: 0.8em;}

h1,h2,h3,h4,h5 { 
        font-family: Arial, Helvetica, sans-serif;
        display: block;
        font-weight: bold;
        color: #0F314F;
        background-color: #f5f5f5;
}
h1 { font-size: 1.5em; margin: 0em 0 0.9em 0; padding: 1.2em 0 0 0; }
h2 { font-size: 1.3em; margin: 1.2em 0 0.9em 0; }
h3 { font-size: 1.2em; margin: 1.2em 0 0.9em 0; }

.download {
        display: inline;
        margin: 0;
        padding: 0.1em 0.3em 0.2em 1.7em;
        color: #000000;
        background-color: #f5f5f5;
        background: url(../img/download_link.gif) no-repeat;
        background-position: 0em  0.2em;
        text-decorationx: none;
}
.internal-link {
        display: inline;
        margin: 0;
        padding: 0.1em 0.3em 0.2em 1.9em;
        color: #0F314F;
        background-color: #f5f5f5;
        background: url(../img/int_link.gif) no-repeat;
        background-position: 0.2em  0.25em;
}
.external-link-new-window {
        display: inline;
        margin: 0;
        padding: 0.1em 0.3em 0.2em 1.9em;
        color: #0F314F;
        background-color: #ffffff;
        background: url(../img/ext_link.gif) no-repeat;
        background-position: 0.2em  0.25em;
}
/* weiche fuer opera 4-6 */
html *>b\ody .external-link-new-window {display: block;}
a {font-family: Arial, Helvetica, sans-serif;}
a:hover {color: #000000; background-color: #8FC7FF; text-decoration: underline;}
#content_logo a:hover {color: #000000; background-color: #dfdfdf;}

.tx-tgcitymap-pi1 {}
.tx-tgcitymap-pi1 div {}
.tx-tgcitymap-pi1 .map-square_div {}
.tx-tgcitymap-pi1 div table {}

/*
#content_middle .tx_tgcitymap_pi1 table { margin-top: 0px; margin-bottom: 0px; }
#content_middle .tx_tgcitymap_pi1 table tr { margin: 0px; margin: 0px; }
#content_middle .tx_tgcitymap_pi1 table td { margin: 0px; margin: 0px; }

.tx-tgcitymap-pi1 div table {border: 1px solid #f8f8f8;}
.citymap_kartentabelle {clear:all; position:relative; left:0px; top:300px; padding-bottom:300px;}
*/

/*
.tx-tgcitymap-pi1 {position:relative; width:auto;}
.tx-tgcitymap-pi1 div {position:relative; width:100%;}
.tx-tgcitymap-pi1 div #map-square_div {position:relative; clear:all; float:right;height:400px;}
.tx-tgcitymap-pi1 div #map-square_div div {position:relative; clear:all;}
.tx-tgcitymap-pi1 div #map-square_div div .square {position:relative; clear:all;}

.tx-tgcitymap-pi1 div table {position:relative; top:100px;}
.tx-tgcitymap-pi1 div table div table {position:relative; top:300px;}
*/

/* citymap */
/*
.tx-tgcitymap-pi1 {float:left; width:auto; position:relative;}
.tx-tgcitymap-pi1 div {float:left;width:100%;}
.tx-tgcitymap-pi1 div {position:relative;}
.tx-tgcitymap-pi1 #square {float:left; position:relative; margin:1px; top:250px;}
.map-square_div {float:left;}
.selectionForm {float:left;}
.tx-tgcitymap-pi1 table {}
*/
/* citymap end */

/*
h1,h2,h3 { 
        font-family: Arial, Helvetica, sans-serif;
        display: block;
        font-weight: bold;
        color: #174E7F;
        background-color: #ffffff;
}
h1 { font-size: 1.5em; margin: 0em 0 0.9em 0; padding: 1.2em 0 0 0; }
h2 { font-size: 1.3em; margin: 1.2em 0 0.9em 0; }
h3 { font-size: 1.2em; margin: 1.2em 0 0.9em 0; }
*/




/* @media all - ende */
}