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

body {
background-image: url(../bilder/hgash.jpg); 
background-repeat: repeat-x;
background-color: #123a65;
background-position: 0px 0px;
background-attachment: fixed;
font-size: 0.8em;
font-size: 100.01%;
}
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---------------------------------------------*/
#start {
/*background-color: #123a65;*/
font-family: lucida sans unicode, Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #333;
position: absolute;
width: 917px;
height: 686px;
top: 25%;
left: 50%;
margin-top: -130px;
margin-left: -457px;
}

#startbild {
border: 1px solid #666;
display: block;
}

#startseite { /*opt. FF*/
border: 1px solid #666;
background: #FFF;
position: relative;
width: 915px;
left: 50%;
margin-left: -457.5px;
margin-top: 0;
}

#page1 {
/*background: #FFF;*/
position: relative;
width: 915px;
left: 50%;
margin-left: -457.5px;
margin-top: 0;
}
#bgtop {
background: #FFF;
width: 915px;
}
#bgmiddle {
background: #FFF;
width: 915px;
}
#bgbottom {
background: #FFF;
width: 915px;
}
/* --------------------------------BOXMODELLE FOLGESEITE----------------------------------*/
#kopf{
background: #ccffcc;
font-family: lucida sans unicode, Arial, Helvetica, sans-serif;
font-size: 0.8em;
width: 915px;
color: #333;
}

#menu{
background: #FFF;
background-attachment: fixed; 
float: left;
/* font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em; */
color: #333;
width: 300px;
height: 500px;
padding: 0;
}
#ueb{
background: #FFF;
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: #FFF;
text-align: left;
/* font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;*/
font-size: 14px; 
color: #333;
width: 615px;
float: right;
min-height: 800px;
}
#fuss{
background: #FFF;
font-family: lucida sans unicode, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333;
width: 915px;
clear: both;
}
#fussinfo{
font-family: lucida sans unicode, Arial, Helvetica, sans-serif;
font-size: 10px;
width: 915px;
padding: 5px 0px 5px 0px;
color: #fff;
text-align: center;
vertical-align : middle;
}
/* --------------------------------MENUE-NAVIGATION-----------------------------------------*/
#navi {
   width: 10em;
   width: 216px;
   padding: 0;
   left: 32px;
   margin-top: -529px;
   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: #2765b8;
   color: #fff;
}
#navimak {
   width: 216px;
   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%;
}
/* --------------------------------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: #2765b8;}
a.mail:visited {text-decoration: none; font-weight: bold; color: #2765b8;}
a.mail:hover {text-decoration: none; font-weight: bold; color: #b20308;}
a.mail:active {text-decoration: none; font-weight: bold; color: #000;}

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

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.erleben:link {text-decoration: none; font-weight: bold; color: #2765b8; font-size:18px; border: 1px solid #2765b8;}
a.erleben:visited {text-decoration: none; font-weight: bold; color: #2765b8; font-size:18px; border: 1px solid #2765b8;}
a.erleben:hover {text-decoration: none; font-weight: bold; color: #ffffff; font-size:18px; border: 1px solid #b20308; background-color: #b20308;}
a.erleben:active {text-decoration: none; font-weight: bold; color: #000; font-size:18px; 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;
}