a:focus, a:active {
      outline: none;
}

body {
    color: #fff;
    background-color: #003; 
    font: 12px verdana, arial, helvetica, sans-serif; 
    margin:0; padding:0;
}

img { border: 0 none; }

select {
  font-size: 11px;
  color: #CCC;
  background-color: #000066;
  width: 144px;
  padding: 0;
  margin: 0;
}

option {
    text-indent: 2px;
}

a:link, a:visited {
    color: #0066CC;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* box u. Logo  */

#box {
  position: absolute;
  left: 50%;
  top: 10px;
  width: 480px;
  min-height: 600px;
  /* Set margin to half the values of width/height */
  margin-left: -240px;
  margin-top: 10px;
}

#logo {
    width:480px;
    height:35px;
    background-repeat: no-repeat;
    background-image: url(../pic/logo.gif);
}

/* Navigation  */

#nav {
    position:absolute;
    left:0px;
    top:50px;
    width:480px;
    height:25px;
}
#nav ul {
    display: block;
    list-style: none outside;
    padding: 0;
    margin: 0;
    font-family: Verdana, sans-serif;
    font-size: 12px;
}
#nav li {
    padding: 0;
    margin: 0 8px 0 0;        /* 8px = Abstand zwischen den Menues (jeweils rechts vom betr. Menue ein 8px-margin) */
    background-color: #0066CC;
    color: #fff;
    font-weight: bold;
    display: block;
    float: left;
    position: relative;
}
#nav a:link, 
#nav a:visited {
    background-color: #0066CC;
    color: #fff;
    text-decoration: none;
    padding: 0.2em 1.5em 0.2em 1.57em;
}
#nav li.last {
    margin-right: 0;
}



/* Dropdownleiste */

#dropleiste {
  display: none;
  position:absolute;
  top:50px;
  left:-160px;
  width:120px;
  margin: 0px;
  padding: 0px;
}

#dropleiste .bildchen {
  width:120px;
  height:90px;
  padding:0 0 10px 0;
  margin: 0 0 0 20px;
}


/* sichtbar nur auf Aktuell */
#demnaechst{
    width:120px;
    margin: 100px 0 0 20px;
    padding: 0;
}
#demnaechst ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-family: Verdana, sans-serif;
}
#demnaechst li {
    padding: 0;
    margin: 0; 
    background-color: #0066CC;
    color: #fff;
    font-weight: bold;
}
#demnaechst a:link, #demnaechst a:visited {
    display: block;
    background-color: #0066CC;
    color: #fff;
    text-decoration: none;
    padding:  0.2em 1.2em;
}


/* sichtbar nur auf Aktuell */
#exklusiv {
    width:120px;
    margin:10px 0 0 20px;
    padding: 0;
}

#exklusiv ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-family: Verdana, sans-serif;
}
#exklusiv li {
    padding: 0;
    margin: 0;
    background-color: #0066CC;
    color: #fff;
    font-weight: bold;
}
#exklusiv a:link, #exklusiv a:visited {
    display: block;
    background-color: #0066CC;
    color: #fff;
    text-decoration: none;
    padding:  0.2em 1.2em;
}

/* --------------- */


#nav a:hover,
#exklusiv a:hover, 
#demnaechst a:hover {
    background-color: #cecbc6;
    color: #000066;
}

#navclear { display: none; }

html>body #navclear {
    display: block;
    clear: both;
}
   
#nav li#active a,  
#exklusiv li#active a, 
#demnaechst li#active a {
    background-color: #0066CC;
    color: #000066;
}

/* --------------- */

/* Content */

#texte {
  position:absolute;
  left:0px;
  top:90px;
  width:480px;
  height:auto;
  background-color: #000033;
  color: #fff;
  line-height: 18px;
  text-align: justify;
}
#texte p.titel {
    margin-top:0px;
    font-weight: bold;
}
#texte p.kapitaelchen {
    margin-top:0px;
    font-weight: bold;
    font-variant: small-caps;
}


/*  Eingabefelder im kontakt.php */
.ipt {
    width: 200px;
    background-color: #000066;
    color: #ccc;
    border: 0px none;
    margin-top: 3px;
    margin-bottom: 3px;
}
input.ipt:focus, input.ipt:hover {
    background-color: #000099;
    color: #ccc;
    border: 0px none;
    margin-top: 3px;
    margin-bottom: 3px;
}

.ipttxtarea {
    height: 120px;
    width: 310px;
    background-color: #000066;
    color: #ccc;
    border: 0px none;
    margin-top: 3px;
    margin-bottom: 3px;
    white-space: pre;
}

/* abschicken-/reset-Buttons */
.btn {
    background-color: #0066CC;
    color: #fff;
    /* border: thin solid #cecbc6;  */
    border: 0px none;
    cursor: pointer;
}
.btn:focus, .btn:hover {
    color: #000066;
}

.rot {
    color: red;
    background: inherit;
}
