/* Grundeinstellungen */
* {
	margin: 0;
	padding: 0;
}
body{
font-size: 100.01%;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-family: arial;
text-align: center;
padding: 15px 0px 0px 0px;
color: #555555;
font-size: 15px;
}
body img {
border: 0px;
}
h1 {
		font-size: 24px
}
h2 {
		font-size: 17px
}
h3 {
		font-size: 14px;
}
h4 {
	font-size: 14px;
}

.red{
      color: #AA0000;
}
/* Ende Grundeinstellungen */

#wrapper {
	width: 900px;
  height: 630px;
  text-align: left;
  margin:  0px auto;
  text-align: left;
  background: #fff;
  aborder: 1px solid red;
  overflow: hidden;
}


/*################### NAVIGATION GALERIE */

#holder {position:absolute;}

#galleryie {
  padding:0; 
  amargin:0 auto; 
  list-style-type:none; 
  overflow:hidden; 
  width:495px;
 height:160px; 
  aborder:2px solid #AA0000; 
  background: url(../img/galhg.jpg);
  background-repeat:no-repeat;
  }
#galleryie li {
  float:left;
  }
#galleryie li a {
  display:block; 
  height:160px;
  width:28px;
  overflow:hidden;
  float:left; 
  text-decoration:none; 
  }
#galleryie li a img {border:0;}

#galleryie li a:hover {
    background:#eee; 
  width:320px;
  }
#galleryie li a:hover span{
  margin-top: 210px;
  width: 490px;
  height: 400px;
  position: absolute;
  aborder: 1px solid blue;
  z-index: 1000;
  overflow: hidden;
}  
#bigpic{
 position:absolute;
 width:490px;
 height:400px;
 margin:50px 0 0 -1px;
 z-index:1;
}
#bigpic2{
 aposition:absolute;
 width:490px;
 height:400px;
 margin:0 0 0 1px;
 background-image:url(../img/big.gif);
 background-repeat:no-repeat;
 z-index:0;
 aborder:1px solid red;
 padding-top: 210px;
 aoverflow: hidden;
}
#bigpic3{
 aposition:absolute;
 width:490px;
 height:400px;
 margin:0 0 0 -125px;
 aborder:1px solid red;
 padding-top: 210px;
 aoverflow: hidden;
 float: left;
}
#stadt{
  margin: 0 0 0 20px;
  float: left;
  width: 120px;
}
#analyse2{
  margin: 20px 0 0 0;
  float: left;
  width: 200px;
}

#analyse2 a{
  color: #AA0000;
}
#beratung2{
  margin: 20px 0 0 15px;
  float: left;
  width: 170px;
  height: 300px;
}
#beratung2 a{
  text-decoration: none;
  font-style: italic;
  color: #555555;
}
#beratung2 a:visited{color:#555555;}
#beratung2 a:hover{
  color: #AA0000;
  font-weight:bold;
  font-style: normal;
}
#dist{float:left;}


.printartikel li{
  font-size: 12px;
}
#printartikel_li{
 margin: 10px 0 0 20px;
 position: absolute;
}
#printartikel_re{
 margin: 10px 0 0 190px;
 position: absolute;
}
#printartikel_li2{
 margin: 10px 0 0 20px;
 float:left;
}
#printartikel_re2{
 margin: 10px 20px 0 0;
 float:right;
 width:200px;
}
#textnav{
  position:absolute;
  font-size: 11px;
  margin: 161px 0 0 200px;
    list-style-type:none; 
} 
#textnav li{
  margin-right: 10px;
  float: left;
  list-style-type:none;
}  
#textnav a{
  text-decoration: none;
  color: #AA0000;
} 
#textnav2{
  position:absolute;
  font-size: 11px;
  margin: 161px 0 0 840px;
    list-style-type:none; 
} 
#textnav2 li{
  margin-right: 10px;
  float: left;
  list-style-type:none;
}  
#textnav2 a{
  text-decoration: none;
  color: #AA0000;
} 
/*################### SMALNAV*/  
#unav li{list-style-type:none;border:none;width:167px; overflow:hidden;}  
#nav li a {
  display:block; 
  height:15px;
  margin: 3px 0 0 3px;
  width:165px;
  overflow:hidden;
  afloat:left; 
  text-decoration:none; 
  background-image:url(../img/button1.jpg); 
  background-repeat:no-repeat;
  acursor:default;
  font-size: 12px;
  padding: 0 0 0 10px;
  color: white;
  border: 0;
  list-style-type:none; 
  }
#nav li a:hover {
  background-image:url(../img/button2.jpg); 
  background-repeat:no-repeat;
  padding: 0 0 0 12px;
  border: none;
  list-style-type:none; 
  }  
.button{
  width: 80px;
  height: 20px;
  font-size: 12px;
}
/*########################### Newsletter */
#aboform{
  afloat: right;
  width: 280px;
  margin: 20px 0 0 30px;
  amargin: 360px 0 0 330px;
  position: absolute;
  font-size: 12px;
}
#aboform p{
  text-align: right;
}
#abo{margin:10px 0 0 0;}
#abo input{
  width: 165px;
  float: left;
  font-size: 13px;
}
.bez{
  width: 100px;
  float: left;
  height: 18px;
}
#sub{
  margin: 10px 0 0 100px;
  float: left;
  font-size: 11px;
  width: 170px;
}
#dank{
  position: absolute;
  color: #003366;
  width: 200px;
  margin: 50px 0 0 30px;
}
#dank p{
  text-align: left;
}

/*########################### FIXES */

#navi{
  width:400px;
  height: 160px;
  position: absolute;
  margin: 0 0 0 500px;
  aborder: 1px solid red;
}

#smalnav{
  width:170px;
  height:160px;
  position: absolute;
  font-size: 11px;
  background-image:url(../img/smalnav.gif);
    background-repeat: no-repeat;
  color: white;
  abackground-color: #AA0000;
  aborder: 2px solid #AA0000;
}
#alpha{
  width:210px;
  height:160px;
  position: absolute;
  margin: 0 0 0 185px;
  font-size: 12px;
  background-image:url(../img/alphahg.gif);
  background-repeat: no-repeat;
  color: white;
  abackground-color: #AA0000;
    aborder: 2px solid #AA0000;
}
#alpha p{
  margin: 5px 0 0  13px;
}
#alpha h3{
  margin: 0 0 0 13px;
}
#kontakt{
  width:210px;
  height:160px;
  margin: 20px 0 0 10px;
  font-size: 12px;
  background-repeat: no-repeat;
  float: left;
}
#kontakt p{
  margin: 2px 0 0  13px;
}
#kontakt h3{
  margin: 0 0 0 13px;
}
#kontakt h2{
  margin: 0 0 0 13px;
  color: #AA0000;
  font-size: 14px;
}
#kontakt a{
  color: #555555;
  text-decoration: none;
}
#kontakt2{margin: 40px 0 0 20px;}
#kontakt2 li{
  color: #555555;
  width: 250px;
}
#slogan{
  width: 900px;
  height: 25px;
  aborder: 1px solid red;
  position: absolute;
  margin: 180px 0 0 0;
  font-size: 21px;
  font-weight: bold;
  color:#555555;
  text-align: center;
}
#slogan label{
  font-weight:normal;
  font-size: 10px;
}

/*###################### CONTENT */
#wiesnpaar{
  margin: 10px 0 0 20px;
  float: left;
}
#wiesnlogo{
  float: right;
  margin: 30px 35px 0 0;
}
#dominik-brunner{
  width: 200px;
  height: 40px;
  font-size: 12px;
  float left;
  margin: 0 0 0 250px;
}
#texte{
 position:absolute;
 width:400px;
 height:400px;
 margin:210px 0 0 500px;
 background-image:url(../img/medium.gif);
 background-repeat:no-repeat;
 padding: 15px 15px 15px 15px;
 font-size: 13px;
}
#texte p{
  width: 370px;
}
#texte h2{
  font-size: 14px;
  font-weight: normal;
}
#texte h1{
  color: #AA0000;
  font-size: 17px;
}
#texte a{
  color: #555555;
  text-decoration: underline;
}
#textre{
  width:460px; 
  height:362px; 
  margin:20px 0 0 20px; 
  aborder: 1px solid red;
  font-size: 13px;
}
#textre a{
  text-decoration: none;
}
#textre p{
  width: 200px;
}

#textre h3{color:#AA0000;}
#textre h4{font-weight:normal;}

#textre2{
  width:460px; 
  height:350px; 
  margin:0 0 0 20px; 
  aborder: 1px solid red;
  font-size: 13px;
  padding: 32px 0 0 0;
}
#textre2 img{
  float: left;
}
#textre3{
  width:460px; 
  height:362px; 
  margin:0 0 0 20px; 
  aborder: 1px solid red;
  font-size: 13px;
  padding: 15px 0 0 0;
}
#textre3 a{
  text-decoration: none;
}
#textre4{
  width:460px; 
  height:280px; 
  margin:0 0 0 20px; 
  aborder: 1px solid red;
  font-size: 13px;
  padding: 22px 0 0 0;
}
#textre4 img{
  float: left;
}
#preise{
  float: left;
  width: 180px;
  aborder: 1px solid red;
  margin: 20px 0 0 20px;
}
#preise p{width: 180px;}


.smal{font-size:11px;}

#pakete{
  width: 450px;
  height: 100px;
  margin: 0 0 0 20px;
  list-style-type:none; 
  padding:0; 
  overflow:hidden; 
  z-index: 10;
}
#pakete li {
  float:left;
  width: 100px;
  height: 80px;
  list-style-type: none;
  }
#pakete label {
  margin: 61px 0 0 0;
  padding: 0;
  }  
.p1{  font-size: 11px;
  }  
.p2{  font-size: 11px;

  }   

#pakete li a {
  display:block; 
  float:left;
  overflow:hidden;
  text-decoration:none; 
  color:#AA0000;
  height:80px;
  width: 100px;
  background-repeat:no-repeat;
  text-align: center;
  }

#start a {background-image:url(../img/website-start.jpg);}  
#start a:hover {background-image:url(../img/website-start-rot.jpg);}

#classic a {background-image:url(../img/website-classic.jpg);}  
#classic a:hover {background-image:url(../img/website-classic-rot.jpg);}

#business a {background-image:url(../img/website-business.jpg);}  
#business a:hover {background-image:url(../img/website-business-rot.jpg);}

#profi a {background-image:url(../img/website-profi.jpg);}  
#profi a:hover {background-image:url(../img/website-profi-rot.jpg);}
  
.norepeat{
  background-repeat:no-repeat;
}      
#pakete li a:hover span{
  width: 100px;
  height:62px;
  position: absolute;
  margin:0 0 0 -100px;
  z-index: 1000;
  overflow: hidden;
}
#wanted h3{
    font-size: 18px;
    font-weight: normal;
}

#wanted{
  width:238px;
  height: 368px;
  float:right;
  text-decoration:none; 
  color:#EEEEEE;
  margin: 20px 20px 0 0;
  background-image:url(../img/robert-weber-alpha.jpg);
  background-repeat:no-repeat;

  }
#wanted{
  abackground-image:url(../img/robert-weber-alpha.jpg);
  abackground-repeat:no-repeat;

}
#robert{
  margin: 270px 0 0 90px;
}

#designtext{
 width:290px;
 height:400px;
 margin: 0 0 0 182px;
 aborder: 1px solid red;
 position: absolute;
}
#designtext a{text-decoration:none; color: #AA0000;}


.design{
  width: 290px;
  aborder: 1px solid red;
  margin: 15px 15px 0 0;
  float:left;

}
.design p{
 color: #555555;
 font-size: 11px;
 height: auto;
 aborder: 1px solid red;
 float:left;
 width: 290px;
}
#designtext a:hover span{
  width: 144px;
  height:395px;
  position: absolute;
  maargin:-32px 0 0 -157px;
  z-index: 1000;
  overflow: hidden;
  background-repeat:no-repeat;
  
}
#medien h3{
  amargin: 165px 0 0 0;
}
#medien p{
  font-size: 11px;
}
#medien li{
  awidth: 220px;
  aheight: 180px;
  width: 442px;
  height: 83px; 
  margin: 0 10px 10px 0;
  list-style-type:none;
  float: left;
}
#mpic a{
  awidth: 220px;
  aheight: 180px;
  width: 110px;
  height: 83px;  
  display:block; 
  float:left;
  overflow:hidden;
  text-decoration:none; 
  color:#AA0000;
  }
#mtext{
  width: 310px;
  height: 83px;
  aborder: 1px solid red;
  float: left;
  margin: 0 0 0 20px;
}  


#outdoor2 a {background-image:url(../img/alpha-outdoor.jpg);}  
#outdoor2 a:hover {background-image:url(../img/alpha-outdoor-2.jpg);}  

#direktmarketing2 a {background-image:url(../img/alpha-direkt.jpg);}  
#direktmarketing2 a:hover {background-image:url(../img/alpha-direkt-2.jpg);} 

#onlinemarketing2 a {background-image:url(../img/alpha-online.jpg);}  
#onlinemarketing2 a:hover {background-image:url(../img/alpha-online-2.jpg);} 

#print2 a {background-image:url(../img/alpha-print.jpg);}  
#print2 a:hover {background-image:url(../img/alpha-print-2.jpg);} 

#mtext a{
  background-image: none;
  color: #AA0000;
}
#mtext a:hover{
  background-image: none;
}
.media{
  width: 220px;
  height: 165px;
  float: left;
}
#medien a:hover span{
  width: 220px;
  height:165px;
  position: absolute;
  float:left;
  margin:0 0 0 -220px;
  z-index: 1000;
  overflow: hidden;
  background-repeat:no-repeat;
}
#service li h3{margin: 325px 0 0 0;}
#service li {
  list-style-type:none; 
  float: left;
  width: 105px;
  height:340px;
  margin: 10px 10px 0 0;
}
#service li a{
    display:block; 
  float:left;

  width: 105px;
  height:320px;
}
#beratung a{background-image:url(../img/service-beratung.jpg);}
#beratung a:hover{background-image:url(../img/service-beratung-2.jpg);}

#analyse a{background-image:url(../img/service-analyse.jpg);}
#analyse a:hover{background-image:url(../img/service-analyse-2.jpg);}

#newsletter a{background-image:url(../img/service-newsletter.jpg);}
#newsletter a:hover{background-image:url(../img/service-newsletter-2.jpg);}

#direktmarketing a{background-image:url(../img/service-direktmarketing.jpg);}
#direktmarketing a:hover{background-image:url(../img/service-direktmarketing-2.jpg);}

#service a:hover span{
  width: 105px;
  height:320px;
  position: absolute;
  float:left;
  margin:0 0 0 -105px;
  z-index: 1000;
  overflow: hidden;
  background-repeat:no-repeat;
}
#formular{
  margin: 50px 0 0 0;
}
#formular div{
  width: 100px;
  float: left;
}
#formular input{
  width: 220px;
}
#formular textarea{
  width: 220px;
  height: 90px;
}
#send{
  margin: 15px 0 0  125px;
}
#send input{
  width: 100px;
  float:left;
}
#footer a{
  color: #555555;
}
.quellen{
  font-size: 12px;
}
.hide {
  width:0px;
  height:0px;
  display:none;
}
#na li{
  float: left;
  color: red;
  margin: 0 20px 0 0;
  list-style-type: none;
}

/*######################### LIGHTBOX*/
#thumbholder {width:450px; height:360px; margin:0px 0 0 20px;  background:transparent;padding: 22px 0 0 0; }

body {height:100%; padding:0; margin-top:15px; overflow:auto; background:#f8f8f8;}
 
#container {height:100%; width:100%; font-family:verdana, sans-serif; font-size:11px; line-height:18px;}

.thumbholder a, a:visited, a:hover {background-color:transparent;color:#eee; text-decoration:none;}
.thumbholder a img {display:block; border:0;}
 
.thumbholder {width:450px; height:360px; margin:20px 0 0 20px; }



.thumbholder b {display:block;}
 
.thumbholder h2.title {font-size:25px; color:#444; font-weight:normal; font-family:"times new roman", serif;}
.thumbholder h2.title b {display:inline; font-weight:bold; color:#000; font-size:30px;}
.thumbholder h2.title span {font-weight:bold; font-style:italic;}
.thumbholder p {padding:0 10px 0 0; margin:10px 0;}
 
.thumbholder a {display:block; float:left; margin:5px 10px 5px 0; display:inline; border:1px solid #fff;}
 
.lightbox {position:absolute; left:-9999px; top:0; cursor:default; z-index:100;}
 
.light {position:absolute; left:0; top:0;}
.box {position:absolute; left:0; top:0;}
 
/* trigger for IE6 */
.thumbholder a:active {background:#ddd;}
 
 
.thumbholder a:active .lightbox,
.thumbholder a:focus .lightbox {left:0; width:100%; height:100%;}
 
.thumbholder a:active .lightbox .light,
.thumbholder a:focus .lightbox .light {background:#fff; width:100%; height:100%; filter: alpha(opacity=85);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85); opacity:0.85;
}
 
 
 
.thumbholder a:active .lightbox .box,
.thumbholder a:focus .lightbox .box {width:100%; text-align:center; margin-top:150px;}
 
 
.thumbholder a:active .lightbox .box img,
.thumbholder a:focus .lightbox .box img {border:1px solid #fff; margin:0 auto;}
 
.thumbholder a:active .lightbox .box span,
.thumbholder a:focus .lightbox .box span {display:block; font-size:11px; font-weight:normal; width:400px; padding:0; margin:10px auto; text-align:center; text-decoration:none; color:#555;font-size:12px;}
.thumbholder a:active .lightbox .box span b,
.thumbholder a:focus .lightbox .box span b {font-weight:bold; font-family:"times new roman", serif; color:#000;}
 
#close {width:16px; height:16px;position:absolute; z-index:500; float:right; display:inline; margin:-130px 0 0 820px;}
.clear {clear:left;}
#ad {clear:left; width:468px; margin:10px auto; padding:10px 51px; background:#222;}
.thumbholder a.comments {float:none; margin:0; border:0; color:#c00; font-weight:bold;}
.thumbholder a:hover.comments {color:#c00; text-decoration:underline; background:#fff;}

.thumbholder h3 label{
  font-size:10px;
  color: #555555;
} 

<!--[if lte IE 6]>

.thumbholder a:active .lightbox .light{background-color:white;text-align:center; width:expression(document.getElementById('container').offsetWidth);
height:expression(document.getElementById('container').offsetHeight);}
.thumbholder a:active .lightbox .box {background-color:white;text-align:center;
width:expression(document.getElementById('container').offsetWidth);
height:expression(document.getElementById('container').offsetHeight);}
 

<![endif]-->