/* CSS Document */


/* Allgemein */

* {
  border:0px;
  margin:0px;
  padding:0px;
  }

body {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#cccccc;
  background-color:#000000;
  width:100%;
  }

.textfeld {
  width:115px;
  height:18px;
  line-height:18px;
  padding-left:5px;
  margin-bottom:6px;
  border:1px;
  border-style:solid;
  border-color:#333333;
  background-color:#131313;
  color:#666666;
  }

.kontakt_text {
  width:115px;
  height:18px;
  line-height:18px;
  padding-left:5px;
  margin-bottom:6px;
  border:1px;
  border-style:solid;
  border-color:#333333;
  background-color:#131313;
  color:#cccccc;
  }

.kontakt_select {
  width:260px;
  height:18px;
  line-height:18px;
  padding-left:5px;
  margin-bottom:6px;
  border:1px;
  border-style:solid;
  border-color:#333333;
  background-color:#131313;
  color:#cccccc;
  }

.kontakt_textarea {
  line-height:18px;
  padding-left:5px;
  margin-bottom:6px;
  border:1px;
  border-style:solid;
  border-color:#333333;
  background-color:#131313;
  color:#cccccc;
  }

.button {
  border:1px;
  border-style:solid;
  border-color:#131313;
  background-color:#666666;
  color:#131313;
  }

h1 {
  padding-top:137px;
  padding-left:150px;
  font-size:12px;
  font-weight:bold;
  color:#009900;
  }

h2 {
  font-size:12px;
  font-weight:bold;
  color:#009900;
  margin-bottom:4px;
  }

p {
  margin-bottom:10px;
  }

a:link {
  font-size:12px;
  font-weight:bold;
  color:#009900;
  text-decoration:none;
  }

a:visited {
  font-size:12px;
  font-weight:bold;
  color:#009900;
  text-decoration:none;
  }

a:hover {
  font-size:12px;
  font-weight:bold;
  color:#ffffff;
  text-decoration:none;
  }

a:active {
  font-size:12px;
  font-weight:bold;
  color:#ffffff;
  text-decoration:none;
  }

ul {
  margin-left:12px;
  }


/* Header */

#header {
  width:1004px;
  height:152px;
  background-image: url(bilder/header.jpg);
  }


/* Linke Seite */

#left {
  margin-top:-1px;
  width:144px;
  float:left;
  }
  
#home {
  width:144px;
  height:34px;
  float:left;
  }

#home a {
  width:144px;
  height:34px;
  background: url(bilder/menuepunkt_home.jpg) no-repeat;
  display:block;
  } 

#home a:hover {
  background-position: 0px -34px;
  } 

#home a:active {
  background-position: 0px -34px;
  }  
  
#webmaster {
  width:144px;
  height:34px;
  float:left;
  }

#webmaster a {
  width:144px;
  height:34px;
  background: url(bilder/menuepunkt_webmaster.jpg) no-repeat;
  display:block;
  } 

#webmaster a:hover {
  background-position: 0px -34px;
  } 

#webmaster a:active {
  background-position: 0px -34px;
  }  
  
#print {
  width:144px;
  height:34px;
  float:left;
  }

#print a {
  width:144px;
  height:34px;
  background: url(bilder/menuepunkt_print.jpg) no-repeat;
  display:block;
  } 

#print a:hover {
  background-position: 0px -34px;
  } 

#print a:active {
  background-position: 0px -34px;
  }  
  
#design {
  width:144px;
  height:34px;
  float:left;
  }

#design a {
  width:144px;
  height:34px;
  background: url(bilder/menuepunkt_design.jpg) no-repeat;
  display:block;
  } 

#design a:hover {
  background-position: 0px -34px;
  } 

#design a:active {
  background-position: 0px -34px;
  }

#shop {
  width:144px;
  height:34px;
  float:left;
  }

#shop a {
  width:144px;
  height:34px;
  background: url(bilder/menuepunkt_shop.jpg) no-repeat;
  display:block;
  } 

#shop a:hover {
  background-position: 0px -34px;
  } 

#shop a:active {
  background-position: 0px -34px;
  }

#jobs {
  width:144px;
  height:34px;
  float:left;
  }

#jobs a {
  width:144px;
  height:34px;
  background: url(bilder/menuepunkt_jobs.jpg) no-repeat;
  display:block;
  } 

#jobs a:hover {
  background-position: 0px -34px;
  } 

#jobs a:active {
  background-position: 0px -34px;
  }

#webdesign {
  width:144px;
  height:34px;
  float:left;
  }

#webdesign a {
  width:144px;
  height:34px;
  background: url(bilder/menuepunkt_webdesign.jpg) no-repeat;
  display:block;
  } 

#webdesign a:hover {
  background-position: 0px -34px;
  } 

#webdesign a:active {
  background-position: 0px -34px;
  }

#werbung {
  width:144px;
  height:34px;
  float:left;
  }

#werbung a {
  width:144px;
  height:34px;
  background: url(bilder/menuepunkt_werbung.jpg) no-repeat;
  display:block;
  } 

#werbung a:hover {
  background-position: 0px -34px;
  } 

#werbung a:active {
  background-position: 0px -34px;
  }


#content {
  width:144px;
  height:34px;
  float:left;
  }

#content a {
  width:144px;
  height:34px;
  background: url(bilder/menuepunkt_content.jpg) no-repeat;
  display:block;
  } 

#content a:hover {
  background-position: 0px -34px;
  } 

#content a:active {
  background-position: 0px -34px;
  }

#presse {
  width:144px;
  height:34px;
  float:left;
  }

#presse a {
  width:144px;
  height:34px;
  background: url(bilder/menuepunkt_presse.jpg) no-repeat;
  display:block;
  } 

#presse a:hover {
  background-position: 0px -34px;
  } 

#presse a:active {
  background-position: 0px -34px;
  } 


#kontakt {
  width:144px;
  height:34px;
  float:left;
  }

#kontakt a {
  width:144px;
  height:34px;
  background: url(bilder/menuepunkt_kontakt.jpg) no-repeat;
  display:block;
  } 

#kontakt a:hover {
  background-position: 0px -34px;
  } 

#kontakt a:active {
  background-position: 0px -34px;
  }

#impressum {
  width:144px;
  height:34px;
  float:left;
  }

#impressum a {
  width:144px;
  height:34px;
  background: url(bilder/menuepunkt_impressum.jpg) no-repeat;
  display:block;
  } 

#impressum a:hover {
  background-position: 0px -34px;
  } 

#impressum a:active {
  background-position: 0px -34px;
  }

#loginbox {
  padding-top:16px;
  text-align:center;
  float:left;
  height:84px;
  width:144px;
  background-image: url(bilder/login_bg.jpg);
  }

#leftend {
  float:left;
  height:58px;
  width:144px;
  background-image: url(bilder/leftend.jpg);
  }


/* Contentbereich */

#contentpart {
  position:absolute;
  left:145px;
  top:152px;
  width:540px;
  }

#maincontentbox {
  width:540px;
  background-color:#262626;
  border:1px;
  border-style:solid;
  border-color:#333333;
  text-align:justify;
  }

#maincontentbox img {
  margin-left:4px;
  }

.infobox {
  float:left; 
  width:275px;
  margin-bottom:10px;
  }

.listenpunkt {
  clear:both;
  width:105px;
  font-weight:bold;
  float:left;
  height:10px;
  }

#secondcontentbox {
  width:540px;
  height:140px;
  border:1px;
  border-style:solid;
  border-color:#333333;
  margin-top:1px;
  }

#smallbox1 {
  float:left;
  width:170px;
  height:130px;
  background-color:#002E00;
  padding:5px;
  }

#smallbox2 {
  float:left;
  width:170px;
  height:130px;
  background-color:#002600;
  padding:5px;
  }

#smallbox3 {
  float:left;
  width:170px;
  height:130px;
  background-color:#001F00;
  padding:5px;
  }

#contentend {
  background-image: url(bilder/contentend.jpg);
  background-repeat:no-repeat;
  width:542px;
  height:100px;
  margin-top:1px;
  }


/* Rechte Seite */

#right {
  width:308px;
  }

#rightend {
  width:308px;
  height:60px;
  background-image: url(bilder/rightend.jpg);
  }

.rightcontentbox {
  width:308px;
  height:104px;
  background-image: url(bilder/right_box.jpg);
  }