

body {
	background-color: #BCAE8C;
	background-image:url(/images/bg.gif);
	background-repeat:no-repeat;
	margin: 5px 12px 20px 20px ;	
}

body div#toolTip { position:absolute;z-index:1000;width:220px;background:#ffffff;border:1px double #000;text-align:left;padding:5px;min-height:1em;-moz-border-radius:5px; }
body div#toolTip p { margin:0;padding:0;color:#000;font:11px/12px verdana,arial,sans-serif; }
body div#toolTip p em { display:block;margin-top:3px;color:#f60;font-style:normal;font-weight:bold; }
body div#toolTip p em span { font-weight:bold;color:#fff; }

hr {
	color : #BBBBBB;
	height : 1px;
}

}

a {  
		color: #00c0ff; 
		text-decoration: none;
		font-weight: bold;
}

a:hover {  
		color: #e95aa5; 
		text-decoration: none;
		font-weight: bold;

}



a.white {  
		color: #FFFFFF; 
		text-decoration: none;
		font-weight:bold;
}

a.white:hover {  
		color: #e95aa5; 
		text-decoration: none;
		font-weight:bold;
}



P    {  margin-top: 5px;
	margin-bottom: 7px;
        }

P.mini    {  
					font-size: 80%;
        }
				
				
		

P.puff    { font-size: 75%; line-height: 110%;

        }



h1 {
	font-family: Arial, Helvetica, sans-serif; 
	letter-spacing: -.05em;	
	font-size: 24px;
	line-height:26px;
	color: #FFFFFF;
	font-weight: lighter;
	padding: 30px 0px 0px 0px;
}



h1.rosa {
	font-family: Arial, Helvetica, sans-serif; 
	letter-spacing: -.05em;	
	font-size: 24px;
	color: #D5408C;
	font-weight: lighter;
	padding: 10px 0px 7px 0px;
}





h3 {
	font-family: Arial, Helvetica, sans-serif; 
	letter-spacing: -.03em;	
	font-size: 16px;
  color: #D5408C;
	font-weight: lighter;
	padding: 10px 0px 2px 0px;	
	margin: 0px 0px 0px 0px;
}

.miniversal {font-size: 90%; font-weight:bold}


	

#maincontainer {
	width:925px;
}	



#navig {

}	

#navig {
	width:800px;
	margin: 0px 0px 0px 53px;
	float:left;
	text-align:left;
}
	#navig  #navigation *{font:14px Arial, sans-serif;text-decoration:none;color:#ffffff;list-style:none;margin:0;padding:0;line-height:1.5em} /*Reset browsers and apply basic formatting*/
	#navig 	#navigation li{display:inline}
	#navig 	#navigation li *{height:47px;float:left;cursor:pointer;cursor:hand;}
	#navig 	#navigation a{background:url(/images/mapmenu/left.gif) left no-repeat;padding-left:30px;} /*Applys the left segment of the image and adds the grey bottom border*/
	#navig 	#navigation .right{padding-right:30px}
	#navig 	#navigation .center{background:url(/images/mapmenu/center.gif) repeat-x;margin-right:-30px;min-width:30px;height:47px;padding:20px 0 8px 0;voice-family: "\"}\"";voice-family:inherit;height:20px;} /*Applys the seamless background*/
	#navig 	#navigation .start{background:url(/images/mapmenu/farleft.gif) left no-repeat;} /*Applys the far left corner*/
	#navig 	#navigation .end{background:url(/images/mapmenu/farright.gif) right no-repeat;padding-right:50px} /*Applys the far right corner*/

	#navig 	#navigation .start-active{background:url(/images/mapmenu/farlefthover.gif)}
	#navig 	#navigation .right-active{background:url(/images/mapmenu/lefthover.gif) right;padding-right:60px;margin-right:-30px;position:relative}
	#navig 	#navigation .center-active{background:url(/images/mapmenu/centerhover.gif);color:#ffffff;height:46px;padding:14px 0 13px 0;voice-family: "\"}\"";voice-family:inherit;height:20px;}

/*The following controls the hover states of the individual image slices. It's important to remember that IE6 will only recognise :hover when applied to a link element*/
	#navig 	#navigation a:hover{background:url(/images/mapmenu/right.gif)}
	#navig 	#navigation a.start:hover{background:url(/images/mapmenu/farlefthover.gif)}
	#navig 	#navigation a:hover .end{background:url(/images/mapmenu/farrighthover.gif) right;margin-right:-30px}
	#navig 	#navigation a:hover .center{background:url(/images/mapmenu/centerhover.gif);color:#ffffff;height:46px;padding:14px 0 13px 0;voice-family: "\"}\"";voice-family:inherit;height:20px;}
	#navig 	#navigation a:hover .right{background:url(/images/mapmenu/lefthover.gif) right;padding-right:60px;margin-right:-30px;position:relative}

#headline {
	width:400px;
	float:left;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif; color:#000000;

}	

#nav-icons {
	width:260px;
	float:left;
	text-align:right;
	margin: 15px 0px 0px 0px;
}	
	

#answer {
	padding: 0px 0px 0px 30px;
	font-size: 75%;
	line-height: 1.4em;
	width:680px;
	float:left;
	margin: 0px 10px 0px 0px;
	background-image: url(images/blue-bg.jpg);
	}

#answer h1{
	font-family: Arial, Helvetica, sans-serif; 
	letter-spacing: -.05em;	
	font-size: 24px;
	color: #000000;
	font-weight: lighter;
	padding: 30px 0px 0px 0px;
				
	}

.roundbox200
{
    margin: 10px 0px 0px 0px;
    border: 0px solid #ffffff;
    color: #000000;
		width: 200px;
    padding: 10px;
    text-align: center;
		float : left;
    background-color: #ffffff;
    border: 1px solid #BBBBBB;
}	

#bannerbox {
		width : 180px;
    text-align: center;
    margin: 15px 0px 15px 0px;
}

#textbox {
		width : 180px;
    text-align: left;
}


.roundbox400
{
    margin-top: 20px;
    border: 0px solid #ffffff;
    color: #ffffff;
		width: 400px;
		padding: 10px;
    text-align: left;
		float : left;
    background-color: #ffffff;
    border: 1px solid #BBBBBB;
    /*
    background-image: url(back_test2.jpg);
    background-repeat: no-repeat;
    */
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;

}	

.roundboxjurister
{
   	margin: 0px auto;
    color: #000;
    width: 376px;
    padding: 10px;
    text-align: left;
    background-color: #fff0f0;
    border: 2px solid #D5408C;
 
    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;

}	

#main1 {
	padding: 0px 0px 0px 30px;
	font-size: 75%;
	line-height: 1.4em;
	width:680px;
	float:left;
	margin: 0px 10px 0px 0px;
	background-image: url(/images/blue-bg.jpg);
	}



#main1-frontpage {
	padding: 0px 0px 0px 0px;
	font-size: 75%;
	line-height: 1.4em;
	width:710px;
	float:left;
	margin: 0px 10px 0px 0px;
	background-image: url(images/blue-bg.jpg);
	}






#main2 {
	padding: 0px 0px 0px 0px;
	width:200px;
	float:left;
	margin: 0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 12px;
}
	
#main2 a {
	font-size: 14px;
	text-decoration: underline;
}
	

	

#index-puff1 {	
	padding: 0px 0px 0px 15px;
	font-size: 20px;
	line-height:110%;
	font-family:Arial, Helvetica, sans-serif;	
	width:225px;
	float:left;
	margin: 46px 0px 35px 0px;
	text-align:center;}





#index-puff2 {	
	padding: 0px 0px 0px 0px;
	font-size: 20px;
	line-height:110%;
	font-family:Arial, Helvetica, sans-serif;	
	width:225px;
	float:left;
	margin: 46px 0px 35px 0px;
	border-left:#FFFFFF solid 1px;
	text-align:center;}

#index-puff3 {	
	padding: 0px 0px 0px 0px;
	font-size: 20px;
	line-height:110%;
	font-family:Arial, Helvetica, sans-serif;	
	width:225px;
	float:left;
	margin: 46px 0px 35px 0px;
	border-left:#FFFFFF solid 1px;
	text-align:center;}



	

#whitebox{	
margin: 0px;
background-color:#FFFFFF;
padding: 20px  20px  20px  20px ;
	}



#whitebox h1 {
	font-family: Arial, Helvetica, sans-serif; 
	letter-spacing: -.05em;	
	font-size: 24px;
	color: #D5408C;
	font-weight: lighter;
	padding: 0px 0px 0px 0px;
}

	

#whitebox1 {
margin: 0px 10px 0px 0px;
font-size: 90%;
line-height: 1.4em;
width: 650px;
float:left;
font-family: Arial, Helvetica, sans-serif; 

	}

		

#whitebox2 {
margin: 0px 0px 0px 0px;
font-size: 90%;
line-height: 1.4em;
width: 330px;
float:left;
font-family: Arial, Helvetica, sans-serif; 
	}

	

#boxcontainer {	
	  float:left;
		margin: 0px 0px 0px 0px;
		font-family: Arial, Helvetica, sans-serif; color:#000000;
		font-size:100%;}


#introbox {width: 500px;
		margin:0px 30px 0px 0px;
		float:left;
		padding:0px 25px 20px 0px;}


#leftbox {width: 165px;
		border-right: solid 1px #FFFFFF;
		margin:0px 30px 0px 0px;
		float:left;
		padding:0px 25px 0px 0px;}



#rightbox {width: 400px;
		margin: 0px 0px 0px 0px;
		float:left;
		padding:0px 10px 10px 10px;

}



#rightbox-white {width: 380px;
margin: 0px 0px 0px 0px;
float:left;
background-color:#FFFFFF;
		font-family: Arial, Helvetica, sans-serif; color:#000000;
		font-size:100%;
}

	

	.leftmenuitem { background-image:url(images/menuitem.gif);
	width:137px;
	height: 16px;
	color:#FFFFFF;
	padding: 2px 14px 3px 12px;
	font-family: Arial, Helvetica, sans-serif; color:#FFFFFF;
	font-size:10px;
	margin:0px 0px 5px 0px ;
	}

.leftmenuitem-sub { background-image:url(images/menuitem_small.gif);
	width:121px;
	height: 16px;
	color:#FFFFFF;
	padding: 2px 14px 3px 12px;
	font-family: Arial, Helvetica, sans-serif; color:#FFFFFF;
	font-size:10px;
	margin:0px 0px 5px 10px ;
	}

.leftmenuitem-sub-active { background-image:url(images/menuitem_small_pink.gif);
	width:121px;
	height: 16px;
	color:#FFFFFF;
	padding: 2px 14px 3px 12px;
	font-family: Arial, Helvetica, sans-serif; color:#FFFFFF;
	font-size:10px;
	margin:0px 0px 5px 10px ;
	}
	
	.leftmenuitem-active { background-image:url(images/menuitem_pink.gif);
	width:137px;
	height: 16px;
	color:#FFFFFF;
	padding: 2px 14px 3px 12px;
	font-family: Arial, Helvetica, sans-serif; color:#FFFFFF;
	font-size:10px;
	margin:0px 0px 5px 0px ;
	}

	

.leftmenuitem a{ color:#FFFFFF}
.leftmenuitem a:hover{ color:#D5408C}

.leftmenuitem-sub a{ color:#FFFFFF}
.leftmenuitem-sub a:hover{ color:#D5408C}
	
.leftmenuitem-active a{ color:#FFFFFF}
.leftmenuitem-active a:hover{ color:#D5408C}

	

	

#footer { width:690;
			margin: 50px 10px 10px 10px;
			text-align:left;
			font-family: Arial, Helvetica, sans-serif; color:#FFFFFF;

			}	
	

	.input-leftmenu {
	width : 160px;
	border:#BBBBBB solid 1px;
	background-color:#EEEEEE;
	font-size: 90%;
	margin:5px 0px 5px 0px;

}


	.partner-input {
	width : 200px;
	border:#BBBBBB solid 1px;
	background-color:#EEEEEE;
	font-size: 90%;
	margin:5px 0px 5px 0px;

}

	.partner-textarea {
	width : 200px;
	height : 160px;
	border:#BBBBBB solid 1px;
	background-color:#EEEEEE;
	font-size: 90%;
	margin:5px 0px 5px 0px;

}




.alphabet
{
	font-weight: bold;
	text-align:center;
	width : 270px;

}

.input-rightbox {
	width : 400px;
	border:#BBBBBB solid 1px;
	background-color:#EEEEEE;
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	margin:5px 0px 5px 0px;
  text-align:left;
}

.input-rightbox-small {
	width : 200px;
	border:#BBBBBB solid 1px;
	background-color:#EEEEEE;
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	margin:5px 0px 5px 0px;
  text-align:left;
}


.kontakt-form {
	width : 280px;
	border:#BBBBBB solid 1px;
	background-color:#EEEEEE;
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	margin:5px 0px 5px 0px;
  text-align:left;
}



.button {
	background-image:url(/images/button.gif);
	width:100px;
	height: 21px;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif; color:#FFFFFF;
	font-size:10px;
	margin: 6px 0px 6px 0px;
	border:0px;
	background-color: #9FDBF5;
}


#pagefooter {
	margin: 6px 0px 6px 0px;
	font-size: 75%;
	font-family: "Trebuchet MS", Verdana, geneva, sans-serif; 
	line-height: 1.4em;
	width:680px;
	float:left;
	text-align:center;
}








