@charset "utf-8";
/**
* Pajoas Webdesign.
*
* @link http://www.pajoas.de
* @package pajoas
* @version 2.0
*/

/**
* Globale Einstellungen und Bugfixes
*
* @section Browser-Reset
*/

/* Zurcksetzen der Innen- und Auenabstnde */
* {
  margin: 0;
  padding: 0;
}


/**
 * Schriftgre kontrollieren
 */
body, td, th { font: normal 13px 'trebuchet ms', arial, "Times New Roman", serif; line-height: 1.7em; }

td, th { f\ont-size: 100%; }


/* Farben und Hintergrnde setzen */
html, body {
  color: #3b2b20;
  background-color: #cad4d6;
  background-image: url(images/bg.jpg);
  background-repeat: repeat-x;
}


/**
* Regeln fr allgemeine Elemente
*
* @section berschriften
*/
h1 {
  color: #42808b;
  line-height: 1em;
  font-size: 20px;
  padding: 25px 0 10px 4px;
  margin: 0;
  background-image: url(images/line.png);
  background-position: bottom;
  background-repeat: repeat-x;}

div#rechts-kontakt h2 {
  color: #42808b;
  line-height: 1em;
  font-size: 20px;
  padding: 25px 0 10px 4px;
  margin: 0 35px 0 0;
  background-image: url(images/line.png);
  background-position: bottom;
  background-repeat: repeat-x;}


div#rechts h2 {
  color: #42808b;
  line-height: 1em;
  font-size: 15px;
  padding: 0 0 8px 25px;
  margin: 0 35px 0 35px;}



/**
* @section Abstze
*/
p { margin: 30px 0; }

img { border: 0;}

/**
* @section Links und Anker
*/
a:link {
  color: #036;
  background-color:transparent;
  text-decoration:underline;
}
a:visited {
  color: #036;
  background-color: transparent;
   text-decoration:underline;
}
a:hover, a:focus {
  color: #036;
  background-color: transparent;
   text-decoration:underline;
}
a:active {
  color: #036;
  background-color: transparent;
   text-decoration:underline;
}



div#rahmen {
  width: 928px;
  margin: auto;
  
}




/**
* Regeln fr besondere Bereiche
*
* @section Kopfbereich
*/
div#head {
  width: 928px;
  height: 141px;
  background-color: #42808b;
  background-image: url(images/header.jpg);
  background-repeat: no-repeat;
  position: relative;
  top: 26px;
}

#logo {
  margin: 0;
  padding: 60px 0 0 10px;
  width: 290px;
  text-align: center;
}

/**
* @section Hauptmen
*/
#head ul {
  position: absolute;
  bottom: 0;
  right: 20px;
  font: Georgia, "Times New Roman", Times, serif;
  font-size: 16px;
  color: #FFFFFF;
}

#head ul li {
  float: left;
  list-style: none;
  margin: 0 10px 0 0;
  text-align: center;
}

#head ul a {
  color: #FFFFFF;
  display: block;
  height: 32px;
  width: 140px;
  padding: 88px 0 0 0;
  margin: 15px 0 6px 0;
  text-decoration: none;
  font-weight: bold;
}

#head ul strong {
  color: #FFFFFF;
  background-color: #558d97;
  display: block;
  height: 32px;
  width: 140px;
  padding: 88px 0 0 0;
  margin: 15px 0 6px 0;
  _margin: 16px 0 0 0; /* Korrektur für IE 6 */
  text-decoration: none;
  font-weight: bold;
}

#head ul a:hover,
#head ul a:focus,
#head ul a:active
#head ul strong {
  color: #FFFFFF;
  background-color: #558d97;
}





div#content2 {
  width: 928px;
  position: absolute;
  top: 167px;
}

div#links {
float: left;
width: 350px;
padding-left: 40px;
}

div#links p {
  margin: 0;
  line-height: 1.7em;
  padding: 15px 0 5px 0;
}

#links ul {
  bottom: 0;
  right: 20px;
}

#links ul li {
  list-style-image:url(images/pfeil.gif);
  margin: 0 0 0 35px;
}






div#rechts {
float: right;
width: 473px;
padding: 0 35px 0 0;
}

div#rechts p {
   margin: 0;
  line-height: 1.7em;
  padding: 15px 0 5px 35px;
}


div#rechts-paket img {
  float: left;
  padding: 0 15px 0 0;
}

div#rechts-paket1 img {
  float: left;
  padding: 0 15px 0 0;
}

div#rechts-paket {
  height: 120px;
  margin: 10px 0 0 35px;
}

div#rechts-paket1 {
  height: 120px;
  margin: 25px 0 0 35px;
}


div#clear {
clear:left;
}





div#teaser {
  width: 928px;
  height: 170px;
  margin: 0;
  padding: 0;
  background-color: #e3e8eb;
  background-image: url(images/teaser.jpg);
  background-repeat: no-repeat;
}

div#teaser p {
  margin: 0;
  line-height: 1.7em;
  padding: 15px 35px 15px 35px;
}



  

div#text{
  width: 928px;
  margin: 0;
  padding: 0 0 30px 0;
  background-color: #ffffff;
  background-image: url(images/content.jpg);
  background-repeat: repeat-y;
  overflow: hidden;
  height: 1%;
}




div#footer {
  width: 928px;
  font-size: 11px;
  color: #656a6b;
  background-color: #cad4d6;
  background-image: url(images/verlauf-unten.jpg);
  background-repeat: no-repeat;
  background-position: top;
}


div#footer p {
  margin: 0;
  line-height: 1.7em;
  padding: 15px 35px 15px 35px;
  text-align: right;
}


div#footer2 {
  width: 928px;
  font-size: 8px;
  color: #cad4d6;
}


div#footer2  a:link {
  color: #cad4d6;
  background-color:transparent;
  text-decoration:underline;
}
div#footer2  a:visited {
  color: #cad4d6;
  background-color: transparent;
   text-decoration:underline;
}
div#footer2 a:hover, a:focus {
  color: #cad4d6;
  background-color: transparent;
   text-decoration:underline;
}
div#footer2 a:active {
  color: #cad4d6;
  background-color: transparent;
   text-decoration:underline;
}


/* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			


			

/* Easy Slider */

	#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width: 898px;
		height: 170px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:30px;
		height:170px;
		position:absolute;
		left:-30px;
		top: 0;
		}	
	#nextBtn{ 
		left:898px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:30px;
		height:170px;
		background:url(images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(images/btn_next.gif) no-repeat 0 0;	
		}		
		
		
/**
* @section Formulare
*/
fieldset {
  border: 1px solid #CAD4D6;
  margin: 0 35px 25px 35px;
  padding: 0 1em;
}
legend {
  color: white;
  background-color: #42808b;
  padding: .3em 1em;
}	

input[type="checkbox"],
input[type="radio"] { vertical-align: middle; }

input[type="text"] {
  border: 1px solid #CAD4D6;
  padding: 3px 10px;

}

input[type="text"]:focus {
  border: 1px solid #42808b;
  padding: 3px 10px;

} 

input[type="submit"] {
  background-color: #42808b;
  color: #FFFFFF;
  font-weight: bold;
  padding: 0 6px;
}

textarea {
  border: 1px solid #CAD4D6;
  margin: 1em 0;
  padding: 5px 15px;
  width: 400px;
}

textarea:focus {
  border: 1px solid #42808b;
  margin: 1em 0;
  padding: 5px 15px;
  width: 400px;
}



label {
  cursor: pointer;
  padding-right: .5em;
}

/* Tabellen in Formularen */
form table {
  width: 100%;
  border-collapse: collapse;
  margin: .8em 0;
}

form tr {
  background-color: #ffffff;
  border-bottom: 4px solid white;
}
form tr:nth-child(odd) {
  background-color: #ecf2f3;
}

form td,
form th { padding: 5px 5px 5px 15px; }

form th {
  width: 40%;
  text-align: left;
}

	


div#links-kontakt {
float: left;
width: 628px;
}

div#links-kontakt p {
  margin: 0;
  line-height: 1.7em;
  padding: 15px 0 5px 35px;
}

div#links-kontakt h1 {
  color: #42808b;
  line-height: 1em;
  font-size: 20px;
  padding: 25px 0 10px 4px;
  margin: 0 35px 20px 35px;
  background-image: url(images/line.png);
  background-position: bottom;
  background-repeat: repeat-x;}


div#rechts-kontakt {
width: 280px;
margin-left:628px;
padding-bottom: 10px;
}		



div#rechts-kontakt p {
   margin: 0;
  line-height: 1.7em;
  padding: 15px 35px 5px 0;
}


div#rechts-kontakt h1 {
  color: #42808b;
  line-height: 1em;
  font-size: 20px;
  padding: 25px 0 10px 4px;
  margin: 0 35px 0 0;
  background-image: url(images/line.png);
  background-position: bottom;
  background-repeat: repeat-x;}
  
  
  
  
  div#links-leistungen {
float: left;
width: 525px;
padding-left: 40px;
}

div#links-leistungen p {
  margin: 0;
  line-height: 1.7em;
  padding: 15px 0 5px 0;
}

div#links-leistungen  h1 {
  color: #42808b;
  line-height: 1em;
  font-size: 20px;
  padding: 25px 0 10px 4px;
  margin: 0 0 20px 0;
  background-image: url(images/line.png);
  background-position: bottom;
  background-repeat: repeat-x;}


div#rechts-leistungen  {
float: right;
width: 295px;
padding-bottom: 10px;
padding-right: 35px;
}		



div#rechts-leistungen  p {
   margin: 0;
  line-height: 1.7em;
  padding: 5px 35px 5px 0;
}


div#rechts-leistungen h1 {
  color: #42808b;
  line-height: 1em;
  font-size: 20px;
  padding: 25px 0 10px 4px;
  margin: 0 0 10px 0;
  background-image: url(images/line.png);
  background-position: bottom;
  background-repeat: repeat-x;}
  
  
  div#rechts-leistungen h2 {
  color: #42808b;
  line-height: 1em;
  font-size: 15px;
  padding: 25px 0 0 0;
  margin: 0 35px 0 0;}
  
    div#links-leistungen h2 {
  color: #42808b;
  line-height: 1em;
  font-size: 15px;
  padding: 0 0 8px 25px;
  margin: 0 35px 0 35px;}
  
  div#rechts-paket-leistungen img {
  float: left;
  padding: 0 15px 0 0;
}

div#rechts-paket1-leistungen  img {
  float: left;
  padding: 0 15px 0 0;
}

div#rechts-paket-leistungen  {
  height: 100px;
  margin: 10px 0 0 0;
}

div#rechts-paket1-leistungen  {
  height: 100px;
  margin: 25px 0 0 0;
}


div#kasten-leistungen {
  background-color:#ecf2f3;
  border-color:#cad4d6;
  border-width:1px;
  border-style:solid;
  padding-left:15px;
}

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	}	





div#preise-kasten p {
  margin: 0;
  line-height: 1.7em;
  padding: 15px 0 5px 0;
}

div#preise-kasten {
  margin-bottom: 25px;
  padding: 0 40px 0 35px;
}






  

  
  
  div#preis {
  text-align:center;
  font-size: 26px;
  color:#ff9900;
  font-weight: bold;
  }
  
  div#einmalzahlung {
  text-align:center;
  font-size: 15px;
  color:#ff9900;
  margin-bottom:10px;
  font-weight:bold;
  }
  
  div#ok {
  background-image:url(images/ok.jpg);
  background-repeat:no-repeat;
  padding-left: 25px;
  line-height:1em;
  height:15px;
  margin: 0 0 16px 55px;
  font-size:15px;
  }
  
    div#ok b {
	font-weight: bold;
	text-decoration:underline;
  }
  
  
    div#nein {
  background-image:url(images/nein.jpg);
  background-repeat:no-repeat;
  padding-left: 25px;
  line-height:1em;
  height:15px;
  margin: 0 0 16px 55px;
  font-size:15px;
  }
  
  
  div#kurzbeschreibung-tarif {
  height: 120px;
  
  }
  
    div#kurzbeschreibung-tarif b  {
	font-weight: bold;
	text-decoration:underline;
  }
  


  
  
 
  
  
  
  div#preise-links {
float: left;
width: 400px;
padding-left: 40px;
}




    div#preise-links h2 {
  color: #42808b;
  line-height: 1em;
  font-size: 22px;
  font-weight: bold;
   text-align:center;
  padding:0;
  margin: 15px 0 5px 0;}
  
  
  div#preise-links p {
  margin: 0;
  line-height: 1.7em;
    padding: 5px 15px 5px 15px;
}


  div#preise-links2 {

 background-color:#ecf2f3;
  border-color:#cad4d6;
  border-width:1px;
  border-style:solid;
}


  div#webhosting-rechts {
float: right;
width: 400px;
padding-right: 40px;

}

  div#webhosting-rechts2 {

 background-color:#ecf2f3;
  border-color:#cad4d6;
  border-width:1px;
  border-style:solid;
}


    div#webhosting-rechts h2 {
  color: #42808b;
  line-height: 1em;
  font-size: 22px;
  font-weight: bold;
   text-align:center;
  padding:0;
  margin: 15px 0 5px 0;}
  
  
  div#webhosting-rechts p {
  margin: 0;
  line-height: 1.7em;
    padding: 5px 15px 25px 15px;
}

    div#webhosting-rechts b  {
	font-weight: bold;
	text-decoration:underline;
  }
  
  
  div#ausblenden { display: none;}