html {width: 1020px;
  
  padding:0.8%;
  margin:0px auto;
  background-color: #445372;
  
}

body {position: relative;
  background-color: #ffffff;
  font-size: 12px;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  color:#000000;
  line-height: 142%;
  padding:0px;
  margin:0px;
 
   }

 
   
   
p, h2, h3, h4, h6, pre {
margin: 0px;
padding: 5px 20px ;

}


#inhalt p.meldung {
position: relative;
left: -100px;
top: -10px;
font-weight: bold;
color: #666666;
text-align: center;
}

p.intro
{margin-left: 50px;
}


a {
color: #ff66cc;
background-color:transparent;
text-decoration: none;
}

pre {
color: #564b47;
font-size: 11px;
background-color:transparent;
font-family: Courier, Monaco, Monospace;
}

.alignright {
margin-top: 0;
text-align: right;
font-size: 10px;
}



h6{
font-size:14px;
color: #000;

}


h5{
font-size:14px;
color: #336;
padding: 5px 20px 0px 20px;
}

h4{

font-size:13px;
color: #900;
margin-top: 10px;
}


h3{
font-size:14px;
letter-spacing:0px;
color: #900;

}


h2 {
font-size:13px;
letter-spacing:3px;
text-transform:uppercase;
color: #036;
background-color: #ccc;
padding:5px 15px;

}


h1 {
font-size: 12px;
padding-top:10px;
text-transform:uppercase;
letter-spacing:2px;
color: #036;
background-color: transparent;

}


input, select
{background-color:#eee; color:#336;
 font-size: 13px;}


strong {
font-size: 13px;
}

/*  positioning-layers statisch und absolut */

#links {
position: absolute;
left: 0px; top: 155px;
width: 180px;
height: 480px;
font-family :Verdana, Arial, SunSans-Regular, Sans-Serif;
font-size: 13px;
color: #000000;
text-decoration: none;
background-color: #333366;
color: #ffffff;
margin-right: 50px;
line-height: 1.0;
padding: 0px 0px 0px 8px;
float: right;

}

#navi {
position: absolute;
left: 0px; top: 155px;
width: 182px;
height: 536px;
font-family :Verdana, Arial, SunSans-Regular, Sans-Serif;
font-size: 12.5px;
letter-spacing: 0px;
line-height: 200%;
text-align: right;
color: #000000;
text-decoration: none;
background-color: #333366;
color: #ffffff;
line-height: 300%
padding: 50px 0px 10px 0px;
float: right;
}

#navig {
position: absolute;
left: 0px; top: 155px;
width: 180px;
height: 500px;
font-family :Verdana, Arial, SunSans-Regular, Sans-Serif;
font-size: 12.5px;
letter-spacing: -0.8px;
line-height: 200%;
text-align: right;
color: #000000;
text-decoration: none;
background-color: #333366;
color: #ffffff;
line-height: 300%
padding: 50px 0px 50px 0px;
float: right;
}


#alternate {
position: absolute;
left: 0px;
top: 155px;
width:800px;
margin: 0px 210px 0px 0px;
border-left: 2px solid #336;
border-right: 0px solid #336;
border-bottom: 0px solid #336;
padding:10px 15px 10px 15px;
background-color: #ffffff;
background-image:url(??.jpg); background-repeat:no-repeat;
background-position: right top;

}

#inhalt {
position: absolute;
top: 155px;
width:606px;
margin: 0px 210px 10px 178px;
border-left: 2px solid #336;
border-right: 0px solid #336;
border-bottom: 2px solid #336;
padding:10px 15px 10px 15px;
background-color: #ffffff;

}

#kontakt {
position: absolute;
top: 155px;
width:810px;
margin: 0px 210px 10px 178px;
border-left: 2px solid #336;
border-right: 0px solid #336;
border-bottom: 2px solid #336;
padding:10px 15px 10px 45px;
background-color: #ffffff;



}


#adresse{
position: relative;
top: 10px;
left: -15px;
width:636px;
height:12px;
background-color:#336;
color:#fff;
font-size: 10px;
font-weight: bold;
}

#inhalt table
{position:relative;
width: 300px;
align: left;
margin-left: 18px;
margin-right: auto;}

#inhalt table.form
{position:relative;
width: 300px;
top: -10px;
margin-left: 98px;
margin-right: auto;}

#inhalt td.form
{text-align: left;
width: 200px;}

#inhalt table.histo
{position:relative;
top: -5px;
width: 620px;
margin-left: 0px;
margin-right: auto;}

#inhalt table.index
{margin-top: 10px;}

#inhalt td.indexh
{position:relative;
width: 300px;
align: left;
margin-left: 18px;
margin-right: auto;
font-size: 10px;
font-weight: bold;
color: #666;
padding:0px 4px;}

#inhalt td.indext
{position:relative;
width: 300px;
align: left;
margin-left: 18px;
margin-right: auto;
font-size: 10px;
font-weight: normal;
color: #666;
padding:0px 4px;}


#inhalt a{color:#666; text-decoration:none; font-weight:bold;}


#index{
position: absolute;
top:155px;
left:10px;
width:700px;
margin: 0px 210px 0px 0px;
border-left: 2px solid #336;
border-right: 0px solid #336;
border-bottom: 0px solid #336;
padding:10px 15px 10px 15px;
background-color: #ffffff;
background-image:url(??.jpg); background-repeat:no-repeat;
background-position: right top;

}

#kontakt {
position: absolute;
top: 155px;
width:600px;
margin: 0px 210px 0px 178px;
border-left: 2px solid #336;
border-right: 2px solid #336;
border-bottom: 2px solid #336;
padding:15px 15px 10px 115px;
background-color: #ffffff;

}
#rechts {
position: absolute;
left: 818px; top:130px;
width: 182px;
background-color: #fff;
font-family:Arial;
font-size : 10pt;
color : #666;
margin-top: 25px;
padding: 15px 10px 19px 10px;

z-index:1;
}


#rechts p
{align:left;
}

#rechts h6
{font-size:13px;
color: #336;
padding: 0px 10px 0px 0px;
}

#rechts h5
{font-size:12px;
color: #555;
padding: 0px 10px 0px 0px;
}
#rechts h4
{font-size:13px;
color: #555;
padding: 0px 10px 0px 0px;
}
#rechts hr
{width: 165px;
margin: 15px 10px 15px 0px;
align: center;
}

#rechts input
{background-color:#eee; color:#666;
 font-size: 13px;}

#rechts b
{color: #336;}

#rechts a
{background-color: #fff;
font-family:Arial;
font-size : 10pt;
color : #666;
font-weight:normal;}



#log{
position:absolute;
left:10px;
top: 500px;}



#logo {
position: absolute;
left: 0px;top: 0px;
width: 190px;
background-color: #ffffff;
font-family :Calligraph421 BT; cursive; font-size : 10pt;
color : #990000;
margin-top: 0px;
padding: 0px;
}

#titre
{position: absolute;
left: 182px;top: 56px;
width: 818px;
height: 82px;
font-family :Verdana, Arial, SunSans-Regular, Sans-Serif;
font-size: 13px;
font-weight: bold;
color : #000066;
background-color: #fff;
margin-top: 0px;
padding-left: 20px;

}

#date
{
position: absolute;
right: 20px; top:63px;
font-family :Verdana, Arial, SunSans-Regular, Sans-Serif;
font-size: 11px;
font-weight: bold;
color : #990000;
}


#boite
{position: relative;
left: 0px; top: 80px;
width: 160px;
height: 45px;
background-color: #333366;
font-family :Verdana, Arial, SunSans-Regular, Sans-Serif;
font-size: 13px;
font-weight: bold;
letter-spacing: 0.1em;
color:#ccccff;
text-align: center;
text-decoration: none;
padding-top: 30px;
padding-left:20px;

}

#grau {
position: absolute;
left: 180px;
top: 110px;
height: 30px;
width: 540px;
font-size: 11px;
font-weight: bold;
letter-spacing:1px;
color: #033;
background-color: #ddd;
padding:15px 300px 0px 0px;
 }

#construct{
position: absolute;
left: 350px;
top: 213px;
width: 350px;
line-height: 12px;
font-size:13px;
margin-top: 10px;
}

#cam{
position: absolute;
left: 350px;
top: 310px;
width: 350px;
height:136px;
font-size:13px;
margin-top: 10px;
}

#impressum
{position: absolute;
top: 290px;
left: 10px;
font-size:10px;

}

#asterix
{position: absolute;
top: 200px;
left: 200px;
font-size: 12px;
color: #990000;
z-index: 1;
}

table.menu
{position: absolute;
left: 180px; top: 78px;
width: 840px; height:32px;
background-color: #990000;
font-family :Verdana, Arial, SunSans-Regular, Sans-Serif;
font-size: 13px;
color: #000000;
text-decoration: none;
padding-left: 5px;
padding-right: 10px;
}


td.menu
{padding-left:2px;
text-align: center;}


table
{background-color: #fff;
font-family :Verdana, Arial, SunSans-Regular, Sans-Serif;
font-size: 13px;
color: #000000;
text-decoration: none;
margin: 0px;
}

td.annee
{color:#900;
font-size: 14px;
font-weight: bold;
text-align: center;
height: 35px;
padding: 5px 10px 10px 20px;
padding-
}
td.histo
{vertical-align: middle;
height: 35px;
padding: 0px 0px 5px 0px;
padding-
}

#danke
{position:absolute;
right: 200px;
top: 180px;
width: 350px;
align: right;
margin-left: auto;
margin-right: 160px;}
}


td.form
{width:350px;;
padding-top: 2px;
padding-bottom: 2px;
}


#inhalt td.text
{width: 70px;
text-align: right;
}

/*form {
display: inline;
}*/

/* Eingabefelder und Button */
input {
font-size: 12px;
background-color: #eee;
color: #000066;
text-align: center;
}


input.feld {
width: 100%;
text-align: left;
}

/* Zeichenzähler */
.counter {
width: 50px;
border-width: 0px;
text-align: left;
background-color: #FFFFFF;
color: #000000;
cursor: default;
}

.button {
width: 40%;
font-weight: bold;
color: #003;
}

/* Eingabefeld für Nachricht */
textarea {
font-size: 12px;
background-color: #eee;
color: #000000;
width: 100%;
height: 120px;
}

/* Markierung bei nicht ausgefülltem Pflichtfeld */
#inhalt span.markiert {
color: #900;
font-weight: bold;
}
/* Unterstreichung eines Teils der Fehlermeldung */
span.unterstrichen {
text-decoration: underline;
}

span.default_cursor {
cursor: default;
}





.arrow {
list-style:circle url(images/ulli.gif);

}




a:link { color:#ffffff; text-decoration:none; font-weight:bold; }
a:visited { color:#ffffff; text-decoration:none; font-weight:bold; }
a:hover { color:#c0c0c0; text-decoration:none; font-weight:bold; }
a:active { color:#c0c0c0; text-decoration:none; font-weight:bold; }
a:focus { color:#c0c0c0; text-decoration:none; font-weight:bold; }


li
{margin-top:-2px;
line-height:190%;
font-family:Verdana,Arial,sans-serif;}


/************************************************
*************FIRST_LEVEL*************************
************************************************/
/*Style-Definition für die First-Level-Navigation*/
DIV.fstLevel a
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 120;
BORDER: 0px solid #669; /*war #003*/
PADDING: 20px 0px 20px 3px;
MARGIN: 1Px;
FONT-FAMILY: verdana, arial, helvetica;
FONT-SIZE: 12px;
FONT-WEIGHT: bold;
TEXT-ALIGN: right;
COLOR: #ffffff;
background-color: #333366;
}
/*Style-Definition für die First-Level-Navigation bei Mouse-Over*/
DIV.fstLevel a:hover
{
COLOR: #ccc;
BACKGROUND-COLOR: #336;
}
/*Style-Definition für die First-Level-Navigation bei aktivem Link*/
DIV.fstLevelActive a
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 120;
BORDER: 0px solid #669; /*war #003*/
PADDING: 20px 0px 20px 3px;
MARGIN: 1Px;
FONT-FAMILY: verdana, arial, helvetica;
FONT-SIZE: 12px;
FONT-WEIGHT: bold;
TEXT-ALIGN: right;
COLOR: #000;
BACKGROUND-COLOR: #336;
}

/************************************************
*************SECOND_LEVEL*************************
************************************************/
/*Style-Definition für die Second-Level-Navigation*/
DIV.fstLevel a
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 120;
BORDER: 1px solid #669; /*war #003*/
PADDING: 6px;
MARGIN: 1Px;
FONT-FAMILY: verdana, arial, helvetica;
FONT-SIZE: 12px;
FONT-WEIGHT: bold;
TEXT-ALIGN: left;
COLOR: #ffffff;
BACKGROUND-COLOR: #336;
}
/*Style-Definition für die First-Level-Navigation bei Mouse-Over*/
DIV.fstLevel a:hover
{
COLOR: #eee;
BACKGROUND-COLOR: #669;
}
/*Style-Definition für die First-Level-Navigation bei aktivem Link*/
DIV.fstLevelActive a
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 120;
BORDER: 1px solid #669; /*war #003*/
PADDING:6px;
MARGIN: 1Px;
FONT-FAMILY: verdana, arial, helvetica;
FONT-SIZE: 12px;
FONT-WEIGHT: bold;
TEXT-ALIGN: left;
COLOR: #eee;
BACKGROUND-COLOR: #669;
}

/************************************************
*************SECOND_LEVEL*************************
************************************************/
/*Style-Definition für die Second-Level-Navigation*/
DIV.secLevel a
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 120;
BORDER: 1px solid #669; /*war #003*/
PADDING: 6px 19px;
MARGIN: 1Px;
FONT-FAMILY: verdana, arial, helvetica;
FONT-SIZE: 10px;
FONT-WEIGHT: normal;
TEXT-ALIGN: right;
COLOR: #fff;
BACKGROUND-COLOR: #669;
}
/*Style-Definition für die Second-Level-Navigation bei Mouse-Over*/
DIV.secLevel a:hover
{
COLOR: #036;
BACKGROUND-COLOR: #eee;
}
/*Style-Definition für die Second-Level-Navigation bei aktivem Link*/
DIV.secLevelActive a
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 120;
BORDER: 1px solid #003;
PADDING:6px;
MARGIN: 1Px;
FONT-FAMILY: verdana, arial, helvetica;
FONT-SIZE: 10px;
FONT-WEIGHT: normal;
TEXT-ALIGN: right;
COLOR: #669;
BACKGROUND-COLOR: #eee;
}


DIV.secLevelActive a:focus
{
TEXT-DECORATION: none;
DISPLAY: block;
WIDTH: 120;
BORDER: 1px solid #003;
PADDING:6px;
MARGIN: 1Px;
FONT-FAMILY: verdana, arial, helvetica;
FONT-SIZE: 10px;
FONT-WEIGHT: normal;
TEXT-ALIGN: right;
COLOR: #669;
BACKGROUND-COLOR: #eee;
}