/* basics */
* {
   margin:0;
   padding:0;
}
html, body  { background-color: #fff;
       width:100%;
       min-height:100%;
       font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
       font-size: 13px;
       color:#26A7E0;
}
#hintergrund {
         width:100%;
         height: 861px;
         background-image:url(../werbeagentur-stuttgart/background.png);
	background-position:left top;
	background-repeat: repeat-x;
	position: absolute;
	top:0px;
	left:0px;
         z-index: 1;
}
#hintergrundkontakt {
         width:100%;
         height: 861px;
         background-image:url(../werbeagentur-stuttgart/backgroundkontakt.gif);
	background-position:left top;
	background-repeat: repeat-x;
	position: absolute;
	top:0px;
	left:0px;
         z-index: 1;
}
#footer {position: absolute;
        	width:100%;
         padding: 30px 0 0 0;
         background-image:url(../werbeagentur-stuttgart/footerbackground.jpg);
         background-position:left top;
	background-repeat: repeat-x;
         background-color: #3399CC;
         color: #fff;
         font-size: 10px;
         text-align: center;
         image-align: center;
         clear: both;
         margin: 200px 0px 0px 0px;
         bottom: 0px;
         z-index: 3;
}
#logo  { z-index: 3;
         padding: 0;
         margin: 0;
}
#logokontakt  {
         position: absolute;
	z-index: 3;
         padding: 0;
         top: 5px;
         left: 5px;
}
#wrap {
         position: relative;
         width: 100%;
         min-height: 100%;
         height: auto !important;
         height: 100%;
         background-color: none;
         z-index: 2;
}
#wrapkontakt {
         position: relative;
         width:100%;
         min-height: 100%;
         height: auto !important;
         height: 100%;
         margin: 30px 0 20px 0;
         background-color: none;
         z-index: 2;
}


/* boxleft */
#contentboxleft {
         position: relative;
         float: left;
         left: 50px;;
         width: 528px;
         background-color: none;
         padding: 0px 0px 200px 0px;
         margin: 10px 0px 0px 0px;
         z-index: 3;
}
#branchenverzeichnis {
         position: relative;
         width: 100%;
         color: #fff;
         padding: 0;
         margin: 10px 0px 0px 0px;
         background-color: none;
         z-index: 3;
}
#blauHeader {
         position: relative;
         width: 100%;
         height: 23px;
         color: #fff;
         background-color: #66CCFF;
         margin: 38px 0px 0px 0px;
         z-index: 3;
}
#imageboxhome {
         position: relative;
         width: 94%;
         color: #fff;
         padding: 3%;
         margin: 5px 0px 20px 0px;
         background-color: #8BC53B;
         z-index: 3;
}
#imagebox {
         position: relative;
         width: 100%;
         color: #fff;
         padding: 0%;
         margin: 5px 0px 20px 0px;
         background-color: #99CC33;
         z-index: 3;
}
#blauuberschrift01 {
         position: absolute;
         top: 0px;
         left: 0px;
         width: 46%;
         height: 25px;
         color: #fff;
         padding: 6px 0 0 10px;
         background-color: #3399CC;
         z-index: 3;
}
#blauuberschrift02 {
         position: absolute;
         top: 0px;
         right: 0px;
         width: 46%;
         height: 25px;
         color: #fff;
         padding: 6px 0 0 10px;
         background-color: #3399CC;
         z-index: 3;
}
#content00 {
         position:relative;
        	width: 96%;
         border:1pt dashed #3399CC;
         padding: 15px 5px 10px 3%;
         background-color: #fff;
         margin: 5px 0px 0px 0px;
         color: #3399CC;
    	z-index:5;
}
#contentkeywords {
         position:relative;
         width: 96%;
         border:1pt dashed #3399CC;
         padding: 15px 5px 10px 3%;
         background-color: #CCFFFF;
         color: #3399CC;
         font-family: Arial;
	font-size: 12px;
         line-height: 150%;
	font-weight: bold;
         margin: 20px 0px 0px 0px;
	font-variant: normal;
    	z-index:5;
}
/* boxright */
#contentboxright {
         position: relative;
         float: left;
         left: 70px;
        	width: 336px;
         background-image:url(../werbeagentur-stuttgart/backgroundrightbox.gif);
	background-position:left top;
	background-repeat: repeat-x;
         background-color: none;
         margin: 0px 0px 0px 20px;
         padding: 10px 0px 0px 0px;
         z-index: 2;
}
#rightboxhome01 {
         position: relative;
         left: 0px;
         width: 336px;
         height: 365px;
         color: #fff;
         padding: 6px 0 0 3%;
         margin: 133px 0px 0px 0px;
         background-color: #2A90C6;
         z-index: 3;
}
#rightboximage {
         position: relative;
         left: 0px;
         width: 336px;
         min-height: 198px;
         padding: 0;
         margin: 134px 0px 0px 0px;
         background-color: #20A0E0;
         z-index: 3;
}
#rightbox01 {
         position: relative;
         left: 0px;
         width: 316px;
         color: #fff;
         padding: 6px 10px 20px 10px;
         margin: 150px 0px 0px 0px;
         background-color: #3399CC;
         z-index: 3;
}
#rightbox11 {
         position: relative;
         left: 0px;
         width: 316px;
         color: #fff;
         padding: 0px 10px 20px 10px;
         margin: 20px 0px 0px 0px;
         background-color: #3399CC;
         z-index: 3;
}
#rightbox12 {
         position: relative;
         left: 0px;
         width: 316px;
         color: #fff;
         padding: 0px 10px 20px 10px;
         margin: 20px 0px 0px 0px;
         background-color: #D6EAF7;
         z-index: 3;
}
#rightbox02 {
         position: relative;
         left: 0px;
         width: 321px;
         min-height: 200px;
         background-image:url(../werbeagentur-stuttgart/homepageright02.gif);
	background-position:left top;
	background-repeat: repeat-x;
         color: #336600;
         padding: 30px 5px 30px 20px;
         margin: 20px 0px 0px 0px;
         background-color: #CCFF99;
         z-index: 3;
}
#rightbox22 {
         position: relative;
         left: 0px;
         width: 311px;
         min-height: 200px;
         color: #336600;
         padding: 30px 5px 30px 20px;
         margin: 20px 0px 0px 0px;
         background-color: #CCFF99;
         z-index: 3;
}
#rightbox03{
         position: relative;
         left: 0px;
         width: 321px;
         min-height: 700px;
         background-image:url(../werbeagentur-stuttgart/homepageright03.gif);
	background-position:left top;
	background-repeat: repeat-x;
         color: #fff;
         padding: 40px 5px 0 20px;
         margin: 20px 0px 100px 0px;
         background-color: #CCFFFF;
         z-index: 3;
}
#buttonright      { position: absolute; top: 245px; left: 10px; width: 317px; height: 301px; margin: 0 0 0 0; z-index: 10;}
#buttonright:hover  {background-image: url(../werbeagentur-stuttgart/buttonrighthover.png); z-index: 11;}

.field {width: 334px; color: #3399CC; font-size: 12px; background-color: #CCFFFF; margin: 35px 0px 0px 0px; border-color: #3399CC; border-width:1px;}

/* menue */

#naviblau ul { position: relative;
               width: 100%;
               height: 42px;
               padding: 0px;
               margin: 20px 0px 0px 0px;
	      z-index: 4;
}
li.naviblauhome      { float: left; width: 80px; height: 41px; margin: 0 1px 0 0; display: inline;  background-image: url(../werbeagentur-stuttgart/menuhome.png); z-index: 4;}
li.naviblauhomecurrent      { float: left; width: 80px; height: 41px; margin: 0 1px 0 0; display: inline;  background-image: url(../werbeagentur-stuttgart/menuhomecurrent.png); z-index: 4;}
a.home      { float: left; width: 80px; height: 41px; margin: 0 1px 0 0; z-index: 4;}
a.home:hover  {background-image: url(../werbeagentur-stuttgart/menuhomehover.png)}

li.naviblaudienstleistungen      { float: left; width: 142px; height: 41px; margin: 0 1px 0 0; display: inline; background-image: url(../werbeagentur-stuttgart/menudienstleistungen.png); z-index: 4;}
li.naviblaudienstleistungencurrent      { float: left; width: 142px; height: 41px; margin: 0 1px 0 0; display: inline; background-image: url(../werbeagentur-stuttgart/menudienstleistungencurrent.png); z-index: 4;}
a.dienstleistungen      { float: left; width: 142px; height: 41px; margin: 0 1px 0 0; z-index: 4;}
a.dienstleistungen:hover  {background-image: url(../werbeagentur-stuttgart/menudienstleistungenhover.png)}

li.naviblaunetzwerk      { float: left; width: 90px; height: 41px; margin: 0 1px 0 0; display: inline; background-image: url(../werbeagentur-stuttgart/menunetzwerk.png); z-index: 4;}
li.naviblaunetzwerkcurrent      { float: left; width: 90px; height: 41px; margin: 0 1px 0 0; display: inline; background-image: url(../werbeagentur-stuttgart/menunetzwerkcurrent.png); z-index: 4;}
a.netzwerk      { float: left; width: 90px; height: 41px; margin: 0 1px 0 0; z-index: 4;}
a.netzwerk:hover  {background-image: url(../werbeagentur-stuttgart/menunetzwerkhover.png)}

li.naviblaureferenzen      { float: left; width: 104px; height: 41px; margin: 0 1px 0 0; display: inline; background-image: url(../werbeagentur-stuttgart/menureferenzen.png); z-index: 4;}
li.naviblaureferenzencurrent      { float: left; width: 104px; height: 41px; margin: 0 1px 0 0; display: inline; background-image: url(../werbeagentur-stuttgart/menureferenzencurrent.png); z-index: 4;}
a.referenzen      { float: left; width: 104px; height: 41px; margin: 0 1px 0 0; z-index: 4;}
a.referenzen:hover  {background-image: url(../werbeagentur-stuttgart/menureferenzenhover.png)}

li.naviblauagentur  { float: left; width: 93px; height: 41px; margin: 0 0 0 0; display: inline; background-image: url(../werbeagentur-stuttgart/menuagentur.png); z-index: 4;}
li.naviblauagenturcurrent  { float: left; width: 93px; height: 41px; margin: 0 0 0 0; display: inline; background-image: url(../werbeagentur-stuttgart/menuagenturcurrent.png); z-index: 4;}
a.agentur      { float: left; width: 93px; height: 41px; margin: 0 0 0 0; z-index: 4;}
a.agentur:hover  {background-image: url(../werbeagentur-stuttgart/menuagenturhover.png)}

/* Kontakt... */
td.my { background-color:none; padding:0 0 0 10px}
td.orange { background-color:#74D3FF; color:#fff;padding:0 0 0 10px}
input.button {background-color: #1A27AE;border-color: #1A27AE;border-style:dashed;border-width:1px;color: #fff;}
.fieldkontakt {background-color: #D6eaf7; color: #3399CC;border-color: #FFFFFF;border-style:double;border-width:2px;Font-Family:Verdana,Arial,Geneva;Font-Size:11px;}

#kontaktformular
        {
         position: relative;
         left: 0px;
         width: 336px;
         min-height: 200px;
         background-image:url(../werbeagentur-stuttgart/kontaktfeld.png);
	background-position:left top;
	background-repeat: repeat-x;
         color: #fff;
         padding: 110px 0 20px 0;
         margin: 20px 0px 0px 0px;
         background-color: #8BB838;
         z-index: 3; }
/* Fonts, Links... */
hr {
 border: 0px; margin: 10px 0 10px 0; /* Für Firefox und Opera */
 border-top: dashed 1px #3399CC;
 border-bottom: dashed 1px #fff; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
}
p {       color:#26A7E0;
          font-size: 13px;
          line-height: 150%;
          }
p.weiss  {
          color: #Fff;
          padding: 0 10px 10px 10px;
           }

p.orange  {
          color: #ff8000;
          font-style: italic;
          }
p.dick  {
	font-style: bold;
          }
p.kontakt   {
          font-color: #FBAB18;
           }
p.kunden   {
         font-family: Arial;
	font-size: 10px;
         color: #FFFFFF;
	font-weight: bold;
	font-variant: normal;
         padding: 0 10px 10px 10px;
           }
span.beipiel {
  color:#ff8000;
  font-style:bold;
}
h1 {   color:#3399CC;
       font-size: 18px;
       font-style: bold;
       font-weight: normal;
       line-height: 20px;
}
h2 {   color:#ff8000;
       font-size: 13px;
       font-style: bold;
          }
h3 {   color:#fff;
       font-size: 18px;
       font-style: bold;
       font-weight: normal;
       line-height: 20px;

}
h4 {   color:#ffffff;
          font-size: 10px;
}
h5 {   color:##836C4F;
          padding: 0;
          margin: 0;
          font-size: 9px;

}
h6 {   color:#ffffff;
          font-size: 13px;
          line-height: 150%;
}
a {
  color: #3399CC;
  text-decoration:none;
}
a:hover {
  color: #ff8000;
  font-style: italic;
  text-decoration:none;
}
a.links {
color: #fff;
  text-decoration:none;
}
a.content {
  color: #99cc33;
  text-decoration:none;
}
/* home menu right*/
.branchen01_menu {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	font-variant: normal;
	color: #8CC63D;
	text-decoration: none;
         background-image: url(../werbeagentur-stuttgart/menu_top.png);
	background-repeat: repeat-x;
	margin: 0px;
	float: left;
	height: 15px;
	width: 90%;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 4px;
	padding-left: 10px;
}
.branchen01_menu:HOVER {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	font-variant: normal;
	color: #ffffff;
	text-decoration: none;
         background-image: url(../werbeagentur-stuttgart/menu_top.png);
	background-repeat: repeat-x;
         background-color: #99CC33;
	margin: 0px;
	float: left;
	height: 30px;
	width: 90%px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.branchen02_menu {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	font-variant: normal;
	color: #77D4FF;
	text-decoration: none;
         background-image: url(../werbeagentur-stuttgart/menu_top.png);
	background-repeat: repeat-x;
	margin: 0px;
	float: left;
	height: 15px;
	width: 90%;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 4px;
	padding-left: 10px;
}
.branchen02_menu:HOVER {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	font-variant: normal;
	color: #fff;
	text-decoration: none;
         background-image: url(../werbeagentur-stuttgart/menu_top.png);
	background-repeat: repeat-x;
         background-color: #3399cc;
	margin: 0px;
	float: left;
	height: 30px;
	width: 90%px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.kontakt_menu {
      	font-variant: normal;
	color: #26A7E0;
	text-decoration: none;
         background-image: url(../werbeagentur-stuttgart/menu_top.png);
	background-repeat: repeat-x;
	margin: 0px;
	float: left;
	height: 15px;
	width: 90%;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 4px;
	padding-left: 10px;
}
.kontakt_menu:HOVER {
        	font-variant: normal;
	color: #ff8000;
	text-decoration: none;
         margin: 0px;
	float: left;
	height: 30px;
	width: 90%px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 10px;
}
/* schafe*/
#schafe  {
         position: absolute;
         width: 422px;
         height: 100px;
         left: 240px;
         top: 45px;
         padding: 0;
         margin: 0px 0 0 0;
         z-index: 1;
}
#schafhangloose  {
         position: absolute;
         width: 422px;
         height: 100px;
         left: 460px;
         top: 35px;
         padding: 0;
         margin: 0px 0 0 0;
         z-index: 5;
}
#schafhangloosebeine  {
         position: absolute;
         width: 133px;
         height: 55px;
         left: 463px;
         top: 125px;
         padding: 0;
         margin: 0px 0 0 0;
         z-index:5;
}
#faces  {
         position: absolute;
         width: 132px;
         height: 128px;
         left: 50px;
         top: 282px;
         padding: 0;
         margin: 0px 0 0 0;
         z-index:5;
}
#button ul { position: absolute;
	    left: 0px;
	    top: 10px;
               width: 100%;
               height: 85px;
               padding: 0px;
               margin: 0px 0px 0px 0px;
	      z-index: 10;
}
li.buttonvezzig      { float: left; width: 52px; height: 85px; margin: 0 4px 0 0; display: inline;}
a.vezzig      { float: left; width: 52px; height: 85px; margin: 0 4px 0 0;  background-image: url(../werbeagentur-stuttgart/vezzig00.gif); z-index: 10;}
a.vezzig:hover  {width: 618px; height: 85px;background-image: url(../werbeagentur-stuttgart/vezzig.gif)}