/* v1.0 | 20080212 reset*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*====layout section====*/
body {
	background:#f6ebab;
	text-align:center;
}

.page-margins {
	 text-align:left;
	 margin:0 auto;
	 width:960px;
} 
.page {
	padding:10px;
	}
#wrapper {
	border:3px solid #ffffff;
	background:#ffdd0d url(../pics/bg_links.png) bottom left no-repeat;
	position:relative;
	}
#left-col {
	width:267px;
	float:left;
}
#logo {
	margin:20px 0 20px 20px;}
#right-col {
	width:653px;
	background:#ffd800 url(../pics/main_bg.gif) repeat-y 0 0;
	margin-left:267px;
	}
#header {
    color:#000;
	background: url(../pics/navideko.png) 0 0 no-repeat;
    padding:10px 40px 0 20px;
	height:78px;
	margin-left:20px;
	position:relative;
  }
#nav {
	margin-left:20px;}
#main {
	margin:40px 0 0 20px;
	}
#footer {
  	background:transparent url(../pics/footer_deko.png) bottom left no-repeat;
	clear:both;
	position:relative;
	height:150px;
	width:678px;
}
#address {
	margin-left:20px;
	bottom:10px;
	left:0;
	position:absolute;
	}
  
  /*======navibereich ===============*/
    .hlist {
    /* (en) containing floats in IE */
    /* (de) Einfassen der Floats im IE */
    width:100%;
    overflow:hidden;
    /* (en) containing floats in all other browsers */
    /* (de) Einfassen der Floats in allen anderen Browsern */
    float:left;
    display:inline;
    /* (en|de) Bugfix:IE - collapsing horizontal margins */
    position:relative;
    /* (en) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    background:#663333 url("../pics/navi_bg.gif") repeat-x center right;
    line-height:0;
	margin-bottom:2em;
  }

  .hlist ul {
    margin:0;
    padding:0;
    /* (en|de) Bugfix:IE - Doubled Float Margin Bug */
    display:inline;
    float:left; /* LTR */
    /* (en) Left margin of the first button  */
    /* (de) Abstand des ersten Buttons vom linken Rand  */
  }

  .hlist ul li {
    border-right:1px #aaa solid;
    /* (en|de) Bugfix:IE - Doubled Float Margin Bug */
    display:inline;
    float:left; /* LTR */
    font-size:0.7em;
    line-height:1em;
    list-style-type:none;
    margin:0;
    padding:0;
  }

  .hlist ul li a,
  .hlist ul li strong {
    background:transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color:#ffffff;
    display:block;
    font-size:1em;
	letter-spacing:0.1em;
    margin:0;
    padding:0.8em 1.2em;
    text-decoration:none;
    width:auto;
  }

  .hlist ul li a:focus,
  .hlist ul li a:hover,
  .hlist ul li a:active  { background: url("../pics/navihover_bg.gif") repeat-x center right; text-decoration:none; outline: 0 none; }

  .hlist ul li.active {
    /* (en) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    background:#272727 url("../pics/navihover_bg.gif") repeat-x center right;
    border-right:1px #888 solid;
  }

  .hlist ul li.active strong,
  .hlist ul li.active a:focus,
  .hlist ul li.active a:hover,
  .hlist ul li.active a:active { background:transparent; color:#fff; text-decoration:none; }
  
  /*===navi ende======*/
  
  
  /*======================================gfxborder-section===========================================*/
  
  .page-margins {
  background-image: url(../pics/border-left.gif);
  background-repeat:repeat-y;
  background-position:left;
  }
  
  .page { 
  background-image: url(../pics/border-right.gif);
  background-repeat:repeat-y;
  background-position:right;
  }
  
  #border-top {
  overflow:hidden;
  width:auto;
  height:20px;
  font-size:0;
  margin-bottom:-20px;
  background-image: url(../pics/border-top.gif);
  background-repeat:repeat-x;
  background-position:top left; 
  }
  
  #border-bottom {
  overflow:hidden;
  width:auto;
  height:20px;
  font-size:0;
  margin-top:-20px;
  background-image: url(../pics/border-bottom.gif);
  background-repeat:repeat-x;
  background-position:bottom left;
  }
  
  #edge-tl {
  float:left;
  width:20px;
  height:20px;
  font-size:0;
  background-image: url(../pics/corner-tl.gif);
  background-position: top left;
  }
  
  #edge-tr {
  position:relative; /*IE-Fix | z-index*/
  float:right;
  width:20px;
  height:20px;
  font-size:0;
  background-image: url(../pics/corner-tr.gif);
  background-position:top right;
  }
  
  #edge-bl {
  float:left;
  width:20px;
  height:20px;
  font-size:0;
  background-image: url(../pics/corner-bl.gif);
  background-position: bottom left;
  }
  
  #edge-br {
  position:relative; /*IE-Fix | z-index*/
  float:right;
  width:20px;
  height:20px;
  font-size:0;
  background-image: url(../pics/corner-br.gif);
  background-position:bottom right;
  }
  
  /*ende gfxborder section*/
  /*===contentsection====*/
  
  body {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:0.8em;
  font-weight:normal;
  }
  h1 {
  font-size:1.5em;
  color:#666666;
  font-weight:normal;
  margin:0 0 0.6em 0;
  }
  h2 {
  font-size:1.2em;
  color:#666666;
  font-weight:normal;
  margin:0 0 0.6em 0;
  }
  h3 {
  font-size:1em;
  color:#666666;
  font-weight:normal;
  margin:1em 0 0.6em 0;
  }
  h2.slogan {
  font-size:1.2em;
  font-weight:normal;
  color:#666666;
  text-align:center;
  line-height:1.5;
  }
  p {
  line-height:1.5;}
  ul {
  line-height:1.8em;}
  a img {
  border:none;
  }
  address {
  color:#666666;
  font-weight:bold;
  font-size:0.8em;
  }
  .list {
  list-style-type:disc;
  list-style-position:outside;
  padding-left:20px;
  line-height:1.6em;
  }
  .left {
  float:left;
  margin:0 10px 5px 0;
  }
  .right {
  float:right;
  margin:0 0 5px 10px;
  }
  #info {
  width:95%;
  background:#282009 url(../pics/blattlaus.png) bottom right no-repeat;
  color:#ffffff;
  padding:10px;
  margin:2em 0 2em 0;
  }
  #info h2 {
  color:#ffffff;}
  #info p {
  width:450px;
  }
  #links{
  width:95%;
  background:#282009;
  clear:both;
  color:#ffffff;
  padding:10px;
  margin:2em 0 2em 0;
  }
 .col1 {
  float:left;
  width:300px;
  margin-right:20px;
  }
  .col2 {
  float:left;
  width:300px;
  }
 #img_konzept {
 width:238px;
 float:right;
 margin-left:2em;
 }
 #img_konzept img {
 margin-bottom:1em;
 }
 .img_left {
 margin:10px 0 0 5px;
 }
 #tabelle {
 float:left;}
 #sidebar {
 float:right;
 }
 #bilduntertitel {
 color:#ffffff;
 background:transparent url(../pics/bildtitel_bg.jpg) 0 0 repeat-x;
 width:208px;
 height:24px;
 font-size:0.8em;
 padding:3px 0 0 10px;
 }
  #sidebar_tier {
 float:right;
 border:1px solid #ffffff;
 background:#3c65c3;
 color:#ffffff;
 }
  #tiertext {
 color:#ffffff;
 width:198px;
 font-size:0.8em;
 padding:20px 10px;
 }