/* Allgemeines */

* {
  margin: 0px;
  padding: 0px;
  border: 0px solid #000000; }

html, body {
  background-image: url(../images/hintergrund.gif);
  background-repeat: repeat-x;
  background-color: #EBEBEB;
  font-family: Verdana, Arial, sans-serif; 
  font-size: 100.01%;
  margin: 0px; }
  

/* Rahmen um alles */

#container {
  height: 567px;
  width: 1000px;
  border: 0px solid #000000; }
  
  
/* Header */

#header {
  background-color: #03707E;
  background-image: url(../images/header.gif);
  width: 1000px;
  height: 92px;
  position: relative;
  border: 0px solid #000000; }  
  
#logo {
  width: 364px;
  height: 55px;
  top: 23px;
  left: 240px;
  position: absolute; } 


/* Menu 2 */

#menu2 {
  width: 200px;
  padding: 0px;
  float: right;
  font-size: 11px;
  text-align: right;
  border: 0px solid #000000;
  position: relative;
  top: 77px;
  right: 39px; }

#menu2 ul {
  list-style: none;
  padding: 0px;
  margin: 0px; }  
  
#menu2 li {
  display: inline; }

#menu2 li a, #menu2 li a:link {
  text-decoration: none;
  display: inline;
  color: #FFFFFF; }
  
#menu2 li a:hover {
  color: #DDDDDD; }
  
#menu2 .trennstrich {
  padding: 0px 4px 0px 4px;
  color: #FFFFFF; }


/* Linke Seite */

/* Menu 1 */

#menu1 {
  width: 180px;
  padding: 0px;
  margin-top: 68px;
  float: left;
  font-size: 12px;
  line-height: 25px;
  border: 0px solid #000000;}

#menu1 ul {
  list-style: none;
  padding: 0px;
  margin: 0px; }  
  
#menu1 li {
  display: block; }

#menu1 li a {
  text-decoration: none;
  display: block;
  width: 170px;
  color: #000000;
  border: 0px solid #000000; }
  
#menu1 li a.grafikdesign {
  padding-left: 18px;
  border-left: 10px solid #A2DAE0; }

#menu1 li a:hover.grafikdesign {
  border-left: 10px solid #92C5CB;  
  color: #004972; }
  
#menu1 li a.imagewerbung {
  padding-left: 26px;
  border-left: 10px solid #5EBEC9; }

#menu1 li a:hover.imagewerbung {
  border-left: 10px solid #54ACB6;  
  color: #004972; }  
  
#menu1 li a.kataloge {
  padding-left: 26px;
  border-left: 10px solid #36909A; }

#menu1 li a:hover.kataloge {
  border-left: 10px solid #30828B;  
  color: #004972; }
  
#menu1 li a.tourismuswerbung {
  padding-left: 26px;
  border-left: 10px solid #5EBEC9; }

#menu1 li a:hover.tourismuswerbung {
  border-left: 10px solid #54ACB6;  
  color: #004972; }
  
#menu1 li a.messegestaltung {
  padding-left: 26px;
  border-left: 10px solid #2E7982; }

#menu1 li a:hover.messegestaltung {
  border-left: 10px solid #296D75;  
  color: #004972; }  

#menu1 li a.verpackungs-design {
  padding-left: 26px;
  border-left: 10px solid #A2DAE0; }

#menu1 li a:hover.verpackungs-design {
  border-left: 10px solid #92C5CB;  
  color: #004972; }  
  
#menu1 li a.aussenwerbung {
  padding-left: 26px;
  border-left: 10px solid #2E7982; }

#menu1 li a:hover.aussenwerbung {
  border-left: 10px solid #296D75;  
  color: #004972; }  

#menu1 li a.fahrzeugbeschriftungen {
  padding-left: 26px;
  border-left: 10px solid #85CED6; }

#menu1 li a:hover.fahrzeugbeschriftungen {
  border-left: 10px solid #78BAC2;  
  color: #004972; }  
  
#menu1 li a.internet-webdesign {
  padding-left: 18px;
  border-left: 10px solid #2E7982; }

#menu1 li a:hover.internet-webdesign {
  border-left: 10px solid #296D75;  
  color: #004972; }
  
#menu1 li a.webseiten {
  padding-left: 26px;
  border-left: 10px solid #5EBEC9; }

#menu1 li a:hover.webseiten {
  border-left: 10px solid #54ACB6;  
  color: #004972; }
  
#menu1 li a.cms-systeme {
  padding-left: 26px;
  border-left: 10px solid #A2DAE0; }

#menu1 li a:hover.cms-systeme {
  border-left: 10px solid #92C5CB;  
  color: #004972; }  
  
#menu1 li a.shop-systeme {
  padding-left: 26px;
  border-left: 10px solid #5EBEC9; }

#menu1 li a:hover.shop-systeme {
  border-left: 10px solid #54ACB6;  
  color: #004972; }
  
#menu1 li a.panorama-fotografie {
  padding-left: 18px;
  border-left: 10px solid #A2DAE0; }

#menu1 li a:hover.panorama-fotografie {
  border-left: 10px solid #92C5CB;  
  color: #004972; }
  
#menu1 li a.preise-panoramafotografie {
  padding-left: 26px;
  border-left: 10px solid #5EBEC9; }

#menu1 li a:hover.preise-panoramafotografie {
  border-left: 10px solid #54ACB6;  
  color: #004972; }  
 
#menu1 li a.werbefotografie {
  padding-left: 18px;
  border-left: 10px solid #36909A; }

#menu1 li a:hover.werbefotografie {
  border-left: 10px solid #30828B; 
  color: #004972; }

#menu1 li a.grossformatdruck {
  padding-left: 18px;
  border-left: 10px solid #5EBEC9; }

#menu1 li a:hover.grossformatdruck {
  border-left: 10px solid #54ACB6; 
  color: #004972; }
  
#menu1 li a.foto-halir {
  margin-top: 25px;
  padding-left: 18px;
  border-left: 10px solid #1781B7; }

#menu1 li a:hover.foto-halir {
  border-left: 10px solid #1474A6;  
  color: #004972; }  
  
  
/* Rechte Seite */

#right {
  float: right;
  position: relative;
  border: 0px solid #000000; }


/* Inhalt */

#contentbox {
  background-color: #FFFFFF;
  background-image: url(../images/content.gif);
  background-repeat: repeat-x;
  width: 800px;
  height: 475px; 
  border: 0px solid #000000;
  text-align: left;
  z-index: 8; }
  
#content {
  margin-left: 60px;
  top: 30px;
  text-align: left;
  width: 680px;
  height: 400px;
  border: 0px solid #000000;
  position: relative;
  z-index: 10; }
  
#text {
  width: 680px;
  height: 120px;
  border: 0px solid #000000;
  position: absolute;
  bottom: 0px;
  z-index: 20000; }
  
#text img {
  margin-right: -20px; }
  
#only-text {
  width: 680px;
  border: 0px solid #000000;
  position: absolute;
  top: 0px; }
  
#text-bild {
  width: 350px;
  border: 0px solid #000000;
  position: absolute;
  top: 0px; }
  
#bild {
  width: 320px;
  border: 0px solid #000000;
  position: absolute;
  top: 0px;
  right: -20px; }
  
#text .titel, #only-text .titel, #text-bild .titel {
  font-size: 12px;
  color: #296D75; }
  
#text #trennlinie, #only-text #trennlinie, #text-bild #trennlinie {
  width: 292px;
  height: 1px;
  background-image: url(../images/trennlinie.png);
  background-repeat: no-repeat;
  font-size: 0px;
  margin-top: 2px;
  margin-left: -2px; }
  
#text p, #only-text p, #text-bild p {
  padding: 10px 0px 0px 0px;
  margin: 0px; }
  
#text a, #only-text a, #text-bild a {
  text-decoration: none;
  color: #000000; }
  
#text a:hover, #only-text a:hover, #text-bild a:hover {
  text-decoration: none;
  color: #555555; }
  
.fliesstext {
  font-size: 10px;
  color: #000000; }
  

/* Footer */  
  
#footer {
  clear: both;
  font-size: 10px;
  color: #000000;
  top: -15px;
  width: 961px;
  text-align: right;
  position: relative;  
  border: 0px solid #000000;
  z-index: 10; }

#footer a {
  text-decoration: none;
  color: #000000; }
  
#footer a:hover {
  color: #555555; }
  
#footer .trennstrich {
  padding: 0px 4px 0px 4px; }