@import url('yui-reset.css');

html, body, #bg, #bg table, #bg td, #cont {width: 100%; height: 100%; overflow: auto; margin: 0;}
body {font-family:Arial,Helvetica,sans-serif;font-size:12px; background-image:none; background-color:#FFFFFF; color:#666666; }

img{float:right}

#site {	width: 986px; position: absolute; left: 40px; top: 40px; }
#oben {	width: 986px; position: absolute; left: 0px; top: 0px; overflow: none}
#content {position:relative; margin-top:10px; left:0; width:718px; z-index:70;}
.logo {position:absolute; top:0px; left: 746px; z-index:80; width:204px;}
.box{width:458px;}
.box div{line-height:1.5em;background:#fff}
.box div a{}

#footer{position:absolute; left:746px; bottom:0px; z-index:80; width:204px;z-index:70; float:left}
#footer div{color:#657178; font-size: 12px}
/* Textlinks Footer */ 
#footer a:link { color:#657178; font-size: 12px; font-family: arial, helvetica; font-weight: normal; text-decoration: none; border-style: none; outline-style: none; }
#footer a:visited { color:#657178; font-size: 12px; font-family: arial, helvetica; font-weight: normal; text-decoration: none; border-style: none; outline-style: none; }
#footer a:hover { color: #5b5b5b; font-size: 12px; font-family: arial, helvetica; font-weight: normal; text-decoration: none; border-style: none; outline-style: none; }
#footer a:active { color: #5b5b5b; font-size: 12px; font-family: arial, helvetica; font-weight: normal; text-decoration: none; border-style: none; outline-style: none; }

#menu {position:absolute; top:155px; left:746px; z-index:80; width:204px; float:left}
#menu div{color:#657178; font-size: 12px}

#bildunterschrift {top: 480px; left: 258px; width:718px; position: absolute; float:left}
.picnavigation {position:absolute; text-align: right; top: 0px; width:458px; float: right; } 
.txt {width: 350px; color:#666666}
.txtbreit {width: 458px; color:#666666}

#menu li {list-style-type:none; list-style-position:outside; line-height:1.5em}
#menu li a {color:#657178; padding-left:42px}
#menu ul{}
#menu li a:hover, a:active {background-color: transparent; background-image: url(../nav_highlight.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0pt 50%; color:#3366ff}

#footer li {list-style-type:none; list-style-position:outside;}
#footer li a {color:#657178; padding-left:42px;}
#footer ul{}
#footer li a:hover, a:active {background-color: transparent; background-image: url(../nav_highlight.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0pt 50%; color:#3366ff}

.current { background-image: url(../nav_highlight.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0pt 50%; padding-bottom: 0px;}

ul {margin: 0; padding:0;}
li {margin: 0; padding:0;}

li a{color:#657178;} 
li a:hover, a:active {background-color: transparent; background-image: url(../nav_highlight.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0pt 50%; color:#3366ff}


#zurueck a{background-image: url(../img/pfeil_zurueck.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0pt 50%; padding-left: 10px; height:12px; padding-right:10px; color:#00b9f3;}
#zurueck a:hover{background-color: transparent; background-image: url(../img/pfeil_zurueck.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0pt 50%; padding-left: 10px; padding-right:10px; color:#00b9f3}

#cont{position:absolute;top:0;left:0;z-index:70;overflow:auto; width: 459px;}

.box{position:absolute; top:15%; right: 10%; width:580px; padding-bottom:50px}
.box div{line-height:1.5em;background:#fff}
.box div a{}

.linkkategorie a{background-color: transparent; background-image: url(../img/pfeil_activ.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0pt 50%; padding-left: 10px;  padding-right:10px; color:#00b9f3}

hr {
 color : #ccc;
 height : 1px;
 border-color : #ccc;
 border-width : 1px 0 0 0;
 border-style : solid;
}
  
.textseite {border-style:dashed; border-width : 1px; border-color : #000; padding-top:35px; padding-left:25px;padding-right:25px; width: auto; height:421px; background-color: #fff; color: #555555; overflow-x: hidden; overflow-y: hidden;}


.kategorien {}
.kategorien img {float: left; width: 150px; background-color: #ffffff; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; border-width: 1px; border-style: solid; border-color: #CCCCCC; padding: 5px 5px 5px 5px; z-index: 100; display:inline}

.einspaltigimg {float: left; width: 500px; background-color: #ffffff; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; border-width: 1px; border-style: solid; border-color: #CCCCCC; padding: 5px 5px 5px 5px; z-index: 100; display:inline}
 
.einspaltig {float: left; width: 100%; background-color: #ffffff; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; border-width: 1px; border-style: solid; border-color: #CCCCCC; padding: 5px 5px 5px 5px; z-index: 100; display: block}
 


/*TinyMCE
.mapson span {display: none;} */
.clear { clear:both; line-height:0; height:0; margin:0; padding:0; font-size:.1em; overflow:hidden }


/*Schrift*/

p {color: #666666; font-size: 1em; line-height: 1.4em; margin-bottom: 0.8em;}

h1 { color: #3366ff; font-size: 1em; font-family: arial, helvetica; font-weight:normal; text-align: left; overflow: hidden;}
h2 { color: #666666; font-size: 16px; font-family: arial, helvetica; line-height: 0.1em; text-decoration: none; text-align: left; overflow: hidden; float: none; z-index:70; margin-bottom: 0.2em; }
h3 { color: #666666; font-size: 16px; font-family: arial, helvetica; line-height: 1.2em; font-weight: bold; line-height: 1.2em; text-decoration: none; margin-bottom: 0.2em; z-index:70;}
h4 { color: #666666; font-family: arial, helvetica; font-weight: bold; }
a:link  		{ color: #3366ff; font-size: 12px; font-family: arial, helvetica; font-weight: normal; line-height: 16px; text-decoration: none; border-style: none; border-width: 0; outline-style: none; }
a:visited		{ color: #3366ff; font-size: 12px; font-family: arial, helvetica; font-weight: normal; line-height: 16px; text-decoration: none; border-style: none; border-width: 0; outline-style: none; }
a:hover			{ color: #3366ff; font-size: 12px; font-family: arial, helvetica; font-weight: normal; line-height: 16px; text-decoration: none; border-style: none; border-width: 0; outline-style: none; background-image:none}
a:active		{ color: #3366ff; font-size: 12px; font-family: arial, helvetica; font-weight: normal; line-height: 16px; text-decoration: none; border-style: none; border-width: 0; outline-style: none; background-image:none}

#hiddendiv { display: none;}


#text { margin-top: 10px; padding-right: 5px; padding-left: 5px; }

.clearfix {clear:both; display:block;}