/*  Global Settings
============================================= */

* { /* border: none; this crashes formfiels */ margin: 0; padding: 0; }

body {
    background: #fff;
    margin: 0 auto;
    margin-top: 3em;
    margin-bottom: 1em;
    padding: 0;
    text-align: center; 
    font: 62.5% 'Arial', Helvetica, Verdana, sans-serif;
    color: #666; }

td {
    font-size: 1.2em;  }

p {
    font-size: 1.2em; }

a:link {
    color: #00547c; /*#33adc6 hellblau, altes Blau:#538ba7*/
    text-decoration: none; }

a:visited {
    color: #00547c;
    text-decoration: none; }

a:hover {
    color: #666;
    text-decoration: underline; }

a:active {
    color: #666;
    text-decoration: underline; }

hr {
    display: none; }

.oa_nfo {
    background: #f09;
    margin: 1em 0;
    padding: .5em;
    display: block;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    clear: both; }

.con {
	font: 'Arial', Helvetica, Verdana, sans-serif;
    color: #666;
	font-size: 0.85em;}
	
#startseite { position: absolute; top: 150px; left:630px; z-index: 10;}


/*  Gardener
============================================= */

#skip {
    /* hide link from visual browsers */
    position: absolute; left: -9999px; }

#gardener {
    margin: 0 auto;
    padding: 0;
    width: 82.4em;
    text-align: left; 
    border: 1px solid #ccc; }

#main {
    margin: 0;
    padding: 1em; }

#footer {
    background: #fff;
    margin: 1em 1em 0 1em;
    padding: 0;
    height: 2.85em;
    text-align: left;
    border-top: 1px solid #f5f5f5;
    clear: both; }
	
#pic {
    font-size: 1.2em; }

/** Main Elements *************************** */

#service {
    margin: 0;
    padding: 0;
    height: 1.7em;
    text-align: left; }

#content {
    margin: 0 0 1em 0;
    padding: 0 3em;
    width: 53em;
    float: left; }

#sidebar {
    background: #fff url("../../images/sidebar_bg.gif") no-repeat;
    color: #999;
    margin: 0;
    padding: 0;
    width: 20em;
    min-height: 61em;
    height:auto;
    float: left;}

/* bis 6 */
* html #sidebar {height: 61em;}

/* ie 5*/
html + body #sidebar {height: 61em;}


/*  Footer
============================================= */

#footer {
    padding: .5em 0;
    text-align: left;
    clear: both;
    border-top: .1em solid #f5f5f5; }

#footer h4 {
    margin: 0;
    padding: 0;
    font-size: 1.1em;
    text-align: left;
    font-weight: normal;
    color: #999; }

#footer #n4 a {
    background: transparent url("../../images/footer_n4.gif") no-repeat 0 0;
    float: right;
    width: 28px;
    height: 10px;
    overflow: hidden;
    text-indent: 400px;
    line-height: 2em; }

#footer #n4 a, #footer #oa a {
    margin-top: -2.2em; 
    text-decoration: none; }

/** Service 02 Components ********************** */

#service02 li {
    padding: 0;
	margin: 0;
    /*line-height: 1.5em;*/
    text-align: right; 
    /*display: inline;*/
    list-style-type: none;
    font-size: 1.1em;
	float: right;
	margin-top: -1.1em;	 }

#service02 a:link, #service02 a:visited, #service a:active {
    color: #999; text-decoration: none; }

#service02 a:hover {
    color: #333; text-decoration: none; }


/* Zeilentemplates
============================================= */

/** Template | 100% Text ( row01 ) ********** */

/** Template | 100% Bild ( row02 ) ********** */

dl.row02 {
    margin-right: 1em;
    margin-bottom: 1em;
    float: left; }

dl.row02 img {
    padding: .4em;
    width: 52em;
    height: 20em;
    border: .1em solid #999; }

dl.row02 dt { margin-bottom: 0; }

dl.row02 dd {
    margin: .1em 0 0 0; }

dl.row02 .zoom a {
    background: transparent url("../images/icon_lens.gif") no-repeat;
    color: #666;
    margin: 0;
    padding-left: 1.75em;
    width: 40em;
    font-size: 1.1em;
    display: block; }

dl.row02 .legend {
    background: #fff;
    color: #666;
    margin: 0;
    padding: 0;
    width: 40em;
    font-size: 1.1em;
    display: block; }
	
/** Template | Bild und Text ( row03 ) ****** */

dl.row03 {
    margin-right: 1em;
    margin-bottom: 1em;
    float: right; }

dl.row03 img {
    padding: .4em;
    width: 15em;
    height: 10em;
    border: .1em solid #999; }

dl.row03 dt { margin-bottom: 0; }

dl.row03 dd {
    margin: .1em 0 0 0; }

dl.row03 .zoom a {
    background: transparent url("../images/icon_lens.gif") no-repeat;
    color: #666;
    margin: 0;
    padding-left: 1.75em;
    width: 17em;
    font-size: 1.1em;
    display: block; }

dl.row03 .legend {
    background: #fff;
    color: #666;
    margin: 0;
    padding: 0;
    width: 17em;
    font-size: 1.1em;
    display: block; }


/** Template | Liste ( row04 ) ************** */

dl.row04 {
    margin-right: 1em;
    margin-bottom: 1em;
    float: left; }

dl.row04 img {
    padding: .4em;
    width: 14em;
    height: 14em;
    border: .1em solid #999; }

dl.row04 dt { margin-bottom: 0; }

dl.row04 dd {
    margin: .1em 0 0 0; }

dl.row04 .zoom a {
    background: transparent url("../images/icon_lens.gif") no-repeat;
    color: #666;
    margin: 0;
    padding-left: 1.75em;
    width: 11em;
    font-size: 1.1em;
    display: block; }

dl.row04 .legend {
    background: #fff;
    color: #666;
    margin: 0;
    padding: 0;
    width: 11em;
    font-size: 1.1em;
    display: block; }

/** Template | 100% Bogen ( row05 ) ********** */

.row05 img {
    width: 53em;
    height: 26.5em;
    border: none; }

/** Template | 100% Diagramm ( row06 ) ********** */

dl.row06 {
    margin-right: 1em;
    margin-bottom: 1em;
    float: left; }

dl.row06 img {
    padding: .4em;
    width: 52em;
    height: 52em;
    border: .1em solid #999; }

dl.row06 dt { margin-bottom: 0; }

dl.row06 dd {
    margin: .1em 0 0 0; }

dl.row06 .zoom a {
    background: transparent url("../images/icon_lens.gif") no-repeat;
    color: #666;
    margin: 0;
    padding-left: 1.75em;
    width: 40em;
    font-size: 1.1em;
    display: block; }

dl.row06 .legend {
    background: #fff;
    color: #666;
    margin: 0;
    padding: 0;
    width: 40em;
    font-size: 1.1em;
    display: block; }

/** Template | Price Me ( row07 ) ********** */

.left {
    float: left; }

.right {
    float: right;
    text-align: right; }

/** Template | Intro ( row08 ) ********** */

.row08 {
    border: dashed #999;
    border-width: 1px 0 1px 0;
    margin: .75em 0; 
    clear: both; }

.row08 p {
    padding: 1em 1.5em .5em 1.5em;
    font: italic 1.2em Georgia, serif;
    line-height: 1.4em; }

/** Template | Presse Bild ( row09 ) ****** */

.row09 .left {
    text-align: left;
    float: left; }

.row09 .right {
    text-align: left;
    float: right; }

dl.row09 {
    margin-right: 1em;
    margin-bottom: 1em;
    float: left; }

dl.row09 img {
    padding: .4em;
    width: 20em;
    height: 20em;
    border: .1em solid #999; }

dl.row09 dt { margin-bottom: 0; }

dl.row09 dd {
    margin: .1em 0 0 0; }

dl.row09 .zoom a {
    background: transparent url("../images/icon_lens.gif") no-repeat;
    color: #666;
    margin: 0;
    padding-left: 1.75em;
    width: 17em;
    font-size: 1.1em;
    display: block; }

dl.row09 .legend {
    background: #fff;
    color: #666;
    margin: 0;
    padding: 0;
    width: 17em;
    font-size: 1.1em;
    display: block; }

dl.row09 .download a {
    background: transparent url("../images/icon_download.gif") no-repeat;
    color: #666;
    margin: 0;
    padding-left: 1.75em;
    width: 17em;
    font-size: 1.1em;
    display: block; }

/** Template | 100% Bild Sportboden-Header ( row10 ) ********** */

dl.row10 {
    margin-right: 1em;
    margin-bottom: 1em;
    float: left; }

dl.row10 img {
    padding: .4em;
    width: 52em;
    height: 38em;
    border: .1em solid #999; }

dl.row10 dt { margin-bottom: 0; }

dl.row10 dd {
    margin: .1em 0 0 0; }

dl.row10 .zoom a {
    background: transparent url("../images/icon_lens.gif") no-repeat;
    color: #666;
    margin: 0;
    padding-left: 1.75em;
    width: 40em;
    font-size: 1.1em;
    display: block; }

dl.row10 .legend {
    background: #fff;
    color: #666;
    margin: 0;
    padding: 0;
    width: 40em;
    font-size: 1.1em;
    display: block; }	


/** Template | 100% Bild Prallwand-Header ( row10 ) ********** */

dl.row11 {
    margin-right: 1em;
    margin-bottom: 1em;
    float: left; }

dl.row11 img {
    padding: .4em;
    width: 52em;
    height: 31em;
    border: .1em solid #999; }

dl.row11 dt { margin-bottom: 0; }

dl.row11 dd {
    margin: .1em 0 0 0; }

dl.row11 .zoom a {
    background: transparent url("../images/icon_lens.gif") no-repeat;
    color: #666;
    margin: 0;
    padding-left: 1.75em;
    width: 40em;
    font-size: 1.1em;
    display: block; }

dl.row11 .legend {
    background: #fff;
    color: #666;
    margin: 0;
    padding: 0;
    width: 40em;
    font-size: 1.1em;
    display: block; }



/* Elements
============================================= */

/** Elements | Trenner ( ele00 ) ********* */

.ele00 {
    margin: 1em 0 0 0;
    clear: both; }

/** Elements | Trennlinie ( ele01 ) ********* */

.ele01 {
    margin: 1em 0;
    border-bottom: .2em solid #ccc;
    clear: both; }

/** Elements | Seitenanfang ( ele02 ) ******* */

.ele02 {
    margin: 0em 1em;
   /* border-bottom: .1em solid #ccc;*/
    text-align: right;
    clear: both; }

.ele02 a {
    background: url("../../images/icon_top.gif") no-repeat right center;
    margin-bottom: 1em;
    padding-right: 1.5em;
    clear: both; }

.ele02 a:hover {
    text-decoration: none; }

/** Elements | Zurück ( ele03 ) ******* */

.ele03 {
    margin: 0em 1em;
   /* border-bottom: .1em solid #ccc;*/
    text-align: right;
    clear: both; }

.ele03 a {
    background: url("../../images/icon_back.gif") no-repeat right center;
    margin-bottom: 1em;
    padding-right: 1.5em;
    clear: both; }

.ele03 a:hover {
    text-decoration: none; }

h2 {
    color: #ef4224;
    margin: 0 0 .5em 0;
    padding: 0;
    font-size: 1.4em;
    font-weight: bold; }

h3 {
    color: #00547c;
    margin: 0 0 .5em 0;
    padding: 0;
    font-size: 1.4em;
    font-weight: normal; }
	
h4 {
    color: #00547c;
    font-weight: strong; }	

p {
    margin: 0 0 1em 0;
    padding: 0; }

.textmarker {
    background: #fff4cc; }

.footnote {
    font-size:  1.0em;
    font-style: normal; }


#content ul {
/*     margin: 0 1.25em 1em 2em; */
    margin-bottom: .5em;
    padding: 0;
    list-style-type: none;
    font-size: 1.2em; }

#content li {
    position: relative;
    background: transparent url(../../images/content_list.gif) no-repeat 0 .25em;
    margin-bottom: .25em;
    left: 0;
    padding-left: 1.5em; }


/* Navigation
============================================= */

#menu {
    position: absolute;
    top: 18.5em;
    min-height: 100%;
    margin: 0;
    padding: 0 .5em; }

#navlist li {
    padding: 0 1em;
    line-height: 1.8em;
    list-style-type: none; }

#navlist a {
    background: transparent url(../../images/list-off.gif) no-repeat 0 .25em;
    padding-left: 1.5em;
    color: #fff;
    text-decoration: none;
    font-size: 1.155em; }

#navlist a:hover {
    background: transparent url(../../images/list-hover.gif) no-repeat 0 .25em;
    padding-left: 1.5em;
    color: #ef4224; /*#ef4224*/
    text-decoration: none; }

#navlist a.on {
    background: transparent url(../../images/list-on.gif) no-repeat 0 .25em;
    padding-left: 1.5em;
    color: #ef4224; /*#ef4224*/
    text-decoration: none; }
	
#navlist li.blank {
    background: transparent url(../../images/list-blank.gif) no-repeat 0 .25em;
    padding-left: 1.5em;
    text-decoration: none; }	

#menu #navlist li ul {
    display: none; }

#menu #navlist .on {
    display: block; }


/*  SERVICE
============================================= */


/** BREADCRUMB ****************************** */

#breadcrumb {
    margin-top: -.25em;
    padding: 0 0 0 1.5em;
    font-size: 1.1em;
    color: #999; 
    float: left; }

#breadcrumb ul {
    margin: 0;
    padding: 0;
    list-style-type: none; }

#breadcrumb li {
    margin: 0;
    padding: 0 .7em 0 0;
    display: block;
    float: left; }

#breadcrumb a {
    margin: 0;
    padding: 0;
    color: #999;
    display: block;
    float: left;
    text-decoration: none; }

#breadcrumb a:hover {
    background: white;
    color: #666;
    text-decoration: underline; }

#gardener #breadcrumb a:active {
    background: white;
    color: #00547c; }

#breadcrumb .on { color: #00547c; }/*538ba7*/


/*  Static Home
============================================= */

#home h1, #home h2, #home h3, #home p { display: none; }

#home {
    /*background: #fff url(../../images/main_bg_teaser.jpg) no-repeat;*/
    margin: 0;
    padding: 0;
	vertical-align:top;
    width: 600px;
    height: 602px;
    float: right;
    color: #999; }


#content .formlist {
    margin: .3em 0 0 0;
    padding: 0;
    width: 12em;
    float: left; }

#content input, #content select {
    font-family: 'Arial', Verdana, Helvetica, sans-serif;
    color: #666; }

#error { background: #ef4224; margin: 0 0 10px 0; padding: 5px; display: block; font-size: 11px; color: #fff; }
.remark { background: #ef4224; margin: 0 0 10px 0; padding: 5px; display: block; font-size: 11px; color: #fff; }
p.small { margin: 0 0 .5em 0; padding: 0; font-size: 1.1em;}
p.red { margin: 0 0 .5em 0; padding: 0; color: #ef4224; }

.tab01default{
	width: 100px ;
}
#tab01default{
	width: 100px ;
	background: #CCCCCC;
}
.tab021default{
	width: 100%;
}

/*  Formular
============================================= */

.contact
{

   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: 1.2em;
   color: #666; 
   border: 1px solid;
   COLOR: #000000;
   border-color: #666;
   BACKGROUND-COLOR: #FFFFFF;
   font-weight: normal;
}

.contact_button
{

    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    border: 1px solid;
    COLOR: #00547c;
    border-color: #666;
    BACKGROUND-COLOR: #FFFFFF;
    font-weight: normal;
}




/*  Languages Switcher
============================================= 

#language {
    position: absolute;
    top: 24em;
    min-height: 100%;
    margin: 0;
    padding: 0 1.5em; }

#language a {
    background: transparent url(../images/icon_en_off.gif) no-repeat 0 .25em;
    padding-left: 1.75em;
    color: #666;
    text-decoration: none;
    font-size: 1.15em; }


#language a:hover {
    background: transparent url(../images/icon_en_on.gif) no-repeat 0 .25em;
    padding-left: 1.75em;
    color: #ef4224;
    text-decoration: none; }
	
	*/