/*Stylesheet Reiffix
    Autor: Christian Reifferscheid
    Datum: März08
    Erstellt für ww.reiffix.de Arrow Template
	Copyright by Reiffix.de
	Feel free to modify
 */
/* Main CSS */
* { padding: 0; margin: 0; } /*alles auf 0, Browserdarstellung*/
body {
  background-image: url(img/bodybg.gif);
  background-repeat: repeat-x;
  height: 522px;
  background-color: #394246;
  font-family: Verdana;
  font-size: 12px;
}
a {
  color: #668591;
}
a:hover {
  color: #979797;
}
b {
  color: #737373;
}
blockquote {
  background: url(img/cite.gif) no-repeat left top;
  padding: 15px 0 10px 45px;
  font-size: 12px;
  margin: 10px 0px;
  border: 1px solid #E5E5E5;
  width: 470px;
  font-family: Trebuchet MS;
  color: #979797;
}

/*Überschriften / Headlines*/
h1 {
  color: #307f9e;
  font-size: 24px;
  font-weight: normal;
  margin-bottom: 5px;
}   
h2 {
   color: #307f9e;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 5px;
}
h3 {
  color: #307f9e;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 5px;

}

/* Design Css */
#wrapper {
  position: relative;
  margin: 0 auto; 
  width: 1007px;
  height: 100%;
  }

#header {
	background-image: url(img/head.gif);
	width: 1007px;
	height: 176px;
	margin-bottom: 20px;
  }
  
.titel {
	position: absolute;
	color: #d5d5d5;
	font-size: 24px;
	left: 308px;
	top: 106px;
}

.slogan {
	position: absolute;
	color: #d5d5d5;
	font-size: 18px;
	left: 368px;
	top: 137px;
}

#navigation {
	position: absolute;
	width: 150px;
	color: #D5D5D5;
	font-size: 14px;
	left: 62px;
	top: 33px;
}

#navigation li {
  list-style-type: none;
  }
  
#navigation a {
  color: #D5D5D5;
  text-decoration: none;
  }
  
#navigation a:hover {
   color: #FFFFFF;
  text-decoration: none;
}

.sitemap {
  color: #577f8e;
  font-size: 9px;
  width: 150px;
  height: 12px;
  margin-bottom: 15px;
} 

.sitemap a {
    color: #577f8e;
  font-size: 9px;
}   

#content {
  margin-left: 231px;
  width: 534px;
  background-color: #ffffff;
  padding-left: 15px;
  padding-right: 15px;
	 }
	 
.text {
  min-height: 280px;
  height:auto !important;  /* für moderne Browser */
  height: 280px;  /*für den IE */

}
.line {
	position: absolute;
	border-bottom: 1px solid #dfe3e3;
	width: 562px;
	height: 1px;
	left: 232px;
	top: 510px; 
}
#down {
  color: #bebebe;
  font-size: 10px;
  margin-top: 20px;
  background-color: #ffffff;
  min-height: 120px;
  height:auto !important;  /* für moderne Browser */
  height: 120px;  /*für den IE */
}
#down h3 {
  font-size: 14px;
  color: #307f9e; 
  font-weight: bold;
  margin-bottom: 5px;
}
.aboutme {
  float: left;
  width: 190px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.kategorien {
  float: left;
  width: 150px;
  margin-bottom: 10px;
  margin-left: 20px;
}
.kategorien ul {
  list-style-type: none;
}
.kategorien ul li {
  margin-bottom: 2px;
}
.links {
  float: left;
  margin-right: 10px;
  width: 120px;
}
#footer {
   background-image: url(img/footer.gif);
   width: 548px;
   height: 12px;
   margin-left: 231px;
   padding: 8px;
   font-size: 10px;
   font-weight: bold;
   color: #FFFFFF;
   }
#footer a {
  color: #FFFFFF;
  text-decoration: none;
}
.right {
  float: right;
}
.left {
  float: left;
}
.sitemap {
  color: #577f8e;
  font-size: 9px;
  width: 150px;
  height: 12px;
  margin-bottom: 15px;
} 
.sitemap a {
    color: #577f8e;
  font-size: 9px;
}   
.more {
  float: right;
}

/* Schatten links und rechts / Shadow left/right */
#shadow_l {
	position: absolute;
	background-image: url(img/schatten-links.gif);
	width: 40px;
	height: 320px;
	left: 197px;
	top: 190px;
  }
#shadow_r {
	position: absolute;
	background-image: url(img/schatten-rechts.gif);
	width: 40px;
	height: 320px;
	left: 789px;
	top: 190px;
  }
   
/*Lists */

ul { 
  list-style-type: square; 
  }
ol { 
  list-style-type: decimal; 
  }
ul ul { 
  list-style-type: disc; 
  }
ol ol {
 list-style-type: lower-alpha;
  }

ul ol {
 list-style-type: decimal; 
 }
ol ul { 
  list-style-type: square;
  }

ol ol ol, ol ol ul, ol ul ul, ol ul ol,
ul ul ul, ul ul ol, ul ol ol, ul ol ul {
   list-style-type: circle;
}