html { overflow: -moz-scrollbars-vertical; }
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #222; 
	background-color: #ccc;
	line-height: 1.4; /* normal ist 1.22 -> dann bedarf es diese Zeile nicht - für mehr Text besser! */
}

#doc4 {
	background-color: #fff;
}

.main_content {
	clear: both;
	padding: 0px 0px 20px 20px;
}

.white_text {
	font-size: 160%;
	color: #eee;
	padding: 5px 20px 0 0;
}

.firefix {
	clear: both;
	height: 0px;
}

.partnerblock {
	margin: 25px 0 0 0;
}

.partnerlink {
	clear: both;
	margin: 5px 0 0 0;
}

ul#navileft
{
	width: 170px;
	margin-top: 15px;
	list-style: none;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

ul#navileft li
{
	border-bottom: 1px solid #ccc;
}

ul#navileft li a
{
	display: block;
	height: 22px;
	width: 165px;
	padding: 4px 0 0 5px;
	background: #fff;
	text-decoration: none;
	color: #333;
}

ul#navileft li a:hover
{
	background-color: #625451;
	color: #fff;
}

ul#navileft li.active a
{
	background: #ddd;
	font-weight: bold;
}

ul#navileft li.active a:hover
{
	background: #ddd;
	font-weight: bold;
	color: #333;
}


ul#navileftsub {
	margin: 0px 0 40px 0;
}

ul#navileft li ul#navileftsub li
{
	padding-left: 10px;
}

ul#navileft li ul#navileftsub li a
{
	width: 155px;
	background: #fff;
	font-weight: normal;
}

ul#navileft li.active ul#navileftsub li a
{
	background: #fff;
}

ul#navileft li.active ul#navileftsub li a:hover
{
	background: #ccc;
	color: #333;
}

ul#navileft li ul#navileftsub li.active a
{
	background: #eee;
	font-weight: bold;
}

ul#navileft li ul#navileftsub li.active a:hover
{
	background: #eee;
	font-weight: bold;
	color: #333;
}



p {
	padding: 0px 0px 20px 0px;
}

h1 {
	font-size: 160%;
	font-weight: bold;
}

h2 {
	font-size: 100%;
	line-height: 20px;	
}

h3 {
	font-size: 140%;
	margin: 0px 0px 5px 0px;
	padding: 15px 0 0 0;
}

h4 {
	font-size: 120%;
	font-weight: bold;
	color: #423431;
	margin-bottom: 5px;
}

.red {
	color: #900;
}

.highlight {
	background-color: #FFFF00;
	font-weight: bold;
}

.portalname {
	font-size: 140%;
	text-decoration: none;
}

a {
	color: #00a;
}

a:focus, a:hover, a:active {
	color: #00f;	
}

.link2 {
	color: #ddd;
}

.link3 {
	color: #333;
}

.link2:focus, .link2:hover, .link2:active {
	color: #fff;	
}

.linkbig {
	font-size: 140%;
	font-weight: bold;
}

strong {
	font-weight: bold;
}

.imgbox {
	margin: 15px;
}

.headlogobox {
	height: 167px;
	/* background: url(img/logo.jpg) no-repeat top left; */
}

.headtextbox {
	text-align: right;
	padding: 5px 0px 0px 0px;
}

.headnavibox {
	width: 100%;
	*width: 101%;
	height: 167px;
	text-align: right;
	background: transparent url(img/vergleich-angebote.jpg) no-repeat right;
}

.navi {
	padding: 80px 20px 20px 0px;
}

.headnavibox a {
	color: #ccc;

}

.headnavibox a:focus, .headnavibox a:hover, .headnavibox a:active {
	color: #fff;	
}

a.BodyboldSmall {
	color: #aaa; 
	font-size: 80%; 
	text-decoration: none
}

a.BodyboldSmall:hover {
	color: #ddd; 
	font-size: 80%; 
	text-decoration: none
}

.footnavibox {
	background: #423431;
}

.footnavileft {
	float:left;
	width: 50%;
	padding: 2px 0px 0px 10px;
	color: #aaa;
	font-size: 80%;
}
.footnaviright {
	text-align: right;
	padding: 0px 10px 0px 0px;
	color: #aaa; 
}

.errormessage {
	background-color: #F9686B;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 5px;
}
.infomessage {
	background-color: #8DE2A9;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}


/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2, .cssbox_start {
    background: transparent url(img/boxshadow1.png) no-repeat bottom right; 
} 
.cssbox { 
    width: 300px !important; /* intended total box width - padding-right(next) */
    width: 285px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 20px auto; /* use to position the box */ 
} 

/* set the top-right image */ 
.cssbox_head { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 20px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.cssbox_head h2, .cssbox_start { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 15px 5px 0px 30px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */
	font-size: 115%;
	color: #FFFFFF;	 
} 

/* set the lower-left corner image */ 
.cssbox_body { 
    background-position: bottom left; 
    margin-right: 25px; /* interior-padding right */ 
    padding: 15px 0px 15px 30px; /* mirror .cssbox_head right/left */ 
} 



/* set the image to use and establish the lower-right position */ 
.cssbox2, .cssbox2_foot, .cssbox2_body, .cssbox2_body h2, .cssbox2_start {
    background: transparent url(img/boxshadow2.png) no-repeat bottom right; 
} 
.cssbox2 { 
    width: 135px !important; /* intended total box width - padding-right(next) */
    width: 120px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 20px auto; /* use to position the box */ 
} 

/* set the top-right image */ 
.cssbox2_body { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 20px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.cssbox2_body h2, .cssbox2_start { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 20px 0px 10px 20px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
	font-size: 115%;
	color: #fff;
} 

/* set the lower-left corner image */ 
.cssbox2_foot { 
    background-position: bottom left; 
    margin-right: 25px; /* interior-padding right */ 
    padding: 15px 0px 0px 20px; /* mirror .cssbox_head right/left */ 
}



.listchecks li {
	list-style-type: none;
	padding: 0px 10px 5px 30px;
	margin: 0px 0px 0px 0px;
	background: transparent url(img/vergleich-check.gif) no-repeat top left;
}

.listchecks2 li {
	list-style-type: none;
	padding: 0px 10px 5px 30px;
	margin: 5px 0px 0px 25px;
	background: transparent url(img/vergleich-check.gif) no-repeat top left;
}


.listbullets1 li {
	list-style-type: none;
	padding: 0px 10px 5px 25px;
	margin-left: 30px;
	background: transparent url(img/kostenlos-bullet.gif) no-repeat top left;
}

.listbulletsplus, .listbulletsminus{
	margin-top: 10px;
}

.listbulletsplus li {
	list-style-type: none;
	padding: 0px 10px 5px 25px;
	margin: 0px 0px 0px 10px;
	background: transparent url(img/kontaktanzeigen-vorteile.gif) no-repeat top left;
}

.listbulletsminus li {
	list-style-type: none;
	padding: 0px 10px 5px 25px;
	margin: 0px 0px 0px 10px;
	background: transparent url(img/kontakte-nachteile.gif) no-repeat top left;
}

.listbullets li {
	list-style-type: disc;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 8px 25px;
}

.logocompany {
	margin: 0 0 20px 10px;
}

.navifiller {
		background-color: #423431;
		margin-top: 1px;
		display: block;
	height: 40px;
}

  #navitabhoriz {
    /*background: #423431 url(img/bg.gif) repeat-x top;*/
		clear: both;
		background-color: #423431;
    margin-top: 1px;
		width: 110%;
  }

  #navitabhoriz ul {
    /* line-height: 1em;*/
    list-style: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
  }

  #navitabhoriz li {
    /* (en) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
	height: 40px;
    background: url(img/partner-home-left.gif) no-repeat top left;
    /*border-bottom: 1px solid #000; */
    float: left;
    margin: 0 1px 0 0;
    padding: 0 15px 0 15px;
  }
  
  #navitabhoriz a,
  #navitabhoriz strong {
    /* (en) This image is mainly transparent */
    /* (de) Dieses Bild ist größtenteils transparent */
    background: transparent url(img/partner-home-right.gif) no-repeat top right;
    color: #fff;
	font-size: 160%;
    display: block;
    font-weight: bold;
    padding: 5px 11px 5px 11px;
    text-decoration: none;
    text-transform: none;

    /**
     * @bugfix
     * @affected   IE5.x, IE6
     * @css-for    all browsers
     * @valid      yes
     */
    width: auto; /* only IE 5.x */
    width/**/:/**/ .1em; /* only IE 6.0 */
  }

  /**
   * @bugfix
   * @affected   IE5.x, IE6
   * @css-for    all browsers
   * @valid      yes
   */
  #navitabhoriz > ul a,
  #navitabhoriz > ul strong { width: auto; }  /* for other browsers */

  #navitabhoriz ul li:focus,
  #navitabhoriz ul li:hover,
  #navitabhoriz ul li:active {
    /* (en) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    background-color: #423431;
    background-position: 0 -40px;
		color: #000;
  }

  #navitabhoriz li:focus a,
  #navitabhoriz li:hover a,
  #navitabhoriz li:active a { background-position: 100% -40px; }

  #navitabhoriz a:focus,
  #navitabhoriz a:hover,
  #navitabhoriz a:active { background-color: transparent; color: #fff; }

  #navitabhoriz #nav-active {
    /* (en) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    background: white url(img/partner-home-left-on.gif) no-repeat top left;
    border: 0;
  }

  #navitabhoriz #nav-active a,
  #navitabhoriz #nav-active strong {
    /* (en) This image is mainly transparent */
    /* (de) Dieses Bild ist größtenteils transparent */
    background: transparent url(img/partner-home-right-on.gif) no-repeat top right;
    color: #423431;
    padding-bottom: 4px;
    padding-top: 5px;
  }
  
  
  .but1, .but2, .but3, .but4 {
  	margin-top: 20px;
  }

  .but1 ul, .but2 ul, .but3 ul, .but4 ul {
    /*line-height: -1em;*/
    list-style: none;
    margin: 0;
    padding: 0 0 0 0px;
    white-space: nowrap;  	
  }
  
  .but1 li, .but2 li, .but3 li, .but4 li {
    /* (en) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
	height: 35px;
    /* float: left; */
    margin: 0;
    padding: 0px 0px 0 0px;  
  }
  
  .but1 li {
  	background: #6E0E0E url(img/button/left.gif) no-repeat top left;
  }

  .but2 li {
  	background: #6E0E0E url(img/button/dating-ebook.gif) no-repeat top left;
  }

  .but3 li {
  	background: #D9C0C0 url(img/button/partner-test.gif) no-repeat top left;
  }

  
  .but1 a, .but2 a, .but3 a, .but4 a,
  .but1 strong, .but2 strong, .but3 strong, .but4 strong {
    /* (en) This image is mainly transparent */
    /* (de) Dieses Bild ist größtenteils transparent */
	height: 21px;
    background: transparent url(img/button/right1.gif) no-repeat top right;
    color: #fff;
    display: block;
    font-weight: normal;
    padding: 7px 25px 7px 45px;
    text-decoration: none;
    text-transform: none;

    /**
     * @bugfix
     * @affected   IE5.x, IE6
     * @css-for    all browsers
     * @valid      yes
     */
    width: auto; /* only IE 5.x */
    width/**/:/**/ .1em; /* only IE 6.0 */  
  }

  .but3 a, .but4 a,
  .but3 strong, .but4 strong {
  	background: transparent url(img/button/right2.gif) no-repeat top right;
  }


  .but1 > ul a, .but2 > ul a, .but3 > ul a, .but4 > ul a,
  .but1 > ul strong, .but2 > ul strong, .but3 > ul strong, .but4 > ul strong { width: auto; }  /* for other browsers */

  .but1 ul li:focus, .but1 ul li:hover, .but1 ul li:active, 
  .but2 ul li:focus, .but2 ul li:hover, .but2 ul li:active {
    /* (en) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    background-color: #6E0E0E;
    background-position: 0 -35px;
  }

  .but3 ul li:focus, .but3 ul li:hover, .but3 ul li:active, 
  .but4 ul li:focus, .but4 ul li:hover, .but4 ul li:active {
    /* (en) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    background-color: #D9C0C0;
    background-position: 0 -35px;
  }



  .but1 li:focus a, .but1 li:hover a, .but1 li:active a, 
  .but2 li:focus a, .but2 li:hover a, .but2 li:active a,
  .but3 li:focus a, .but3 li:hover a, .but3 li:active a,
  .but4 li:focus a, .but4 li:hover a, .but4 li:active a { 
  	background-position: 100% -35px; 
  }

  .but1 a:focus,  .but1 a:hover,  .but1 a:active,
  .but2 a:focus,  .but2 a:hover,  .but2 a:active,
  .but3 a:focus,  .but3 a:hover,  .but3 a:active,
  .but4 a:focus,  .but4 a:hover,  .but4 a:active {
    background-color: transparent;
	color: #fff; 
  }
   
  
  .rightarea {
  	min-height: 500px;
  	background-color: #423431;
		padding: 10px 15px 15px 15px;
		margin-top: 1px;
  }
	
  .rightarea2 {
  	min-height: 500px;
  	background-color: #fff;
		padding: 10px 15px 15px 15px;
		margin-top: 1px;
		border-left: 1px solid #ccc;
  }	
  
  .result_box {
		background-color: #EBDEDE;
		border: 1px solid #a29491;
		margin: 10px 0 10px 0;
		padding: 10px;
		vertical-align:top;
  }
	
  .result_box_special {
		background-color: #FFABAB;
		border: 1px solid #a29491;
		margin: 10px 0 10px 0;
		padding: 10px;
		vertical-align:top;
  }	

  .result_box_print {
  background-color: #EBDEDE;
	border: 1px solid #a29491;
	margin: 10px 0 10px 0;
	padding: 10px;
	vertical-align:top;
  }

	
  .result_img {
  	margin: 5px 15px 0 0;
		border: 1px solid #ccc;
  }
	
	.result_stars {
  	margin: -5px 0 0 0;
  }

  .result_comment {
		font-style: italic;
		font-size: 80%;
		margin: 5px 10px 5px 0px;
		color: #900;
  }

  .result_title {
		font-size: 110%;
  }

  .result_keywords {
  	font-size: 80%;
		margin: 5px 0 0 0;
  }

	.result_sponsored {
  	font-size: 80%;
		color: #9B7E7E;
		text-align: right;
		display: block;
  }
  
  .result_text {
		margin: 5px 0 0 0;
  }

  .result_box_rechts{
		background-color: #fff;
		/*border: 1px solid #a29491; */
		padding: 8px 3px 8px 15px;
		vertical-align:top;
		border-left: 1px solid #ccc;
  }

	.result_sponsored_rechts {
  	font-size: 80%;
		color: #9B7E7E;
		text-align: right;
		padding: 3px 3px 35px 0;
		display: block;
		border-left: 1px solid #ccc;
  }
  
  .form_box, .form_box2 {
  	background-color: #D9C0C0;
		border: 1px solid #423431;
		margin: 10px 0 10px 0;
		padding: 15px;
  }
  
  .form_box2 {
 	background-color: #D9D8C1;
  }

.whiteline_box {
	border: 1px solid #fff;
	padding: 15px;
	margin-top:10px;
	font-size: 90%;
}

.whiteline_box2 {
	border: 2px solid #fff;
	padding: 15px;
	margin-top:10px;
}

.redline_box {
	background-color: #EBDEDE;
	padding: 15px;
	margin: 5px 0 15px 0;
}

.blackline_box {
	width: 650px;
	border: 1px solid #aaa;
	padding: 15px;
	font-size: 90%;
}

.sonderaktion {
	margin: 15px 10px 0px 10px;
	border: 5px solid #aaa;
	padding: 20px;
	font-size: 120%;
	background-color: #a5d3ff;
	background-color: #FFBD66;
}



  
  .label {
	padding: 5px 10px 15px 10px;
	vertical-align: top;
	text-align: right;
  }
  
  .data {
	padding: 5px 10px 5px 10px;
	vertical-align: top;
  }  
  
  .formerror {
  	float: left;
  	color: #990000;
	font-size: 90%;
  }
  
	a.button { 
		display:block;
		margin: 5px 0 5px 0;
		text-align:center;
		width:12ex;
		border-style:ridge; 
		border-width:1px; 
		padding:2px; 
		text-decoration:none; 
	}

	a.button:link    { color:#666; background-color:transparent; }
	a.button:visited { color:#666; background-color:transparent; }
	a.button:hover   { color:#eee; background-color:#625451; }
	a.button:active  { color:#eee; background-color:#625451; }