* {

  margin: 0;

  padding: 0;

}

strong, b {
  font-weight: bold;
}



html {

  background-color: #000;

}



@font-face {

 font-family: Dirtyego;

 src: url( '../fonts/Dirtyego.eot' );

}



@font-face {

 font-family: Dirtyego;

 src: url( '../fonts/Dirtyego.ttf' );

}



body {

  font-family: "Courier New", Courier, sans-serif;

  font-size:  14px;

  background-color: #000;

}



ul, ol {

  margin: 15px 0 15px 30px;

}



ul ul, ol ol{

  margin-top: 0;

  margin-bottom: 0;

}



ul.two-cols, ol.two-cols {

  margin-left: 0;

  width: 100%;

  word-spacing: -10px;

}

ul.two-cols li, ol.two-cols li {

  width: 50%;

  display: inline-block;

  word-spacing: normal;

}



p {

  margin: 15px 0;

}



h2 {

  display: block;

  font-family: Dirtyego, "Courier New", Courier, sans-serif;

  font-size: 36px;

  font-weight: normal;

  text-transform: uppercase;

  color: #000;

  /*background-color: #000000;*/
  background-color: transparent;
  background-image: url('../images/background_transparent_10.png');

  border: solid 2px #000000;
  border-bottom: 0;

  padding: 15px 15px 5px;

  margin: 0;

}



h3 {

  display:block;

  font-family: Dirtyego, "Courier New", Courier, sans-serif;

  font-size: 24px;

  font-weight: normal;

  text-transform: uppercase;

  color: #ffffff;

  background-color: #000000;

  border: solid 2px #000000;

  padding: 5px 10px;

  margin: 0;

}



h4 {

  display:block;

  font-family: Dirtyego, "Courier New", Courier, sans-serif;

  font-size: 22px;

  font-weight: normal;

  text-transform: uppercase;

  color: #000000;

  background-color: transparent;

  border: 0;

}



hr {

  border: 0;

  background-color: #000000;

  height: 2px;

  margin: 15px -15px;

}



label {

  cursor: pointer;

}



a:link, a:visited  {

  color: #000000;

  text-decoration: none;

}



a:hover, a:active, a:focus {

  color: #000000;

  text-decoration: underline;

}


p a:link, p a:visited  {

  color: #000000;

  text-decoration: underline;

}

p a:hover, p a:active, p a:focus  {

  color: #ffffff;
  background-color: #000000;
  text-decoration: none;

}

input.text, a.button, input.submit, select, textarea,
a.button, a.button:link, a.button:hover, a.button:active, a.button:focus, a.button:visited {
  font-family: "Courier New", Courier, sans-serif;
  font-size: 14px;
  display: inline-block;
  border: solid 2px;
  border-color: #2A2A2A #7F7F7F #7F7F7F #2A2A2A;
  padding: 2px;
  text-decoration: none;
}

input.button,
a.button, a.button:link, a.button:hover, a.button:active, a.button:focus, a.button:visited {
  background-color: #555555;

  border: solid 2px;
  border-color: #7F7F7F #2A2A2A #2A2A2A #7F7F7F;
  color: #cccccc;
  font-size: 22px;
  line-height: 22px;

  font-family: Dirtyego, "Courier New", Courier, sans-serif;

  cursor: pointer;

  padding: 2px 5px 2px 25px;

  background-image: url( '../images/buttonset.png' );

  background-repeat: no-repeat;

  background-position: 0 -1px;

  font-weight: normal;

}

input.button:hover, a.button:hover {
  background-color: #2A2A2A;

  border-color: #555555 #000000 #000000 #555555;

  color: #ffffff;

  background-position: 0 -30px;

}

input.button.next, a.button.next {
  float: right;

}

input.button.prev, a.button.prev {
  background-position: 0 -180px;

}

input.button.prev:hover, a.button.prev:hover {
  background-position: 0 -210px;

}



input.button.reset {

  background-position: 0 -240px;

}



input.button.reset:hover {

  background-position: 0 -270px;

}



select {

  padding: 2px;

}



select option {

  padding: 0 5px;

}



fieldset {

  border: solid 2px #000000;

  margin: 15px;

  padding: 15px;

}



fieldset legend {

  padding: 2px 5px;

  background-color: #000000;

  color: #ffffff;

}



fieldset legend input, fieldset legend label {

  display: inline-block;

  vertical-align: middle;

}



label {

  cursor: pointer;

}



p.form-actions {

  border-top: solid 2px #000000;

  padding: 15px;

  margin: 10px -15px 0 -15px;

}



.right {

  text-align: right;

}



.right.float {

  float: right;

}



.no-margin {

  margin: 0;

}





.clear {

  clear: both;

}

.clear-left {
  clear: left;

}

.block {
  display: block;
}


.hidden {

    display: none;

}



#wrapper {

  position: relative;

  display: block;

  width: 1000px;

  margin: 0 auto;

  background-image: url( '../images/background.jpg' );

  background-repeat: repeat-y;

  background-position: 0px 92px;

}





#header {

  position: relative;

  display: block;

  width: 100%;

  height: 326px;

  background-image: url( '../images/header.jpg' );

  background-repeat: no-repeat;

  background-position: 0px 0px;

  z-index: 0;

}



#header h1 a {

  display: block;

  position: absolute;

  top: 0px;

  left: 0px;

  width: 220px;

  height: 220px;

  background-color: transparent;

  text-indent: 225px;

  overflow: hidden;

}



#header h3 { display: none; }



#header ul.navigation {

  display: block;

/*
  position: absolute;

  top: 0;

  right: 0;

  width: 1000px;
*/

  margin: 0px 310px 0px 250px;

  padding-top: 20px;

  text-align: center;

}



#header ul.navigation li {

  display: inline-block;

}



#header ul.navigation li a {

  display: inline-block;

  font-family: Dirtyego, "Courier New", Courier, sans-serif;

  font-size: 36px;

  line-height: 38px;

  font-weight: normal;

  text-transform: uppercase;

  padding: 0px 10px;

  margin: 0 0 8px 0;

  color: #000000;

  background-color: #ffffff;

  word-spacing: normal;

}



#header ul.navigation li a.active {

  color: #ffffff;

  background-color: #000000;

}


#header ul.links {

  display: block;

/*
  position: absolute;

  right: 0;

  top: 0;
*/

  margin: 0px 310px 0px 250px;

  text-align: center;

}


#header ul.links li {

  display: inline-block;

}

#header ul.links li img {

  width: 32px;
  height: 32px;

}





#content {

  position: relative;

  width: 100%;

  height: 100%;

  margin: 0 auto;

  z-index: 1;

  top: -125px;

  white-space: nowrap;

}



#left {

  display: inline-block;

  margin-right: 290px;

  vertical-align: top;

  white-space: normal;

  width: 710px;

}



#left div.wrapper {

  padding: 0 20px 0 20px;

}



#left div.text {

  border: solid 2px #000000;

  border-top: 0;

  background-image: url('../images/background_transparent_10.png');

  padding: 1px 15px;

}



#left div.text h3 {

  font-family: Dirtyego, "Courier New", Courier, sans-serif;

  font-weight: normal;

  font-size: 22px;

  text-transform: uppercase;

  background-color: transparent;

  color: #000000;

  display:block;

  margin: 20px 0 15px 0;

  padding: 0;

  border: 0;

}



#left div.text h4 {

  margin: 20px 0 15px 0;

}





#left div.text p.published {

    clear: both;

    color: #666666;

}



#right {

  display: inline-block;

  width: 290px;

  vertical-align: top;

  margin-left: -298px;

  white-space: normal;

}



#right div.wrapper {

  padding: 0 20px 0 0;

}



#right div h3 {

  border-width: 0 0 2px 0;

}



#footer {

  clear: left;

}





/******************************************

*******************************************

*** CONTACT

*******************************************

******************************************/



#left div.text-contact table {

  width: 100%;

}



#left div.text-contact table th {

  text-align: left;

  vertical-align: top;

  padding: 8px 0 0 0;

}



#left div.text-contact table td {

  text-align: right;

  padding: 2px 0 0 0;

  width: 1%;

  white-space: nowrap;

}



#left div.text-contact table td input.text,

#left div.text-contact table td textarea {

  width: 420px;

}



#left div.text-contact select {

  width: 635px;

}



/******************************************

*******************************************

*** MESSAGES

*******************************************

******************************************/



#left div.messages {

  margin-bottom: 20px;

}



#left div.messages ul {

  border: solid 2px #000000;

  padding: 0 10px;

  background-image: url( '../images/background_transparent_10.png' );

  margin: 0;

  list-style: none;

}



#left div.messages ul li p {

  display: block;

}



#left div.messages ul li.fehler p strong {

  color: #ff0000;

}



#left div.text div.messages h3 {

  display: none;

}



#left div.text div.messages {

  border-bottom: solid 2px #000000;

  margin: -10px -10px 10px -10px;

}



#left div.text div.messages ul {

  background-image: none;

  border: 0;

}



#left div.webshop-headline {

  display: none;

}



/******************************************

*******************************************

*** AGB

*******************************************

******************************************/



#left div.agb h3 {

  margin-top: 0;

  display: inline;

  color: #000000;

  background-color: transparent;

  border: 0;

}



#left div.agb ol {

  margin-left: 0px;

  list-style-position: inside;

}



#left div.agb ol.agb li {

  font-family: Dirtyego, "Courier New", Courier, sans-serif;

  font-weight: normal;

  font-size: 22px;

  line-height: 22px;

}



#left div.agb ol.agb li p,

#left div.agb ol.agb li ul,

#left div.agb ol.agb li ul li,

#left div.agb ol.agb li ol,

#left div.agb ol.agb li ol li {

  font-family: "Courier New", Courier, sans-serif;

  font-size: 14px;

  line-height: 17px;

  font-weight: normal;

  padding: 0;

}



#left div.agb-widerruf {

  background-color:#EEEEEE;

  border: solid 1px #CCCCCC;

  margin: 0 10px;

}





/******************************************

*******************************************

*** ADS

*******************************************

******************************************/



#left div.ads div.ad,

#right div.ads div.ad {

  border: solid 2px #000000;

  background-color: #ffffff;

  text-align: center;

  margin: 0 0 20px;

}



#left div.ads div.ad {

  margin: 20px 0;

}



#left div.ads div.ad.padding,

#right div.ads div.ad.padding {

  padding: 10px 0;

}



/******************************************

*******************************************

*** BLOG

*******************************************

******************************************/



#left div.blog.text {

    margin-bottom: 20px;

}

#left div.blog.text table th,
#left div.blog.text table td {
  padding: 3px 5px;
}



/******************************************

*******************************************

*** NEWSLETTER

*******************************************

******************************************/



#left div.newsletter.text {

    border-bottom: 0;

    margin-bottom: 0;

    padding-bottom: 1px;

}



#left div.newsletter.box,

#left div.newsletter.box > div {

    border-top: 0;

    margin-top: 0;

    padding-top: 1px;

}



#left div.newsletter.box h3 {

    display: none;

}



#left div.newsletter input.text {

    width: 300px;

}



#right div.newsletter input.text {

    width: 238px;

}



#left div.newsletter form div {

    display: inline-block;

}



#right div.newsletter form div {

    margin: 10px 0;

}



#right div.newsletter input,

#left div.newsletter input,

#right div.newsletter select,

#left div.newsletter select {

    vertical-align: middle;

}





/******************************************

*******************************************

*** ARTIKELLISTE

*******************************************

******************************************/



#left div.box.articlelist,

#right div.box.articlelist {

    border-bottom: 0;

}



#left div.box.articlelist > div.article,

#right div.box.articlelist > div.article {

    border-bottom: solid 2px #000000;

}



#left div.box.articlelist > h3,

#left div.box.articlelist > h3 a,

#right div.box.articlelist > h3,

#right div.box.articlelist > h3 a {

  color: #ffffff;

}



#left div.box.articlelist img.thumbnail,

#right div.box.articlelist img.thumbnail {

    float: left;

    margin: 0 15px 5px 0;

}



#right div.box.articlelist p.published { display: none; }



#left div.box.articlelist p.published {

    float: left;

    padding: 0;

    margin: 0;

    color: #666666;

}



#left div.box.articlelist p.readmore,

#right div.box.articlelist p.readmore {

    float: right;

    padding: 0;

    margin: 0;

}





/******************************************

*******************************************

*** BOX

*******************************************

******************************************/



#left div.box,

#right div.box {

  border: solid 2px #000000;

  background-color: #ffffff;

  margin: 0 0 20px 0;

}



#left div.box > div {

  padding: 15px;

}



#right div.box > div {

  padding: 10px;

}