/* CSS Document */

* {padding: 0; margin: 0; }


body, html {
	height:101%;
	background-color:#F4F4F4;
	color: white;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;	
}

#wrapper{
	background-image: url('/pics/seitenstreifen.jpg');
	
	height: 101%;
	width: 840px;
	
	margin-right: auto;
	margin-left: auto;
	padding-top:20px;
	
	
	
	background-repeat:repeat-y;
	background-color: #FFFFFF;
	color: black	
	
}
/*----------------KOPFBEREICH-------------------------------------------*/
#kopfbereich{
    height:105px;
	color: #FFFFFF;
	background-color: #000033;
	background-image: url('/pics/header_back.jpg');
	padding-bottom: 0;
	position:relative; margin-left:40px; margin-right:40px; padding-left:20px; padding-right:20px; padding-top:20px;
}

	#kopfbereich p {
		position:absolute;
		top:10px;
		right:10px;
		
	}
	
	#kopfbereich h1 {
	position:absolute;
	top:0;
	left: 0;
	width: 156px;
	
	}
	
	 #kopfbereich img {
      padding: 0px;
      border: 0px none;
    }

/*-------------------NAVIBEREICH----------------------------------------*/

#navibereich{
	
	background-color: #000033;
	color: black;
	text-align: right;
		
	background-image: url('/pics/header_back_navi.jpg');
	background-position: left top;
	background-repeat:repeat-x;
	
	border-bottom: 2px solid #000033;
	margin: 0 40px;; padding-left:0; padding-right:10px; padding-top:10px; padding-bottom:4px
}

	#navibereich ul{
		margin-bottom: 0;
	}

	#navibereich li {
		display: inline;
		list-style-type: none;
		margin: 0;
	}
	
	#navibereich a{
		color: black;
		background-color: #CCCCCC;
		padding:4px 8px 4px 8px;
		border-top: 1px solid #FFFFFF;
		border-right: 1px solid #FFFFFF;
		border-bottom: 1px solid #CCCCCC;
		border-left: 1px solid #FFFFFF;
	}
	
	#navibereich a:hover, #startseite #navi01 a, #registerseite #navi02 a, #partnerprogrammseite #navi03 a, #kontaktseite #navi04 a, #abfrageseite #navi02 a {
		text-decoration: none;
		color: black;
		background-color: white;
		padding-bottom: 5px;
		border-bottom: 1px solid #FFFFFF;
	}

/*-------------------TEXTBEREICH----------------------------------------*/

#textbereich{
	margin:20px 40px 20px 40px;
	padding:10px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}

#textbereich span{
	font-weight:bold;
}

/*-------------------FUSSBEREICH----------------------------------------*/
#fussbereich{
color: #999999;
font-size:85%;
text-align:center;
padding:0 40px 0 40px;
}

	#fussbereich ul{
		background-color:#FAFAFA;
		border-bottom: 1px solid #CCCCCC;
		border-top: 1px solid #CCCCCC;
		padding:5px;
	}
	
	#fussbereich li{
		display: inline;
		list-style-type: none;
		margin: 0;
		padding:0 10px 0 10px;
	}
	
	#fussbereich li a:link {
		color: #999999;
	}
		
	#fussbereich li a:visited{
		color: #999999;
	}
		
	#fussbereich li a:active{
	color: white; background-color: #000099;
	}

/*-------------------ERGAENZUNGEN----------------------------------------*/
h1 { font-size: 150%; }
h2 { font-size: 130%; margin-bottom: 1em;}
h3 { font-size: 110%; margin-top: 2em; margin-bottom: 0.5em;}
h4 { font-size: 100%; margin-top: 2em; margin-bottom: 0.5em;}

a { text-decoration: none; outline: none; }

a:hover, a:focus {text-decoration: underline;}
a:active { color: white; background-color: #d90000;}
.skiplink { display: none; }

p, ul { margin: 0; margin-bottom: 1em;}
li { margin: 0; margin-left: 1em;}

/*-------------------Kontaktformular----------------------------------------*/

form {
background-color:#eaeaea;
position:relative;
}

#abfrageseite form{
background-color:#ffffff;
padding-top:10px;

}

#kontaktseite form, #registerseite form {
  padding: 20px;
	margin-bottom: 1em;
}

#kontaktseite label {
  display: block;
}

#registerseite label {
float:left;
display: block;
margin-bottom: 0.5em;

}

#registerseite input{
display:block;
margin-left: 9em;
  
 }


#kontaktseite #absender,
#kontaktseite #mail,
#kontaktseite textarea {
  width: 20em;
  border: 1px solid #8c8c8c;
  margin-bottom: 1em;
}

#registerseite #regNr,
#registerseite #hpNr,
#registerseite #sCode {
  
  width: 10em;
  border: 1px solid #8c8c8c;
  margin-bottom: 0.5em;
  
}



#kontaktseite textarea {
  width: 40em;
  height: 20em;
}

#kontaktseite input:focus, #kontaktseite textarea:focus {
  background-color: #eaeaea;
}

#registerseite input:focus {
  background-color: #eaeaea;
}



/*-------------------Tabelle Abfrageergebnis----------------------------------------*/

table{
  border:0;
  padding:0px;
  margin:0px;

}

.norm{
  vertical-align:top;
  width:20%;
  background-color:#CCCCCC;
  padding:5px;
}

.ergebnis{
  width:80%;
  vertical-align:top;
  padding:5px;
  background-color:#eaeaea;
  

}

.ergebnis_name{
  width:80%;
  vertical-align:top;
  padding:5px;
  background-color:#eaeaea;
  font-weight:bold;
  
}