﻿* {
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-RIGHT: 0px; 
	PADDING-TOP: 0px;
}
BODY {
	BACKGROUND-IMAGE: url(img/hintergrundverlauf.png); 
	LINE-HEIGHT: 1.5; 
	BACKGROUND-REPEAT: repeat-x; 
	FONT-FAMILY: Verdana, Helvetica, sans-serif; 
	BACKGROUND-POSITION: 0px 30px; 
	FONT-SIZE: 0.8em;
}
.kursiv { 
font-style:italic;
float: left;
 }
 
 .download { 

float: right;
margin-bottom : 10px; 
 }
 
a:link {
text-decoration: none;}
a:visited { 
text-decoration:none; color:#003366; }
a:hover, a:focus { text-decoration:none; color:#0099CC; }


#buttons {
margin: 10px;
}

 #googleplus {
float: left;
} 
 #twitter {
float: left;
} 
#facebook {
float: left;
} 

#linie_oben {
    BACKGROUND-IMAGE: url(img/zeros_oben.jpg);
	POSITION: absolute; 
	BACKGROUND-COLOR: #1b82eb; 
	WIDTH: 100%; 
	HEIGHT: 30px; 
	TOP: 0px; 
	LEFT: 0px;
}
#wrapper {
	BACKGROUND-IMAGE: url(img/faux_column.gif);
	POSITION: relative; 
	BACKGROUND-COLOR: white; 
	MARGIN: 30px auto; 
	WIDTH: 980px; 
	BACKGROUND-REPEAT: repeat-y;
	BACKGROUND-POSITION: left top; 
	COLOR: black;
}
#kopfzeile {
	BACKGROUND-IMAGE: url(slices/Header_Bogen.gif); 
	POSITION: absolute; 
	WIDTH: 980px; 
	HEIGHT: 104px; 
	TOP: 40px; 
	LEFT: 0px;
	z-index:1
}

ul#breadcrumbs li { list-style-type:none; padding:0; margin-left:1em; }

#breadcrumbs { border-bottom:1px solid #e7eef4; background-color:#dadada; line-height: 20px; overflow:auto; 
font-size:11px; font-weight:bold; }

/* #breadcrumbs { border-bottom:1px solid #e7eef4; background-color:#e7eef4; line-height: 20px; overflow:auto; 
font-size:11px; font-weight:bold; } */

#breadcrumbs li { float:left; padding-left:8px; }

#breadcrumbs li a { padding:0 24px 2px 0; background:transparent url(img/arrow_breadcrumb.png) no-repeat right center;}
#breadcrumbs li a:link, #breadcrumbs li a:visited { text-decoration:none; color:#003366; }
#breadcrumbs li a:hover, #breadcrumbs li a:focus { text-decoration:underline; color:#0099CC; }
#breadcrumbs li {color:#FF9900;}

  div#navigation_oben {
    font-size: 94%;
    BACKGROUND-IMAGE: url(img/zeros_unten.jpg);
	BACKGROUND-COLOR: silver; 
	WIDTH: 980px; 
	HEIGHT: 40px;
	PADDING: 0px;
  }
   ul#Navigation {
    margin: 0; padding: 0;
    text-align: center;
  }
   ul#Navigation li {
    list-style: none;
    float: left;
    position: relative;
    margin-top: 0em; margin-bottom: 0.5em; margin-left: 0.4em; margin-right: 0.465em; 
	padding: 0;
  }
  
  
     ul#Navigation #navigation_oben_01 {
    list-style: none;
    float: left;
    position: relative;
    margin-top: 0em; margin-bottom: 0.5em; margin-left: 0; margin-right: 0.4em; 
	padding: 0;
  }
  

  
     ul#Navigation #navigation_oben_07 {
    list-style: none;
    float: left;
    position: relative;
    margin-top: 0em; margin-bottom: 0.5em; margin-left: 0.5em; margin-right: 0em; 
	padding: 0;
  }
      ul#Navigation #navigation_oben_06 {
    list-style: none;
    float: left;
    position: relative;
    margin-top: 0em; margin-bottom: 0.5em; margin-left: 0.48em; margin-right: 0.62em; 
	padding: 0;
  } 
  
  
  * html ul#Navigation li {
    margin-bottom: -0.4em;
  }
   ul#Navigation li ul {
    margin: 0; padding: 0;
    position: absolute;
    top: 2.25em; left: -0.4em;
	margin-bottom: 1em;
  }
    ul#Navigation li ul li {
    float: none;
    display: block;
    margin-top: 0em; margin-bottom: 0em;
	z-index:3
  }
   ul#Navigation a, ul#Navigation span {
    display: block;
    width: 9.7em;
    font-family: "Trebuchet MS", "Century Gothic", Helvetica, Arial, sans-serif;
    text-decoration: none; font-weight: bold;
    padding: 0.23em 0.4em 0.17em 0.4em;
    border: 2px solid #659ddb;
    border-left-color: #36608a; border-top-color: #36608a;
    color: white; background-color: #C0C0C0;
  }
    ul#Navigation a:hover, ul#Navigation span, li a#aktuell:hover {
    padding:  0.23em 0.4em 0.17em 0.4em;
    border-color: #f0f831;
    border-left-color: #b9bf24; border-top-color: #b9bf24;
    background-color: #659ddb;
  }
/* dynamisches Ein-/Ausblenden */
  ul#Navigation li ul {
   display: none;
  }
  ul#Navigation li:hover ul {
    display: block;
    }
  
  /* aktives Element */
  #it-consulting #navigation_oben_01 a, #digitales-marketing #navigation_oben_02 a,
  #suchmaschinenoptimierung #navigation_oben_03 a, #news #navigation_oben_04 a,
  #referenzen #navigation_oben_05 a, #impressum #navigation_oben_07 a, #kontakt #navigation_oben_06 a
 {
    padding:  0.23em 0.4em 0.17em 0.4em;
    border: 2px solid #659ddb;
    border-left-color: #36608a; border-top-color: #36608a;
    background-color: #2b4462;
	color: #f0f831;
  }
  
    /* Ausklapp-Menu bei aktivem Element */
  #news #navigation_oben_04 ul li a, #referenzen #navigation_oben_05 ul li a
 
 {
   padding: 0.23em 0.4em 0.17em 0.4em;
    border: 2px solid #659ddb;
    border-left-color: #36608a; border-top-color: #36608a;
    color: white; background-color: #C0C0C0;
	}
  
  /* Ausklapp-Menu bei aktivem Element mit hover  */
  #news #navigation_oben_04 ul li a:hover,
  #referenzen #navigation_oben_05 ul li a:hover
 {
  padding:  0.23em 0.4em 0.17em 0.4em;
    border: 2px solid #659ddb;
    border-left-color: #36608a; border-top-color: #36608a;
    background-color: #2b4462;
	color: #f0f831;
	}
 
 ul#Navigation .untermenue {
    padding:  0.23em 0.4em 0.17em 0.4em;
    border: 2px solid #659ddb;
    border-left-color: #36608a; border-top-color: #36608a;
    background-color: #2b4462;
	color: #f0f831;
	} 

#slices {
float: left;
}
#Slice-03 {	BACKGROUND-IMAGE: url(slices/Slice_03.gif); 
POSITION: absolute; 
WIDTH: 230px; 
HEIGHT: 40px; 
TOP: 140px; 
LEFT: 0px;
}
#Slice-04 {
	BACKGROUND-IMAGE: url(slices/Slice_04.gif); 
	POSITION: absolute; 
	WIDTH: 27px; 
	HEIGHT: 520px; 
	TOP: 180px; 
	LEFT: 0px;
}
#bttn-IT-Consulting {
	BACKGROUND-IMAGE: url(slices/bttn_IT-Consulting.gif); 
	BORDER-STYLE: none; 
	POSITION: absolute; 
	WIDTH: 119px; 
	HEIGHT: 31px; 
	TOP: 180px; 
	LEFT: 27px;
}
#Slice-06 {
	BACKGROUND-IMAGE: url(slices/Slice_06.gif); 
    POSITION: absolute; 
	WIDTH: 100px; 
	HEIGHT: 53px; 
	TOP: 180px; 
	LEFT: 146px;
}
#Slice-07 {
	BACKGROUND-IMAGE: url(slices/Slice_07.gif); 
	POSITION: absolute; 
	WIDTH: 119px; 
	HEIGHT: 22px; 
	TOP: 211px; 
	LEFT: 27px;
}
#Slice-08 {
	BACKGROUND-IMAGE: url(slices/Slice_08.gif); 
	POSITION: absolute; 
	WIDTH: 1px; 
	HEIGHT: 467px; 
	TOP: 233px; 
	LEFT: 27px;
}
#bttn-Digitales-Marketing {
	BACKGROUND-IMAGE: url(slices/bttn_Digitales-Marketing.gif); 
	POSITION: absolute; 
	WIDTH: 170px; 
	HEIGHT: 40px; 
	TOP: 233px; 
	LEFT: 28px;
}
#Slice-09 {
	BACKGROUND-IMAGE: url(slices/Slice_09.gif); 
	POSITION: absolute; 
	WIDTH: 20px; 
	HEIGHT: 467px; 
	TOP: 233px; 
	LEFT: 206px;
}
#Slice-10 {
	BACKGROUND-IMAGE: url(slices/Slice_10.gif); 
	POSITION: absolute; 
	WIDTH: 40px; 
	HEIGHT: 467px; 
	TOP: 233px; 
	LEFT: 198px;
}
#Slice-11 {
	BACKGROUND-IMAGE: url(slices/Slice_11.gif); 
	POSITION: absolute; 
	WIDTH: 170px; 
	HEIGHT: 27px; 
	TOP: 273px; 
	LEFT: 28px;
}
#bttn-Suchmaschinen {
	POSITION: absolute; 
	WIDTH: 139px; 
	HEIGHT: 35px; 
	TOP: 300px; 
	LEFT: 28px;
}
#Slice-13 {
	BACKGROUND-IMAGE: url(slices/Slice_13.gif); 
	POSITION: absolute; 
	WIDTH: 31px; 
	HEIGHT: 400px; 
	TOP: 300px; 
	LEFT: 167px;
}
#Slice-14 {
	BACKGROUND-IMAGE: url(slices/Slice_14.gif); 
	POSITION: absolute; 
	WIDTH: 139px; 
	HEIGHT: 365px; 
	TOP: 335px; 
	LEFT: 28px;
}
#textbereich {
	BACKGROUND-COLOR: white; 
	WIDTH: 70%; 
	COLOR: black; 
	MARGIN-LEFT: 250px; 
	PADDING-TOP: 120px;
	PADDING-BOTTOM: 30px;;
}
H1 {
	FONT-SIZE: 120%;
	COLOR: #666666;
}
H2 {
	FONT-SIZE: 105%;
	margin-bottom: 0.2em;
	margin-top: 0.8em;
}
 p {
 margin-top: 0.5em;
 }
 
  li {
 margin-left: 0.9em;
 }

 .weiter a { padding:0 24px 2px 0; background:transparent url(img/arrow_breadcrumb.png) no-repeat right center; }
 
 .weiter {
 margin-bottom: 1em;
 }



 


#slices #bttn-Digitales-Marketing A {
	BACKGROUND-IMAGE: url(slices/bttn_Digitales-Marketing.gif); 
	POSITION: absolute; 
	WIDTH: 170px; 
	HEIGHT: 40px; 
	TOP: 0px; 
	LEFT: 0px;
}
#slices #bttn-Digitales-Marketing A:hover {
	BACKGROUND-IMAGE: url(slices/bttn_Digitales-Marketing-ov.gif); 
	POSITION: absolute; 
	WIDTH: 170px; 
	HEIGHT: 40px; 
	TOP: 0px; 
	LEFT: 0px;
}

#slices #bttn-IT-Consulting A {
	BACKGROUND-IMAGE: url(slices/bttn_IT-Consulting.gif); 
	BORDER-STYLE: none; 
	POSITION: absolute; 
	WIDTH: 119px; 
	HEIGHT: 31px; 
	TOP: 0px; 
	LEFT: 0px;
}
#slices #bttn-IT-Consulting A:hover {
	BACKGROUND-IMAGE: url(slices/bttn_IT-Consulting-over.gif); 
	BORDER-STYLE: none; 
	POSITION: absolute; 
	WIDTH: 119px; 
	HEIGHT: 31px; 
	TOP: 0px; 
	LEFT: 0px;
}
#slices #bttn-Suchmaschinen A {
	BACKGROUND-IMAGE: url(slices/bttn_Suchmaschinen.gif); 
	POSITION: absolute; 
	WIDTH: 139px; 
	HEIGHT: 35px; 
	TOP: 0px; 
	LEFT: 0px;
}
#slices #bttn-Suchmaschinen A:hover {
	BACKGROUND-IMAGE: url(slices/bttn_Suchmaschinen-over.gif); 
	POSITION: absolute; 
	WIDTH: 139px; 
	HEIGHT: 35px; 
	TOP: 0px; 
	LEFT: 0px;
}



#it-consulting #slices #bttn-IT-Consulting a {
BACKGROUND-IMAGE: url(slices/bttn_IT-Consulting-over.gif); 
BORDER-STYLE: none; 
POSITION: absolute; 
WIDTH: 119px; 
HEIGHT: 31px; 
TOP: 0px; 
LEFT: 0px;
}

#digitales-marketing #slices #bttn-Digitales-Marketing a {
BACKGROUND-IMAGE: url(slices/bttn_Digitales-Marketing-ov.gif); 
POSITION: absolute; 
WIDTH: 170px; 
HEIGHT: 40px; 
TOP: 0px; 
LEFT: 0px;
}
#suchmaschinenoptimierung #slices #bttn-Suchmaschinen a {
BACKGROUND-IMAGE: url(slices/bttn_Suchmaschinen-over.gif); 
POSITION: absolute;
WIDTH: 139px; 
HEIGHT: 35px; 
TOP: 0px; 
LEFT: 0px;
}




#rand_unten {
	BACKGROUND-IMAGE: url(slices/Rand_unten.gif); 
	WIDTH: 980px; 
	HEIGHT: 36px;
	COLOR: WHITE;
	
}


#portrait {
	POSITION: absolute; 
	TOP: 160px; 
	TEXT-DECORATION: none; 
	LEFT: 750px;
}

a.snippet:link {
line-height: 0.0;
FONT-SIZE: 0.0em;
}



#wrapper_inhalt {

	POSITION: relative; 
	BACKGROUND-COLOR: green; 
	MARGIN: 30px auto; 
	WIDTH: 232px; 
	 
	COLOR: black;
}

#suchergebnis {
float: right;
}

#textbox_mitte {

	BACKGROUND-IMAGE: url(img/textbox_mitte.jpg);
	POSITION: relative; 
	BACKGROUND-COLOR: white; 
    WIDTH: 232px; 
    BACKGROUND-REPEAT: repeat-y;
	BACKGROUND-POSITION: left top; 
	COLOR: black;
	float: right;
	margin: 5px;
}




#textbox_inhalt ul {
margin-left: 5px;

}

#textbox_inhalt ul li {
list-style-type:none;
}

#textbox_inhalt h1 {
margin-left: 5px;
margin-bottom: 8px;
}
#textbox_oben {
	BACKGROUND-IMAGE: url(img/textbox_oben.jpg);
	POSITION: relative; 
	BACKGROUND-COLOR: white; 
	MARGIN-BOTTOM: 2px; 
	WIDTH: 232px; 
	HEIGHT: 7px; 
	BACKGROUND-POSITION: left top; 
	COLOR: black;
}

#textbox_unten {
	BACKGROUND-IMAGE: url(img/textbox_unten.jpg);
	POSITION: relative; 
	BACKGROUND-COLOR: white; 
	WIDTH: 232px; 
	HEIGHT: 7px; 
	BACKGROUND-POSITION: left top; 
	COLOR: black;
}
#textbox_inhalt {
   POSITION: relative;
   margin: 5px;
   
   }
 #textbox_inhalt p {
   padding-left: 5px;
   padding-right: 2px;
}   

#textbox_inhalt ul {
padding-top: 4px;
}





#googlesearch 
{
	POSITION: absolute; 
	BORDER-BOTTOM-STYLE: none; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-TOP-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	TOP: 60px; 
	TEXT-DECORATION: none; 
	LEFT: 770px;
}

#logo {
	POSITION: absolute; 
	BORDER-BOTTOM-STYLE: none; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-TOP-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	TOP: 0px; 
	TEXT-DECORATION: none; 
	LEFT: 770px;
}



