/* Style Sheet Datei - CSOpfer GbR 02.2009*/
@import 'text.css';
@import 'deko.css';
@import 'startseite.css';

body.start {
background-image: url(../bilder/hg.jpg); 
background-repeat: repeat-x;
background-color: #264c79/*#116c59*/;
background-position: 0px 0px;
background-attachment: fixed;
font-size: 0.8em;
font-size: 100.01%;
height: 100%;
}
body.bgallery {
background-color: #fff;
font-size: 0.8em;
font-size: 100.01%;
}

/* --------------------------------BROWSER-DEFINITION-FF-IE-------------------------------*/
/*div{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
}*/

html {
    height:100%;
}

*{
padding: 0;
margin: 0; 
}
/* --------------------------------BOXMODELLE---------------------------------------------*/
/*----MITTIG ZENTRIEREN HORIZONTAL+VERTICAL---*/
#page{
display:table;
overflow:hidden;
margin:0px auto;
font-family: lucida sans unicode, Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #333;
}
*:first-child+html #page {
position:relative;
}
* html #page{
position:relative;
}
#content_container{
display:table-cell;
vertical-align: middle;
}
*:first-child+html #content_container{
position:absolute;top:50%;
}
* html #content_container{
position:absolute;top:50%;
}
*:first-child+html #content{
position:relative;top:-50%;
}
* html #content{
position:relative;top:-50%;
}
#page{
height:100%;
width:917px;
}
#content_container{
padding:0px;
}
/*----STANDART CSS---*/
#start1 {
/*background-color: #123a65;*/
font-family: lucida sans unicode, Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #333;
position: absolute;
width: 580px;
height: 310px;
top: 50%;
left: 50%;
margin-top: -150px;
margin-left: -180px;
}
#startseite { /*opt. FF*/
position: relative;
width: 915px;
left: 50%;
margin-left: -457.5px;
margin-top: 0;
}
#startseite1 { /*opt. FF*/
background: #e4ecfd;
position: relative;
width: 915px;
left: 50%;
margin-left: -457.5px;
margin-top: 0;
}
#page1 {
position: relative;
width: 915px;
left: 50%;
margin-left: -457.5px;
margin-top: 0;
}
#bgtop {
	position: relative;
	width:915px;
	height:529px;
}
#bgtop1 {
	width:915px;
	height:201px;
}
#bgmiddle {
width: 915px;
}
#bgbottom {
	position: relative;
	width:915px;
	height:89px;
}
/* --------------------------------BOXMODELLE FOLGESEITE----------------------------------*/
#kopf{
font-family: lucida sans unicode, Arial, Helvetica, sans-serif;
font-size: 0.8em;
width: 915px;
color: #333;
}
#hintergrund {
background: #e4ecfd;
width: 915px;
height:100.0%;
}
#menu{
background: #e4ecfd;
background-attachment: fixed;
float: left;
/* font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em; */
color: #333;
width: 300px;
height: 100.0%;
padding: 0;
}
#ueb{
background: #e4ecfd;
text-align: left;
/* font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em; */
color: #333;
float: right;
width: 615px;
padding: 0;
}
#hometext{
background: #e4ecfd;
text-align: left;
font-family: lucida sans unicode, Arial, Helvetica, sans-serif;
font-size: 14px; 
color: #333;
width: 615px;
float: right;
min-height: 752px;
}
#fuss{
font-family: lucida sans unicode, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333;
width: 915px;
clear: both;
}
#fuss1{
font-family: lucida sans unicode, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333;
width: 915px;
position: absolute;
clear: both;
}
#fussinfo{
font-family: lucida sans unicode, Arial, Helvetica, sans-serif;
font-size: 10px;
padding: 5px 0px 5px 0px;
color: #fff;
text-align: center;
vertical-align : middle;
position: absolute;
width:915px;
margin: 0px auto;
margin-top: -8px;
}
/* --------------------------------MENUE-NAVIGATION-----------------------------------------*/
#navi {
   width: 10em;
   width: 206px;
   padding: 0;
   left: 28px;
   margin-top: -685px;
   position: absolute;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
}
#navi ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
}
#navi li {
   margin: 0 0 0 0;
}
#navi img{
   vertical-align: middle;
   padding: 2px;
   margin: 2px 0px 0px 0px;
   margin-top: -2px;
}
#navi li a:link, #navi li a:visited {
   display: block;
   text-decoration: none;
   font-weight: bold;
   padding: 3px 3px 3px /*0.5em*/ 5px;
   /*border-left: 4px solid #408064;*/
   /*background-color: #2765b8;*/
   color: #000;
   width: 100%;
}
html>body #navi li a {
   width: auto;
}
#navi li a:hover, #navi li a:active, #navi li a:focus{
   /*border-left: 4px solid #62A286;*/
   background-color: #02054e;
   color: #fff;
}
#navimak {
   width: 206px;
   padding: 0;
   left: 32px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #fff;
}
#navimak ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
}
#navimak li {
   margin: 0 0 0 0;
}
#navimak img{
   vertical-align: middle;
   padding: 2px;
}
html>body #navimak li a {
   width: auto;
}
#navimak li a:link, #navimak li a:visited {
   display: block;
   text-decoration: none;
   font-weight: bold;
   padding: 3px 3px 3px /*0.5em*/ 5px;
   /*border-left: 4px solid #408064;*/
   background-color: #2765b8;
   color: #000;
   width: 100%;
}

/* --------------------------------SONTRA-A-Z-NAVIGATION-----------------------------------------*/
#naviaz {
   width: 246.5px;
   padding: 0;
   margin-top: 0px;
   position: absolute;
   font-family: lucida sans unicode, Arial, Helvetica, sans-serif;
   font-size: 12px;
}
#naviaz ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
}
#naviaz li {
   margin: 0 0 0 0;
}
#naviaz img{
   vertical-align: middle;
   padding: 0px;
   margin: 0 0 0 0;
   margin-top: 0px;
}
#naviaz li a:link, #naviaz li a:visited {
   display: block;
   text-decoration: none;
   padding: 3px 3px 3px /*0.5em*/ 5px;
   color: #000;
   width: 100.01%;
}
html>body #naviaz li a {
   width: auto;
}
#naviaz li a:hover, #naviaz li a:active, #naviaz li a:focus{
   width: 100.01%;
   background-color: #850111;
   color: #fff;
}
/* --------------------------------LIED-NAVIGATION-----------------------------------------*/
#navilied {
   width: 133.5px;
   padding: 0;
   margin-top: 0px;
   position: absolute;
   font-family: lucida sans unicode, Arial, Helvetica, sans-serif;
   font-size: 12px;
}
#navilied ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
}
#navilied li {
   margin: -1 0 0 0;
}
#navilied img{
   padding: 0px;
   margin: 0 0 0 0;
   margin-top: 0px;
}
#navilied li a:link, #navilied li a:visited {
   display: block;
   text-decoration: none;
   padding: 3px 3px 3px /*0.5em*/ 5px;
   color: #000;
   width: 100%;
}
html>body #navilied li a {
   text-align: center;
   width: 100%;
}
#navilied li a:hover, #navilied li a:active, #navilied li a:focus{
   width: 100%;
   background-color: #850111;
   color: #fff;
}
/* --------------------------------SAGEN-NAVIGATION-----------------------------------------*/
#navisagen {
   width: 561.5px;
   padding: 0;
   margin-top: 0px;
   position: absolute;
   font-family: lucida sans unicode, Arial, Helvetica, sans-serif;
   font-size: 12px;
}
#navisagen ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
}
#navisagen li {
   margin: 0 0 0 0;
   text-align: center;
}
#navisagen img{
   /*vertical-align: middle;*/
   padding: 0px;
   margin: 0 0 0 0;
   margin-top: 0px;
}
#navisagen li a:link, #navisagen li a:visited {
   display: block;
   text-decoration: none;
   padding: 3px 3px 3px /*0.5em*/ 5px;
   color: #000;
   width: 100%;
}
html>body #navisagen li a {
   width: auto;
}
#navisagen li a:hover, #navisagen li a:active, #navisagen li a:focus{
   width: 100%;
   background-color: #850111;
   color: #fff;
}
/* --------------------------------FERIENKALENDER-NAVIGATION-----------------------------------------*/
#naviferien {
   width: 193.5px;
   padding: 0;
   margin-top: 0px;
   position: absolute;
   font-family: lucida sans unicode, Arial, Helvetica, sans-serif;
   font-size: 12px;
}
#naviferien ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
}
#naviferien li {
   margin: -1 0 0 0;
}
#naviferien img{
   vertical-align: middle;
   padding: 0px;
   margin: 0 0 0 0;
   margin-top: 0px;
}
#naviferien li a:link, #naviferien li a:visited {
   display: block;
   text-decoration: none;
   padding: 3px 3px 3px /*0.5em*/ 5px;
   color: #000;
   width: 100%;
}
html>body #naviferien li a {
   width: auto;
}
#naviferien li a:hover, #naviferien li a:active, #naviferien li a:focus{
   width: 100%;
   background-color: #850111;
   color: #fff;
}
/* --------------------------------LINK-ANIMATIONEN-----------------------------------------*/
#naviunten p a:link {text-decoration: none; color: #2765b8;}
#naviunten p a:visited {text-decoration: none; color: #2765b8;}
#naviunten p a:focus {text-decoration: none; color: #2765b8;}
#naviunten p a:hover {font-weight: bold; color: #b20308;}
#naviunten p a:active {text-decoration: none; font-weight: bold; color: #2765b8;}

.naviuntenmak {font-weight: bold; color: #b20308;}

a.mail:link {text-decoration: none; color: #96baea;}
a.mail:visited {text-decoration: none; color: #96baea;}
a.mail:hover {text-decoration: none; color: #02054e; border: 1px #b20308 dotted; padding: 0px 25px 0px 25px;}
a.mail:active {text-decoration: none; color: #000;}

a.mail2:link {text-decoration: none; color: #96baea;}
a.mail2:visited {text-decoration: none; color: #96baea;}
a.mail2:hover {text-decoration: none; color: #02054e;}
a.mail2:active {text-decoration: none; color: #000;}

a.sage:link {text-decoration: none; color: #6e0707; font-size: 11px;}
a.sage:visited {text-decoration: none; color: #6e0707; font-size: 11px;}
a.sage:hover {text-decoration: none; color: #02054e; border: 1px #b20308 dotted; padding: 0px 25px 0px 25px; font-size: 11px;}
a.sage:active {text-decoration: none; color: #000; font-size: 11px;}

a.mail1:link {text-decoration: none; color: #96baea;}
a.mail1:visited {text-decoration: none; color: #96baea;}
a.mail1:hover {text-decoration: none; color: #fff; border: 1px #b20308 dotted; padding: 0px 25px 0px 25px;}
a.mail1:active {text-decoration: none; color: #000;}

a.stdbild:link {text-decoration: none; color: #96baea;}
a.stdbild:visited {text-decoration: none; color: #96baea;}
a.stdbild:hover {text-decoration: none; color: #02054e;}
a.stdbild:active {text-decoration: none; font-weight: bold; color: #000;}

a.stdlink:link {text-decoration: none; color: #96baea;}
a.stdlink:visited {text-decoration: none; color: #96baea;}
a.stdlink:hover {text-decoration: none; color: #02054e; border-bottom: 1px #b20308 dotted;}
a.stdlink:active {text-decoration: none; color: #000;}

a.ziele:link {text-decoration: none; color: #333333;}
a.ziele:visited {text-decoration: none; color: #333333;}
a.ziele:hover {text-decoration: none; color: #000; border-bottom: 1px #b20308 dotted;}
a.ziele:active {text-decoration: none; color: #000;}

a.ziele1:link {text-decoration: none; color: #000;}
a.ziele1:visited {text-decoration: none; color: #000;}
a.ziele1:hover {text-decoration: none; color: #000; border-bottom: 1px #b20308 dotted;}
a.ziele1:active {text-decoration: none; color: #000;}

a.muell:link {text-decoration: none; color: #000000;}
a.muell:visited {text-decoration: none; color: #000000;}
a.muell:hover {text-decoration: none; color: #02054e; border-bottom: 1px #b20308 dotted;}
a.muell:active {text-decoration: none; color: #000;}

a.stdlink1:link {text-decoration: none; color: #96baea; font-size: 14px;}
a.stdlink1:visited {text-decoration: none; color: #96baea; font-size: 14px;}
a.stdlink1:hover {text-decoration: none; color: #02054e; border: 1px #b20308 dotted; padding: 0px 25px 0px 25px; font-size: 14px;}
a.stdlink1:active {text-decoration: none; color: #000; font-size: 14px;}

a.abc:link {text-decoration: none; color: #2765b8;}
a.abc:visited {text-decoration: none; font-weight: bold; color: #2765b8;}
a.abc:hover {text-decoration: none; font-weight: bold; color: #b20308;}
a.abc:active {text-decoration: none; font-weight: bold; color: #000;}

a.abc1:link {text-decoration: none; color: #2765b8;}
a.abc1:visited {text-decoration: none; font-weight: bold; color: #2765b8;}
a.abc1:hover {text-decoration: none; font-weight: bold; color: #2765b8;}
a.abc1:active {text-decoration: none; font-weight: bold; color: #000;}

a.menu:link {text-decoration: none; font-weight: bold; color: #2765b8; font-size:10px; border: 1px solid #2765b8;}
a.menu:visited {text-decoration: none; font-weight: bold; color: #2765b8; font-size:10px; border: 1px solid #2765b8;}
a.menu:hover {text-decoration: none; font-weight: bold; color: #b20308; font-size:10px; border: 1px solid #b20308;}
a.menu:active {text-decoration: none; font-weight: bold; color: #000; font-size:10px; border: 1px solid #b20308;}
.schrift {text-decoration: none; font-weight: bold; color: #fff; font-size:10px; border: 1px solid #b20308; background-color: #b20308;}

a.mak:link {text-decoration: none; font-weight: bold; color: #2765b8; font-size:10px; border: 1px solid #b20308;}
a.mak:visited {text-decoration: none; font-weight: bold; color: #2765b8; font-size:10px; border: 1px solid #b20308;}
a.mak:hover {text-decoration: none; font-weight: bold; color: #b20308; font-size:10px; border: 1px solid #2765b8;}
a.mak:active {text-decoration: none; font-weight: bold; color: #000; font-size:10px; border: 1px solid #b20308;}

#navi p {
margin-left: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000;
}
acronym[title], abbr[title] {
border-bottom: 1px #2765b8 dotted;
cursor: pointer;
}
.pos{margin-top:-100px; margin-left:-100px;}