* {
      margin:0;
      padding:0;
      }

p {
  margin-bottom: 4px;
}

ol {
  margin-left: 24px;
}


ol li {
  list-style-type: decimal;
  border-bottom: none;
  margin-bottom: 8px;
  line-height: 125%;
}



body {
	background-color:#eeeeee;
    /*background-image: url(../image/container/strichsieben.png);
    background-position: top;
    background-repeat: no-repeat;*/
    color: #FFFFFF;
    height: 100%;
}

#wrapper {
  width: 1160px;
  margin:0px auto 0px;
  clear: both;
}

#frame01 {
  width: 570px;
  float: left;
}

#frame02 {
  width: 570px;
  float: right;
}


#container {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
    background-color: #eee;
	font-size:1.0em;
    width:570px;
    text-align:left;
    float: left;
      }

#container a{
	color:#666666;
    background-color: #eeeeee;
	text-decoration:none;
	}

#container a:hover {
	color:#000000;
    background-color: #eeeeee;
	}

#navi {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  width: 570px;
  margin-top:90px;
  margin-left:150px;
}

#navi ul , #navi li {
 margin:0;
 padding:0;
 list-style:none;
 text-decoration: none;
 float: left;
}

#navi a , #navi strong {
 position:relative;
 height:180px; /* Entspricht der Grafikhöhe pro Zustand */
 width:40px; /* Entspricht der Grafikbreite */
 display:block;
 color:#ffa;
 text-align:center;
 overflow:hidden;
 text-decoration: none;
}

#navi a span , #navi strong span {
 position:absolute;
 left:0;
 top:0;
 height:180px; /* Entspricht der Grafikhöhe pro Zustand */
 width:40px; /* Entspricht der Grafikbreite */
 display:block;
 text-decoration: none;
}

/*Hintergrundgrafik zuweisen*/
#navi a#home-nav span {
  background: url(../image/navi/home.gif);
  background-repeat: no-repeat;
}

#navi a#buero-nav span {
  background: url(../image/navi/buero.gif);
  background-repeat: no-repeat;
}

#navi a#referenzen-nav span {
  background: url(../image/navi/werkstatt.gif);
  background-repeat: no-repeat;
}

#navi a#kontakt-nav span {
  background: url(../image/navi/kontakt.gif);
  background-repeat: no-repeat;
}

/*Hintergrundgrafik Hover zuweisen*/
#navi a:hover#home-nav span  {
 background:url(../image/navi/home.gif) no-repeat -40px 0 ;
}

#navi a:hover#buero-nav span  {
 background:url(../image/navi/buero.gif) no-repeat -40px 0 ;
}

#navi a:hover#referenzen-nav span  {
 background:url(../image/navi/werkstatt.gif) no-repeat -40px 0 ;
}

#navi a:hover#kontakt-nav span  {
 background:url(../image/navi/kontakt.gif) no-repeat -40px 0 ;
}


/*Hintergrundgrafik Active zuweisen*/
#navi a:active#home-nav span  {
 background:url(../image/navi/home.gif) no-repeat -40px 0 ;
}

#navi a:active#buero-nav span  {
 background:url(../image/navi/buero.gif) no-repeat -40px 0 ;
}

#navi a:active#referenzen-nav span  {
 background:url(../image/navi/werkstatt.gif) no-repeat -40px 0 ;
}

#navi a:active#kontakt-nav span  {
 background:url(../image/navi/kontakt.gif) no-repeat -40px 0 ;
}


#context {
  /*position: absolute;*/
  top: 360px;
    width: 570px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
    line-height: 180%;
	font-size:0.8em;
    background-image: url(../image/context/liner.gif);
    background-repeat: repeat-y;
      }

#context101 {
  /*position: absolute;*/
  top: 360px;
    width: 570px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
    line-height: 180%;
	font-size:0.8em;
    background-image: url(../image/context/line.gif);
    background-repeat: repeat-y;
      }



#context_buero {
    /*position: absolute;*/
    top: 360px;
    width: 570px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
    line-height: 180%;
	font-size:0.8em;
    background-image: url(../image/context/liner.gif);
    background-repeat: repeat-y;
      }

#context_news {
    width: 570px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
    line-height: 180%;
    background-image: url(../image/context/line_ref.gif);
    background-repeat: repeat-y;
      }


#context_about {
    /*position: absolute;*/
    top: 360px;
    width: 570px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
    line-height: 180%;
	font-size:0.8em;
        background-image: url(../image/context/line_ref.gif);
    background-repeat: repeat-y;
      }

#context a{
	color:#666666;
	text-decoration:none;
    border-bottom: 1px dotted #666666;
	}

#context a:hover {
	color:#000000;
    border-bottom: 1px dotted #000000;
	}

#shop {
    width: 570px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
    line-height: 180%;
	font-size:11px;
    background-color: #cccccc;
      }


#bottom {
    width: 570px;
    height: 240px;
    visibility: visible;
    position: absolute;
    z-index: 99;
    background-color: #cccccc;
      }

#adress
{
 position:relative;
 left:0px; top:200px;
 width:530px;
 z-index:99;
 text-align: right;
 background-color: #99CCFF;
}

#content {
    margin-top:6px;
    margin-left: 36px;
    width:320px;
    float: left;
    text-decoration: none;
}

#content_news {
    margin-top:6px;
    margin-left: 36px;
    margin-right: 36px;
    text-decoration: none;
}

#content a {
    text-decoration: none;
    border: 0px;
}

#content2 {
    width: 570px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
    line-height: 180%;
	font-size:11px;
    background-color: #cccccc;
    margin-left: 20px;
}

#content2 a {
    text-decoration: none;
    border: 0px;
}

#bestellung {
    margin-top:6px;
    margin-left: 36px;
    width:500px;
    float: left;
    text-decoration: none;
}

#liste {
    margin-top:6px;
    float: right;
    text-align: left;
    width: 180px;
}

#liste_shop {
    background-image: url(../image/container/shopping_10.gif);
    background-repeat: no-repeat;
    margin-top:6px;
    float: right;
    text-align: left;
    width: 180px;
    height: 450px;
}

#liste a{
	color:#666666;
	text-decoration: none;
    border-bottom: 1px dotted #666666;
	}

#liste a:hover {
	color:#ff0000;
    border-bottom: 1px dotted #ff0000;
	}

.activelink {
    color:#ff0000;
    border-bottom: 1px dotted #ff0000;
}

/*
#ref {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:11px;
	text-align:center;
	line-height:150%;
	margin:0px auto;
	width:500px;
      }
*/
#ref a{
	color:#666666;
	text-decoration:none;
	}
ul {
	width:500px;
	margin: 0px;
	padding: 0px;
	}

li { list-style:none;
	border-bottom:1px dotted #666666;
	line-height:180%;
	}

#listen ul {
  width:320px;
  margin-left: 2px;
  padding-left: 20px;
  list-style: disc;

}

#listen ul li {
  border-bottom: none;
  line-height: 150%;
  margin-bottom: 3px;
  list-style-type: disc;
}



h1 {
  margin-left: 36px;
  font-size: 14px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#666666;
  line-height:180%;
  border-bottom: 1px solid #666666;
  margin-right: 36px;
}

h2 {
  margin-left: 36px;
  margin-top: 2px;
  font-size: 14px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#333;
  line-height:180%;
  border-bottom: 1px solid #666666;
  margin-right: 188px;
}

h3 {
  font-size: 14px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#333;
  line-height:140%;
  padding-top:12px;
}

h4 {
  margin-left: 36px;
  font-size: 14px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#666666;
  line-height:180%;
  border-bottom: 1px solid #ff6600;
  margin-right: 36px;
}

h6 {
  font-size: 14px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#000000;
  line-height:180%;
}

td {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #000000;
}

.shoplink {
color:#ff0000;
font-size:10px;
border-bottom:1px solid #999999;
border-top:1px solid #999999;
padding:4px;
}

.shoplink a: hover{
color:#ffffff;
}


#footer {
    z-index: 1;
    background-color: #eeeeee;
    clear: both;
}

#impressum {
  color: #666;
  font-family: Verdana;
  font-size: 0.8em;
  border-top: 1px solid #cfd500;
  margin-bottom: 25px;
  margin-top: 24px;
  padding-top:16px;
}

#impressum a:link {
  color: #666;
}


.examplediv
 {
 background-color: #cccccc;
 }

#divid1
{
 position:absolute;
 width:570px; height:290px;
 z-index:1;
}

#divid1 a {
	text-decoration:none;
	}

#divid1 a:hover {
    color: #FF0000;
    border-bottom: 1px dotted #ff0000;
	}

#divid2
{
    margin-top: 110px;
    position:absolute;
    width:570px; height:240px;
    z-index:99;
}

#links
{
  background-color: #cccccc;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#666666;
  font-size:0.8em;
}

#links a{
	color:#666666;
	text-decoration: none;
    border-bottom: 1px dotted #666666;
	}

#links a:hover {
	color:#ff0000;
    border-bottom: 1px dotted #ff0000;
	}

#werkstatt {
  /*position: absolute;*/
  top: 360px;
    width: 570px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
    line-height: 140%;
	font-size:0.8em;
    background-color: #fff;
    background-image: url(../image/context/line_ref.gif);
    background-repeat: repeat-y;
      }

#werkstatt a {
  color: #666;
}


#kontakt {
    position: absolute;
    width: 570px;
    clear: both;
    background-color: #eeeeee;
      }

#kontakt-text {
    margin: -10px 0px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
    line-height: 140%;
	font-size:1.0em;
    background-image: url(../image/container/kontakt_line.gif);
    background-repeat: repeat-y;
    text-align: right;
    padding-right: 30px;
    padding-top: 12px;
}


#block_ref {
  float: right;
  width: 534px;
  border-bottom: 1px solid #fff;
  padding-bottom: 0px;
  margin-bottom: 16px;
  margin-right: 16px;
  background-image: url(../image/context/mouse.jpg);
  background-repeat: no-repeat;
}

#block_ref_1 {
  float: right;
  width: 534px;
  border-bottom: 1px solid #fff;
  padding-bottom: 0px;
  margin-bottom: 16px;
  margin-right: 16px;
}


#ref {
    height: 260px;
    float: left;
    margin-left: 10px;
}

#ref200 {
    height: 201px;
    float: left;
    margin-left: 10px;
}

#reftext {
    margin-top:0px;
    margin-right: 5px;
    float: right;
    text-align: left;
    width: 190px;
}

#reftext a{
	color:#666666;
	text-decoration: none;
    border-bottom: 1px dotted #666666;
	}

#reftext a:hover {
	color:#ff0000;
    border-bottom: 1px dotted #ff0000;
	}


#portfolio {
  background-color: #CCCCCC;
  width:534px;
  padding:16px;
  margin-bottom:10px;

}

#portfolio_left {
float:left;
width: 263px;
padding-top: 10px;
}

#portfolio_right {
float:right;
width: 263px;
padding-top: 10px;
padding-left:6px;
}

.portfolio_text {
padding:0px 10px;
}

.portfolio_text a{
	color:#666666;
    text-decoration: underline;
    padding: 2px;
	}

.portfolio_text a:hover {
	color:#ff0000;
    background-color: #fff;
    padding: 2px;
	}


/* Formular */
textarea, input  {
	margin: 0px 0px 8px 0px;
	border:1px solid #000;
	width:200px;
}
#formtext {
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	width:100px;
	}
.error {
  color: #FF0000;
  }

#header {
  border-bottom: 1px solid #999999;
  height: 270px;
  background-color: #fff;
  margin-bottom: 20px;

}

.sudoku {
        border:2px solid #000000;
}

.sudoku input {
  width: 30px;
  height: 30px;
  text-align: center;
  font-size: 21px;
  margin: 0px;
  padding: 0px;
  border: 1px solid #000000;
  }

.value {
  background-color: #dedede;
}


.borderleft {
  border-left: 2px solid #000;
}

.borderbottom {
  border-bottom: 2px solid #000;
}

.borderleftbottom {
  border-left: 2px solid #000;
  border-bottom: 2px solid #000;
}