* {
padding : 0;
margin : 0;
}
a img {
border : none;
}
a:link {
color : #fff;
text-decoration : none;
}
a:hover {
text-decoration : none;
color : #87898c;
}
a:active {
text-decoration : none;
color : #17a442;
}
a:focus {
outline : none;
}
h1 {
padding : 15px 0 2px 25px;
color: #fff;
font-size : 22px;
font-weight : 100;
height : 20px;
}
h2 {
font-size : 20px;
font-weight : normal;
font-family : arial, sans-serif;
letter-spacing : -1px;
margin : 18px 0 0 0;
padding : 0;
color : #0c5488;
}
h3 {
font-size : 22px;
color : #fff;
font-weight : 100;
background-color : #0e3d64;
margin : 0 1px 0 1px;
padding : 5px 1px 2px 20px;
background : url(../images/h3_bg.gif) repeat-x;
}
h4{
font-size:24px;
margin: 0 0 10px 0;
}
h5{
font-size:13px;
margin: 0 0 20px 7px;
color: #37424a;
}
h6{
font-size:13px;
margin: 10px 0 10px 0;
color: #37424a;
font-weight: bold:
}
body {
margin : 0;
padding : 0;
font-family : arial, sans-serif;
color : #fff;
background : url(../images/head_bg.jpg) repeat-x;
background-color : #dcdbd8;
font-size : 15px;
}
#wrapper {
margin : 0px auto;
width : 970px;
}
#hotline {
margin : 8px 0 0 0;
height: 2opx
color: #fbfbfb;
}
.topline {
font-size : 12px;
color : #87898c;
padding : 0 150px 4px 0px;
margin : 7px 0 0 0px;
font-weight : normal;
}
.topline a:link {color: #ffffff; text-decoration: none;}
.topline a:visited {color: #ffffff; text-decoration: none;}
.topline a:hover {color : #87898c; text-decoration: none;}
.topline a:active {color: #ffffff; text-decoration: none;}
.topline a:focus {color: #ffffff; text-decoration: none;}

.withe {
color : #fff;
margin-left: 3px;
}
#header {
width : 970px;
height: 95px;
margin : 38px 0 0 0;
}
#header .logo {
margin : 0;
padding : 0;
width : 471px;
height : 57px;
float : left;
}
#header .modx {
float : right;
margin : 0;
padding : 0;
width : 380px;
height : 95px;
}
#s2 {
margin: 8px 0 0 0;
width : 970px;
height : 386px;
}
#navi {
font-family : Arial, serif;
font-weight : normal;
margin : 32px auto;
width : 970px;
height: 30px;
padding : 0;
}
#navi ul {
margin : 0;
padding : 0;
list-style-type : none;
height : 34px;
text-align : center;
text-transform : uppercase;
}
#navi li {
padding : 0;
margin : 0;
float : left;
display : block;
background-image : url(../images/naviborder.gif);
background-repeat : no-repeat;
background-position : right middle;
}
#navi li a {
display : block;
font-size : 18px;
color : #000;
text-decoration : none;
font-weight : normal;
letter-spacing : -0.2px;
height : 24px;
padding : 10px 0 0 0;
width : 138px;
}
#navi li a:hover {
color : #0c5488;
background : url(../images/navi_bg.png);
}
#navi li img {
margin : 13px 0 0 5px;
}
#navi li.active a { 
  font-size : 18px;
  color : #0c5488;
  text-decoration : none;
  font-weight : normal;
  letter-spacing : -0.8px;
  padding : 10px 0 0 0;
  width : 138px;
  height : 24px;
  background : url(../images/navi_bg.png);
  }
#headline {
width : 970px;
height : 50px;
margin : 70px 0 0 0;
padding: 0;
background-color : #27344a;
border : 1px solid #ececea;
}
.longtitle{
color: #515e71;
font-size: 15px;
margin: 5px 0 0 15px;
padding: 0;
}
#content {
width : 970px;
height: 400px;
margin : 0;
}
#left {
margin : 40px 0 0 0;
width : 642px;
float : left;
}
.contentleft, .contentright, .newscontent{
  border-left : 1px solid #adacaa;
  border-right : 0.1em solid #adacaa;
  color : #171717;
  background-color : #fff;
}
.contentleft {
width : 580px;
margin : 0;
padding : 50px 30px 150px 30px;
line-height : 22px;
float: left;
}
.content img {
padding : 0;
margin : 0;
}
#right {
margin : 40px 0 0 0;
width : 309px;
float : right;
}
.right img {
padding : 0;
margin : 0;
width : 309px;
}
.background {
background : url(../images/contentright_bg.gif) repeat-x;
height : 228px;
width : 306px;
}
iframe{
  padding: 8px;
  margin: 0;
}
#right ul {
margin : 38px 0 0 0 ;
padding : 0;
list-style-type : none;
height : 20px;
position: absolute;
}
#right li {
padding : 0;
margin: 14px 0 5px 20px;
}
#right li a {
font-size : 15px;
color : #2e3644;
text-decoration : none;
font-weight : bold;
letter-spacing : -0.2px;
padding : 0;
}
#right li a:hover {
color : #0c5488;
}
#sticker {
margin : 140px 0 80px;
height : 90px;
float : left;
}
.newscontent{
  margin : 0;
  width : 307px;
  height: 430px;
  line-height: 22px;
  float: left;
}
.news{
 margin : 40px 20px 0px 0px; 
 padding: 0;
 width : 309px;
 float : left;
}
.news+.news+.news{
  margin-right: 0px;
}
.news p{
  padding: 0 19px 0 19px;
  margin: 0;
  color: #000;
  }
.news h2{
  padding: 5px 19px 10px 19px;
  color: #000 !important;
  font-size : 24px;
  }
.newscontent h2 a:link {color: #000; text-decoration; }
.newscontent h2 a:hover { color: #000; text-decoration: underline; }
/*.newscontent h2 a:focus { background-color:red;  }
.newscontent h2 a:active { background-color:green*/; }


.newscontent p{
  line-height: 22px;
}
.newscontent img{
  margin: 2px;
}
.newsbottom{
  margin: 0;
  padding: 0;
  z-index:2;
}
.weiter{
  padding: 29px 0 20px 0;

}
.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}
/****************************SHOPSYSTEM START****************/
#shopsystem {
color : #ffffff!important;
list-style-position : inside;
padding: 4px 10px 10px 10px;
background : #f8f8f8;
margin: 15px 0 20px 0;
}
#shopsystem li{
background-color:transparent;
background-image:url(../images/arrow.gif);
background-position:0em 0.3em;
background-repeat:no-repeat;
list-style-type:none;
padding-left:15px;
}

/*****************************Contact Start**************************/
address{
margin: 0 0  50px 20px;
font-size:15px;
}
span.phone {
display:block;
float:left;
width:4em;
}


div #contact{
  font-size: 14px;
}
div #contact label{
  float: left;
  height: 20px;
  width: 140px;
  padding:5px 5px 5px 5px;
  margin: 5px 0 0 10px;
  font-size: 15px;
  color: #333;
  clear: both;
  }
div #contact input{
  background-color:#f9f9f9;
   border:1px #C5C5C5 solid;
   padding:5px;
   height: 20px;
   margin: 10px 0 0 0;
   width: 320px;
   font-size: 13px;
}
div #contact select{
  background-color: #f9f9f9;
  border:1px #C5C5C5 solid;
  height: 30px;
  width: 332px;
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 13px;
 padding:5px;
   }
div #contact textarea{
   background-color:#f9f9f9;
   border:1px #C5C5C5 solid;
   padding:5px;
   margin: 10px 0 0 0;
   width: 320px;
   font-family: arial;
   font-size: 14px;
  }
div #contact .please{
   margin: 20px 0 0 160px;
   width: 274px;
   height: 20px;
   float: left;
   clear: both;
}
div #contact img{
   padding: 0;
   margin: 15px 0 15px 160px;
   float: left;
}
div #contact .submit, div #contact .button{
   border:1px #333 solid;
   background-color:#1F2837;
   padding:9px 0 22px 0;
   margin: 10px 0 0 160px;
   width:332px;
   color:#fff;
}
div #contact .submit:hover, div #contact .button:hover{
   border:1px #333 solid;
   background-color:#174673;
    color:#fff;
}
/*****************************Contact End**************************/
.validate{
  color: #red;
}
.linkspace{
  line-height: 20px;
  margin: 20px;
  padding: 20px;
  border-bottom: 1px solid #000;
  background: #292;
  }
.authoranddate{
  font-size: 12px;
  font-style: italic;
  color: #333;
}
.comments{
  font-size: 13px;
  color: #109887;
  margin: 5px 0 0 0;
}
.intro{
  margin: 5px 0 0 0;
  font-style: italic;
}
.contentleft ul {
margin : 50px 0 0 0;
padding : 0;
list-style-type : none;
}
.contentleft li {
padding : 0;
margin: 5px 0 0 0;
}
.contentleft li img {
border: 6px solid #f2f2f2;
margin: 15px 0 0 0;
background: #fff;
}
#border{
padding : 0;
border: 6px solid #f2f2f2;
margin: 5px 0 0 0;
}
.contentleft a:link{
padding: 10px 0 0 0;
}
.contentleft li, .contentleft a:link {
text-decoration : underline;
letter-spacing : -0.2px;
padding : 0;
color: #333333;
}
.contentleft li, .contentleft a:visited {
color : #333333;
text-decoration : underline;
}
.contentleft li, .contentleft a:hover {
color : #0c5488;
text-decoration : none;
}
.contentleft li, .contentleft a:active {
color : #0c5488;
text-decoration : none;
}
.contentleft li, .contentleft a:focus {
color : #333333;
text-decoration : none;
}

.jot-list{
color:  #000;
}
/*****************************SHOP Preview Start*********************/
.shop_preview{
  width: 280px;
  height:260px;
  background: #f8f8f8;
  text-align: center;
  float: left;
  margin: 0 4px 8px 6px!important;
}
#shop_preview img{
border: 6px solid #f8f8f8;
padding : 5px 25px 0 25px;
}
#shop_preview .weiter{
  margin: 0 0 20px 0;
}

/*****************************END SHOP PREVIEW*********************/
.bestellform{
margin: 10px 0 0 10px;
font-weight: bold;
color: #000;
width: 550px;
}
/*****************************Footer Start*********************/

#footer {
margin-top : 30px;
height : 459px;
width : 100%;
margin : 0 auto;
float : left;
border-top : 1px solid #fff;
background-image : url(../images/footerbg.png);
font-size : 14px;
color : #fff;
}
.demoseite{
  margin: 20px 0 60px 20px;
  float: left;
  width: 657px;
  font-style: italic;
  color: #bdced5;
  font-size: 16px;
  line-height: 26px;
}
.demoseite p{
  margin: 0 0 20px 0;
}
h6{
  font-size: 16px;
  margin: 20px 0 20px 0;
}
.tips h6{
  margin: 45px 0 0 40px;
  float: left;
  color: #bdced5;
}
.tips ul{
  margin: 18px 0 0 40px;
  float: left;
  width: 230px;
  color: #bdced5;
  list-style-type : none;
}
.tips li{
  padding : 0;
  margin : 0;
  float : left;
  text-decoration: none;
  display: block;

}
.tips li a{
  margin: 9px 0 0 0;
  color: #bdced5;
  text-decoration: none;
  display: block;
}
.tips li a:hover{
  color : #0c5488;
}
.copyright{
float : left;
width : 450px;
height : 90px;
background-image : url(../images/sb_icon.png);
background-repeat : no-repeat;
background-position : 30px 7px;
}
.copyright p {
margin : 67px 0 0 110px;
}
.copyright a:link {color: #ffffff; text-decoration: none;}
.copyright a:visited {color: #ffffff; text-decoration: none;}
.copyright a:hover {color : #0c5488; text-decoration: none;}
.copyright a:active {color: #ffffff; text-decoration: none;}

.right {
float : right;
width : 245px;
margin: 65px 0 0 0;
}
.right ul {
margin : 0;
padding : 0;
list-style-type : none;
text-align : center;
}
.right ul li {
padding : 0;
margin : 0;
float : left;
display : block;
}
.right ul li a {
display : block;
color : #fff;
text-decoration : none;
font-weight : normal;
letter-spacing : -0.2px;
margin: 0px;
padding : 1px 10px 1px 10px;
border-left : 1px solid #fff;
}
.right ul li a:hover {
color : #0c5488;
}
/*****************************Footer End*********************/
/****************************Impressum********************/

.impressum ul{
  margin: 0px;
  float: left;
  list-style-type : none;
  font-size: 19px;
  line-height: 15px;
}
.impressum li{
  padding : 0;
  margin : 0;
  text-decoration: none;
  display: block;
  }
.impressum li a{
  margin: 9px 0 0 0;
  color: #bdced5;
  text-decoration: none;
  display: block;
}
.impressum li a:hover{
  color : #0c5488;
}