@charset "utf-8";

/* Copyright 2014 by Ursula Deja */
             


#pocket   { display:none; }

body, html 
{
  margin: 0;
  padding: 0;
}


html
{
height: 100%;
}             


body
{ 
  padding: 0px;
  margin: 0px;
  background: #333333 url(index-long-background.jpg) no-repeat;
  font: 100.01% Arial, sans-serif;
  font-size: 0.8em;
  color: #999999;
  text-align: center; 
}


h1
{ 
  padding: 7px 0px 5px 0px; 
  margin: 0px 0px 12px 0px;
  font-family: 'PT Sans Narrow', sans-serif;
  font-size: 1.3em;
  letter-spacing: -1px;
  color: #cc0000;
}

h2
{ 
  padding: 7px 0px 5px 0px; 
  margin: 0px 0px 12px 0px; 
  font-family: 'PT Sans Narrow', sans-serif;
  font-size: 1.1em;
  letter-spacing: -0.5px;
  color: #f2e2ca;
}

h3
{ 
  padding: 7px 0px 5px 0px; 
  margin: 0px 0px 12px 0px;
  font-family: 'PT Sans Narrow', sans-serif;
  font-size: 1.0em;
  letter-spacing: -0.5px;
  color: #f2e2ca;
}

h4
{ 
  padding: 7px 0px 5px 0px; 
  margin: 0px 0px 12px 12px;
  font-family: 'PT Sans Narrow', sans-serif;
  font-size: 0.8em;
  letter-spacing: -0.5px;
  font-weight: bold;
  color: #f2e2ca;
}


p
{ 
  margin: 0px;
  padding: 0px 0px 16px 0px;
  line-height: 1.7em;
    letter-spacing: -0.2px;
}


img
{ 
  border: 0px; 
  margin: 0px; 
  padding: 0px;
}

a img
{
  border:0px;
}

.left
{ 
  float: left; 
  border-right: 18px solid none;
}

.right
{ 
  float: right; 
  border-left: 18px solid none;
}

.center
{ 
  text-align: center;
  margin: 0 auto;
  display: block;
}

.left, .right
{
border-color: #000000;
}


ul
{ 
  margin: 2px 0px 18px 16px;
  padding: 0px;
}

ul li
{ 
  margin: 0px 0px 6px 0px; 
  padding: 0px;
  list-style-type: square;
}


ol
{ 
  margin: 2px 0px 18px 16px;
  padding: 0px;
}

ol li
{ 
  margin: 0px 0px 6px 0px; 
  padding: 0px;
}


#webseite-gesamt, #fusszeilen, #kopf-logo, #navigation-oben, #gesamtinhalt
{ margin-left: auto; 
  margin-right: auto;
}


#webseite-gesamt
{ 
  width: 1005px;
  background: url('design/transparent_background.png');
  background: rgba(0, 0, 0, 0.5);
  color: #999999;
}


#kopf-logo
{ 
  width: 989px;
  height: 366px;
  background: transparent;
  color: #000000;
  text-align: center; 
}

#kopf-logo h1
{ 
  padding: 7px 0px 5px 0px; 
  margin: 0px 0px 12px 0px;
  font-family: 'Cinzel', serif;
  font-size: 2.3em;
  letter-spacing: 0.0em;
  color: #cc0000;
}


#navigation-oben
{ 
  width: 989px;
  height: 70px;
  background: transparent url(navigation-oben-hg-screen.png) repeat;
} 

#navigation-oben h1
{ 
  padding: 7px 0px 5px 0px; 
  margin: 0px 0px 12px 0px;
  font-family: arial, sans-serif;
  font-size: 3.0em;
  letter-spacing: 0.0em;
  color: #2d2b27;
}

ul#navigationslinks-oben
{
  margin: 0px;
  
}

ul#navigationslinks-oben li
{ 
  margin: 0px 0px 0px 0px; 
  padding: 0px;
  float: left; 
  list-style: none;
} 

ul#navigationslinks-oben li a 
{ 
  padding: 16px 17px 0px 15px;
  height: 44px;
  float: left;
  display: block;
  background: transparent;
  font: 100.01% arial, sans-serif;
  font-size: 1.1em;
  text-align: center;
  text-decoration: none; 
  color: #cccccc;
}

ul#navigationslinks-oben li a:hover, ul#navigationslinks-oben li a.active, 
ul#navigationslinks-oben li a.active:hover
{ 
  background: #000000 url(navigationslinks-oben-hover-active-hg.png) repeat;
  
} 


#gesamtinhalt
{ 
  width: 989px;
  overflow: hidden;
} 


.spalte-links
{ 
  width: 190px;
  padding: 15px 15px 15px 15px;
  float: left;
}


.spalteninhalt-links
{ 
  width: 190px;
  margin: 0px 0px 0px 0px;
  float: left;
  text-align: left;
  background: url('design/transparent_background.png');
  background: rgba(0, 0, 0, 0.8); 
}

.spalteninhalt-links h1, .spalteninhalt-links h2,
.spalteninhalt-links h3, .spalteninhalt-links p
{
  margin: 8px 10px 10px 12px; 
}

.spalteninhalt-links ul
{ 
  width: 160px;
  margin: 4px 0px 15px 14px;
  padding-top: 4px;
}

.spalteninhalt-links li
{ 
  padding: 0px 0px 4px 0px;
  border-bottom: 1px solid #202020;
  list-style: none; 
}

.spalteninhalt-links li a, .spalteninhalt-links li a:hover
{ 
  height: 16px;
  padding: 0px 0px 0px 18px;
  font: 100.01% arial, sans-serif; font-weight: bold; letter-spacing: -1px;
  font-size: 1.0em;
  display: block;
  background: transparent url(spalteninhalt-links-pfeilplatzhalter.gif) no-repeat left center;
  text-decoration: none;
  color: #999999;
} 

.spalteninhalt-links li a:hover, 
.spalteninhalt-links li a.active:hover
{ 
  background: transparent url(spalteninhalt-links-gelber-pfeil.gif) no-repeat left center;
} 

.spalteninhalt-links li a.active
{ 
  background: transparent url(spalteninhalt-links-roter-pfeil.gif) no-repeat left center;
} 



#spalte-rechts
{ 
  width: 754px;
  padding: 15px 15px 15px 0px;
  float: left;
  text-align: left;
}


#spalteninhalt-rechts
{ 
  width: 724px;
  padding: 8px 15px 8px 15px;
  text-align: left;
  background: url('design/transparent_background.png');
  background: rgba(0, 0, 0, 0.8);
  font-size: 1.1em;
}

#spalteninhalt-rechts a
{ 
  background: transparent;
  text-decoration: underline;
  color: #999999;
}

#spalteninhalt-rechts a:hover
{ 
  background: transparent;
  text-decoration: underline;
  color: #ffffff;
}

#spalteninhalt-rechts .strich 
{
border-top: 1px solid #666666;
}

#spalteninhalt-rechts .rahmen 
{
padding-top:15px;
padding-left:15px;
padding-right:15px;
padding-bottom:40px; 
border: 2px solid #666666;
}

#spalteninhalt-rechts .mittig 
{
text-align: center; 
}


#fusszeilen
{ 
  width: 997px;
  height: 432px;
  padding: 26px 21px 0px 19px;
 
  background: transparent url(fuss-hg.png) no-repeat;
  text-align: center;
  color: #000000;
}

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

#fusszeilen a:hover
{ 
  background: transparent;
  color: #ffffff;
  text-decoration: underline; 
}