/*Stylesheet Reiffix- Online IT-Dienstleistungen
    Autor: Christian Reifferscheid
    Datum: September 2009
    erstellt von Reiffix.de für frebiX.de
 */
/*=============================================
  1. Allgemeine Styles / Kalibrierung
  ===========================================*/
* {
  padding: 0;
  margin: 0;
  }
html {
  height: 101%;
  }
body {
  font-family: Verdana;
  font-size: 12px;
  color: #000000;
  background-image: url(../images/bg.png);
  background-repeat: repeat-x;
  
}
h2 {
  color: #FFFFFF;
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 5px;
}
hr { color:#FFFFFF; }
p {
  margin-bottom: 1.5em;
  }

/*=============================================
  2. Boxen Styles / Div Styles
  ===========================================*/
#wrapper {
  width: 1000px;
  margin: 0 auto;
  margin-top: 19px;
}
#header {
position: relative;
width: 350px;
margin: 10px auto;
padding-left: 650px;
}

#loginbox {
  margin-top: 15px;
  margin-left: -75px;
  background-image: url(../images/loginbox.png);
  background-repeat: no-repeat;
  width: 418px;
  height: 96px;
  padding-top: 5px;
}
/*=============================================
  3. Header Spezifikationen
  ===========================================*/

#header a{
color: #000000;
text-decoration: none;
}
#header ul li {
  list-style-type: none;
  display: inline;
  margin-right: 2px;
  margin-left: 4px;
  padding-right: 5px;
  border-right: 1px solid #000000;
}
#header ul li.borderweg {
  border-right: none;
}
#header ul {
  background-image: url(../images/finger.png);
  background-repeat: no-repeat;
  padding-left: 30px;
  height: 22px;
  padding-bottom: 5px;
}

#header a:hover {
  color: #004fa5;
}
#logo {
	position: absolute;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	width: 346px;
	height: 144px;
	left: 0px;
	top: 5px;
  }
#logo a {
   text-indent:-9999px; 
   width: 346px;
	height: 144px;
   overflow:hidden; 
   display:block; 
   }
/*=============================================
  4. Loginbox Spezifikationen
  ===========================================*/
.loginschrift {
 color: #0055a8;
 font-weight: bold;
 margin-left: 17px;
}

.rechtsbuendig {
  text-align: right;
  }
.loginleft {
  float: left;
  text-align: right;
  width: 260px;
  margin-left: 5px;
  margin-top: 10px;
}
.loginright {
  float: right;
  margin-top: 10px;
  padding-right: 20px;
}
#loginbox input.login {
  margin-bottom: 5px;
  margin-left: 5px;
  border: 1px solid #cccccc;
  height: 20px;
}
#loginbox a {
  font-family: Verdana;
  font-size: 10px;
  color: #666666;
  padding-right: 28px;
}

/*=============================================
  5. Startseite Spezifikationen
  ===========================================*/
#praemie {
  position: absolute;
  background-image: url(../images/praemien.png);
  background-repeat: no-repeat;
  width: 459px;
  height: 317px;
}
.praemietext {
 width: 240px;
 margin-left: 125px; margin-top: 250px;
 font-family: Verdana; font-size: 12px; color: #666666;
 text-align: center;
}
#startcontent {
 position: absolute;
 margin-left: 475px;
 width: 520px;
 color: #FFFFFF;
 padding-top: 20px;
}
#startcontent form {
  margin-top: 20px;
}
#startcontent .mailanmelden {
  background-image: url(../images/input-anmelden.png); background-repeat:no-repeat;
  border: none; 
  width: 180px; height: 16px;
  padding-left: 10px; padding-top: 5px; padding-right: 10px; padding-bottom: 7px;
  font-size: 13px;
  margin-bottom: 10px;
}
.startanmeld {
  margin-left: 130px;
  margin-top: -20px;
}
.startanmeld a {
 color: #FFFFFF;
 font-weight: bold;
 text-decoration: none;
}
#startanleitung {
  position: absolute;
  width: 1000px;
  top: 500px;
}
#startanleitung h3 { color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight: bold; text-decoration: none; display: inline;}
#startanleitung .underline { color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight: bold; text-decoration: underline; }
#anleitung_1 { 
float: left;
background-image: url(../images/1.png);
width: 205px; height: 58px;
padding-left: 75px;
padding-top: 10px;
margin-top: 10px;
font-size: 11px;
}
#anleitung_1 b, #anleitung_2 b, #anleitung_3 b { font-size: 14px; }
#anleitung_2 { 
float: left;
background-image: url(../images/2.png); background-repeat: no-repeat;
width: 215px; height: 58px;
padding-left: 75px;
padding-top: 10px;
margin-top: 10px;
margin-left: 5px; font-size: 11px;
}
#anleitung_3 { 
float: left;
background-image: url(../images/3.png); background-repeat: no-repeat;
width: 233px; height: 58px;
padding-left: 72px; padding-right: 50px;
padding-top: 10px;
margin-top: 10px;
margin-left: 5px; font-size: 11px;
}

.trennstrich1 {
  position: absolute;
  top: 630px;
  margin-left: 180px;
  background-image: url(../images/trennstrich.png); background-repeat: no-repeat;
  width: 538px; height: 4px;
  }
#partner {
  margin-top: -70px;
  margin-left: 690px;
  width: 80px;
  color: #685e58;
  font-size: 12px;
  letter-spacing: 0;
  text-align: center;
  }
#partner img { 
top: 5px;
margin-left: 90px;
margin-top: -65px;
  }
#footer {
  position: absolute;
  top: 725px;
  width: 800px;
  font-size: 10px;
  color: #666666;
  text-align:center;
  margin-left: 100px;
  font-family: Verdana;
}
.trennstrich2 {
  margin-left: 80px;
  background-image: url(../images/trennstrich.png); background-repeat: no-repeat;
  width: 538px; height: 4px;
  }

a {
  color: #0072C3;
   }
a:hover {
   color: #000000;
}
/*=============================================
  4. Loginbox Spezifikationen Eingeloggt
  ===========================================*/
.punktestand {
  width: 220px;
  margin-left: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.punkteuser {
  text-align: right; 
  font-size: 18px;
  font-weight: bold;
  background-image: url(../images/punktestand.png); background-repeat: no-repeat; 
  background-position: right;
  padding-right: 30px;
  width: 50px;
}
.geworbenefreunde {
  text-align: right; 
  font-size: 18px;
  font-weight: bold;
  background-image: url(../images/geworbenefreunde.png); background-repeat: no-repeat; 
  background-position: right;
  padding-right: 30px;
  width: 50px;
}
.logout {
  float: right;
  margin-top: -27px;
  margin-bottom: 2px;
}
.lastlogin {
  font-size: 10px;
  martin-top: 20px;
  text-align: right;
  margin-right: 27px;
}