/*Stylesheet Reiffix- Online IT-Dienstleistungen
    Autor: Christian Reifferscheid
    Datum: Januar 2010
    erstellt von ReiffiX Online IT-Dienstleistungen
 */
/*=============================================
  1. Allgemeine Styles / Kalibrierung
  ===========================================*/
* {
  padding: 0;
  margin: 0;
  }
html {
  height: 101%;
  }
body {
  background-image: url(images/bodybg.gif);
  background-repeat:  repeat-x;
  background-color: #ffffff;
  font-family: Verdana, sans-serif;
  font-size: 12px;  
  color: #333333;
    }
p { margin-bottom: 1.3em; }
#wrapper {
  position: relative;
  width: 1010px;
  margin: 0 auto;
}
#header {
  position: relative;
  width: 1003px;
  margin: 0 auto;
  height: 175px;
}
.logo {
  background-image: url(images/reiffix-logo.png); background-repeat: no-repeat;
  width: 514px;
  height: 124px;
  margin-top: 16px;
}
.logoschreibung {
  width: 465px;
  height: 125px;
}

.headernavi {
  position: absolute;
  top: 0px;
  left: 770px;
}
.headernavi ul li {
  list-style-type: none;
  display: inline;
  margin-right: 9px;
}
.headernavi ul li a {
  color: #333333;
  text-decoration: none;
  font-size: 12px;
}
.headernavi ul li a:hover {
  color: #8B0000;
  text-decoration: none;
  font-size: 12px;
}
li.rechts {
  border-right: 1px solid #333333;
  height: 12px;
  padding-right: 5px;
}
#wave {
  background-image: url(images/welle-oben.gif); background-repeat: no-repeat;
  width: 451px;
  height: 69px;
  margin-left: 545px;
  margin-top: -55px;
}
#contentoben {
  background-image: url(images/content-oben.gif); width: 1003px; height: 11px;
}
#inhalt {
  background-image: url(images/contentbg.png); width: 1003px; background-repeat:repeat-y;
  padding-top: 10px;
  padding-bottom: 20px;
}
#contentunten {
  background-image: url(images/contentunten.gif); width: 1003px; height: 11px;
}
#navigation {
  width: 955px;
  height: 27px;
  background-image: url(images/navi-bg.gif); 
  margin-left: 16px;
  margin-bottom: 7px;
  padding: 5px;
  padding-top: 6px;

}
#navigation ul li {
  display: inline;
  list-style-type: none;
  color: #FFFFFF;
  padding-left: 8px;
}
#navigation ul li a {
  color: #FFFFFF;
  font-size: 14px;
  font-weight:bold;
  text-decoration: none;
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid #494949;
  height: 25px;
  padding-top: 1px;
  padding-bottom: 3px;
}
li.rahmen {
  background-image: url(images/trennstrich.gif); 
  background-position: right bottom;
  background-repeat: no-repeat;
  padding-right: 8px;
}
#navigation ul li a:hover {
  height: 30px;
  border: 1px solid #c8c8c8;
  background-image: url(images/lihover.gif); 
}
#content {
  float: left;
  margin-left: 16px;
  width: 690px;
  line-height: 1.4em;
  padding-right: 10px;
}
.breadcrum {
  color: #8b0000;
  font-size: 12px;
  margin-bottom: 8px;
}

body .breadcrum a { text-decoration: none; }
h1 {
  color: #8b0000;
  font-size: 18px;
  font-weight: bold;
}

a { color: #8b0000; }
a:hover { color: #494949; }
.webdesign {
  float: left;
  background-image: url(images/webdesign-box.gif); background-repeat: no-repeat;
  width: 200px;
  height: 86px;
  color: #8b0000;
  padding-top: 120px;
  padding-left: 13px; padding-right: 5px;
  font-size: 11px;
  margin-right: 15px;
  margin-top: 5px;
  margin-bottom: 20px;
  line-height: normal;
   }
.webdesign h3 a {
  color: #8b0000;
  text-decoration: none;
}
.programmierung {
  float: left;
  background-image: url(images/programmierung-box.gif); background-repeat: no-repeat;
  width: 200px;
  height: 86px;
  color: #a25001;
  padding-top: 120px;
  padding-left: 13px; padding-right: 5px;
  font-size: 11px;
  margin-right: 15px;
    margin-top: 5px;
  margin-bottom: 20px;
  line-height: normal;
  }
.programmierung h3 a {
  color: #a25001;
  text-decoration: none;
  margin-bottom: 5px;
}
.suchmaschinenmarketing {
  float: left;
  background-image: url(images/suma-reiffix.gif); background-repeat: no-repeat;
  width: 200px;
  height: 86px;
  color: #9d8c00;
  padding-top: 120px;
  padding-left: 13px; padding-right: 5px;
  font-size: 11px;
    margin-top: 5px;
  margin-bottom: 20px;
  line-height: normal;
  }
h3 {
  font-size: 22px;
  font-family: Arial;
  margin-bottom: 5px;
}
.suchmaschinenmarketing h3 {
  background-image: url(images/sumatext.gif); 
  background-repeat: no-repeat;
  width: 175px;
  height: 40px;
}
.suchmaschinenmarketing h3 a {
display:block;
overflow:hidden;
text-indent:-9999px;
 width: 175px;
  height: 40px;
  margin-bottom: 5px;
}
#sidebar {
  float: right;
  width: 255px;
  margin-right: 25px;
  margin-top: 5px;
  padding-left: 5px;
}
.sidebaroben {
background-image: url(images/sidebaroben.gif); background-repeat: no-repeat; width: 255px; height: 5px;
}
.sidebarinhalt {
background-image: url(images/sidebarbg.gif); background-repeat: repeat-y;  padding: 8px; padding-left: 10px;
}
.sidebarunten {
background-image: url(images/sidebarunten.gif); background-repeat: no-repeat; width: 255px; height: 5px;
}
.login {
background-image: url(images/loginrad.gif); background-repeat: no-repeat; background-position: top left; padding-left: 35px; padding-top: 8px;
font-size: 10px; font-weight: bold; color: #333333;
padding-bottom: 10px;
border-bottom: 1px solid #a4a4a4;
}
.login input.iborder {
  width: 193px;
  border: 1px solid #494949;
  margin-bottom: 4px;
}
#sidebar h3 {
  color: #494949;
  font-size: 13px;
  font-weight: bold;
}

h4 { margin-bottom: 10px; }

.loginsubmit { float: right; margin-right: 8px; margin-top: 4px; }

.kontaktaufnahme {
  margin-top: 10px;
  background-image: url(images/email.gif); background-repeat: no-repeat; background-position: top left; padding-left: 35px;
  padding-bottom: 10px;
  border-bottom: 1px solid #a4a4a4;
  padding-top: 2px;
}

#sidebar .kontaktaufnahme a { color: 333333; text-decoration: none; font-weight: bold; }



.latestposts {
  margin-top: 15px;
  background-image: url(images/sprechblase.gif); background-repeat: no-repeat; background-position: top left; padding-left: 35px;
  padding-bottom: 20px;
  border-bottom: 1px solid #a4a4a4;
  padding-top: 5px;
}
.blogartikel {
  margin-top: 15px;
  margin-left: -30px;
  font-size: 9px;
}
.blogartikel a.linkfett { text-decoration: none; border-bottom: none; font-weight: bold; color: #333333; }
.blogartikel a { color: #000000; text-decoration: none; border-bottom: 1px solid #c2c2c2; }
.referenzen {
  margin-top: 15px;
  background-image: url(images/referenzen.gif); background-repeat: no-repeat; background-position: top left; padding-left: 40px;
  padding-bottom: 20px;
  border-bottom: 1px solid #a4a4a4;
  padding-top: 10px;
}
.startreferenz {
  color: #333333;
  margin-left: -10px;
  width: 175px;
  text-align: center;
  margin-top: 12px;
}
.startreferenz img { border: 1px solid #000000; margin-bottom: 5px;}

.zertifikate {
  text-align: center;
  margin-top: 10px;
}
.headline {

}
h2.unter { 
  color: #494949;
  font-size: 14px;
  margin-top: 1px;
  margin-bottom: 8px;
}

h2 {
 color: #8B0000;
  font-size: 14px;
  margin-top: 1px;
  margin-bottom: 8px;
 }
 
#footer { text-align: center; color: #666666; font-size: 11px; margin-top: 5px;}

#content .alignleft,
#content img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
#content .alignright,
#content img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
#content .aligncenter,
#content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#content img.alignleft,
#content img.alignright,
#content img.aligncenter {
	margin-bottom: 12px;
}

#content ul {
  margin-left: 30px;
}

#content ul li {
  list-style-type: square;
  margin-bottom: 5px;
  padding-top: 4px;
}

.adwords {
  padding: 20px;
  width: 650px;
  background-color: #ebebeb;
  border: 1px solid #FFFFFF;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.vorteile { border: 1px solid #c6df54; width: 650px; padding: 10px; padding-bottom: 0px;}

#content .vorteile a { color: #4d6800;   }

.vorteile h2 { color: #333; margin-bottom: 10px;}

#content .vorteile ul li { list-style-image: none; list-style-type: none; list-style: none; background: url(images/haken.png) no-repeat top left; margin-left: -25px; padding-left: 40px; padding-bottom: 5px;  color: #4d6800; padding-top: 6px; min-height: 28px;}

.strich { background: #c6df54; width: 670px; height: 7px; margin-left: -9px; margin-right: -9px; margin-bottom: 2px;}

.schnellkontaktformular { background: url(images/kontaktformular.jpg) top left no-repeat; padding-top: 20px; text-align: center; cursor: pointer; color: #494949; }
.schnellkontaktformular:hover, .schnellkontaktformular.active{ background: url(images/kontaktformular-aktiv.jpg) top left no-repeat;  }

.schnellkontakt { margin-bottom: 25px; padding-left: 10px; margin-top: 8px;}
.schnellkontakt span { margin-right: 10px; margin-top: -5px; }

.schnellkontakt input.text { background: url(images/schnellkontakt-input.jpg) top left no-repeat; border: none; height: 26px; width: 203px; padding: 5px 10px;; margin-bottom: 10px;}

.schnellkontakt input.betreff { background: url(images/betreff-schnellkontakt.jpg) top left no-repeat; border: none; height: 23px; width: 521px; margin-bottom: 10px; padding: 5px 10px;}


.abstand18 { margin-right: 18px; }
.abstand35 { margin-right: 35px; }

.abstand28 { margin-right: 28px; }
.abstand25 { margin-right: 26px; }

.abstand50 { margin-right: 50px; }

.abstand75 { margin-right: 75px; }

.schnellkontakt textarea.area { background: url(images/textarea-schnellkontakt.jpg) top left no-repeat; width: 521px; height: 156px; border: none; padding: 10px; }

.schnellkontakt .submit { margin-left: 380px; margin-top: 10px; }

.schnellkontakt .submitseo { margin-left: 417px; margin-top: 10px; }

.schnellkontakt .submitkontakt { margin-left: 405px; margin-top: 10px; }


.schnellreferenzen img { float: left; border: 1px solid #000; margin-right: 25px; margin-bottom: 10px; }

.kontaktangaben { padding: 10px; border: 1px solid #EED9D9; width: 450px; margin-left: 100px; }

.achtung { border: 1px solid #900; padding: 10px; width: 450px; margin-left: 100px; margin-bottom: 10px; }

.danke { border: 1px solid #093; padding: 10px; width: 450px; margin-left: 100px; margin-bottom: 10px; }


.referenzstart { background: url(images/referenzen-block.png) top left no-repeat; padding-top: 30px; text-align: center; cursor: pointer; color: #494949; }
.referenzstart:hover, .referenzstart.active{ background: url(images/referenzen-aktiv.png) top left no-repeat;  }

.einzelreferenz { margin-left: 20px; margin-top: 10px; padding: 20px; padding-top:45px; padding-bottom: 5px; margin-bottom: 40px;  border: 1px dashed #CCC; width: 600px;}
.einzelreferenz img { display: block; border: 1px solid #000; float: left; margin-right: 20px; margin-top: -25px; margin-left: 10px; margin-bottom: 20px; }
.einzelreferenz h3 { font-size: 13px; color: #8b0000; }

.einzelreferenz h3 a { font-size: 13px; color: #8b0000; text-decoration: none; }
.einzelreferenz .beschreibung { margin-left: 220px; }
#content .einzelreferenz ul { margin-left: 18px; }

.logodesign {  }

.logodesign img { border: 1px solid #333; margin-left: 18px; margin-bottom: 20px; }

.prabfrage { position: relative; }

.prabfrage input.text { background: url(images/schnellkontakt-input.jpg) top left no-repeat; border: none; height: 26px; width: 203px; padding: 5px 10px; margin-left: 10px;}
.prabfrage input.betreff { background: url(images/prabfrage-betreff.jpg) top left no-repeat; border: none; height: 26px; width: 316px; margin-bottom: 10px; padding: 5px 10px; }

.prabfrage .prsubmit {  background: url(images/prabfragen.jpg) top left no-repeat; border: none; height: 36px; width: 115px;  cursor:pointer; padding-top: -10px; }

.prabfrage .prsubmit:hover { background: url(images/prabfragen-aktiv.jpg) top left no-repeat; }

.prabfrage table { border: 1px solid #CCC; width: 590px; font-size: 14px; margin-left: 30px; }
.prabfrage tr { margin-bottom: 5px;  }

.prabfrage td { padding-bottom: 10px; padding-left: 20px; padding-top: 5px; }

.prabfrage .prform td { padding-left: 0; }

.prabfrage h3 { background-image: url(images/loginrad.gif); background-repeat: no-repeat; background-position: top left; padding-left: 35px; padding-top: 8px;
font-size: 15px; font-weight: bold; color: #333333;
padding-bottom: 10px;
border-bottom: 1px solid #a4a4a4;}

.prformsubmit { position: absolute; left: 425px; top: 67px; }