/*basic style definitions*/
a, address, blockquote ,caption, cite, dfn, dl, dt, fieldset, h1, h2, h3, h4, img, input, label, legend, li, ol, option, p, q, select, textarea, td, th, ul,div { font-family: Helvetica, Arial, Verdana, sans-serif}
body, ul, li, td, form, input, submit, textarea, select, option {font-size:	11px; }
body 			{ color: #007DC3; background-color: #ffffff; text-align: left; margin: 0; padding: 0;  line-height: 115%; }
p,ul 			{ margin-top: 0; margin-bottom: 0; line-height: 115%;}
img				{ border: 0}
strong 		{ background: transparent;}
table 		{ border:	0}	
p 				{ font-weight:	normal; line-height: 115%;}

/*basic link definitions*/
a:link  				{ color: #d8305a; text-decaration: none  }
a:visited 			{	color :	#d8305a; text-decaration: none}
a:HOVER					{ color : #d8305a; text-decaration	: none }
a:active 				{ color : #d8305a; text-decaration	: none }	
a:link:hover 		{ color : #d8305a; text-decaration	: none }
a:visited:hover { color : #d8305a; text-decaration	: none }
a:hover:active 	{ color : #d8305a; text-decaration : none }
a:hover 				{ text-decoration: none }
a:link, a:visited, a:active, a:hover { color:#d8305a; text-decoration: none; font-weight:normal; font-size: 11px; }

/* navigation link definitions*/
a.navtopleft, a.navtopleft:link, a.navtopleft:visited, a.navtopleft:hover, a.navtopleft:active   { color: #228ecb; font-size: 10px; margin: 0 20px 0 0; padding: 0; text-decaration: none; letter-spacing: -0.1em }
a.navtopleft:hover   { color: #CB2226; font-size: 10px; margin: 0 20px 0 0; padding: 0; text-decaration: none; letter-spacing: -0.1em }
a.navtopleftActive, a.navtopleftActive:link, a.navtopleftActive:visited, a.navtopleftActive:hover, a.navtopleftActive:active   { color: #CB2226; font-size: 10px; font-weight:normal; margin: 0 20px 0 0; padding: 0; text-decaration: none; letter-spacing: -0.1em;}

a.navtopright, a.navtopright:link, a.navtopright:visited, a.navtopright:hover, a.navtopright:active { color: #228ecb; font-size:	10px; font-weight:	normal; text-decaration : none; letter-spacing: -0.1em }

a.navtoprightActive, a.navtoprightActive:link, a.navtoprightActive:visited, a.navtoprightActive:hover, a.navtoprightActive:active { color: #CB2226; font-size:	10px; font-weight:	normal; text-decaration : none; letter-spacing: -0.1em }

a.navbotleft, anavbotleft:link, a.navbotleft:visited, a.navbotleft:hover, a.navbotleft:active  { color: #228ecb; font-size: 10px; font-weight: normal; margin: 0 20px 0 0; padding: 0; text-decaration: none; letter-spacing: -0.1em  }

a.navbotleftActive, anavbotleft:linkActive, a.navbotleftActive:visited, a.navbotleftActive:hover, a.navbotleftActive:active  { color: #CB2226; font-size: 10px; font-weight: normal; margin: 0 20px 0 0; padding: 0; text-decaration: none; letter-spacing: -0.1em  }

a.navbotright, a.navbotright:link, a.navbotright:visited, a.navbotright:hover, a.navbotright:active  { color: #228ecb; font-size: 10px; font-weight: normal; margin: 0 0 0 15px; padding: 0; text-decaration: none; letter-spacing: -0.1em  }

a.navbotrightActive, a.navbotrightActive:link, a.navbotrightActive:visited, a.navbotrightActive:hover, a.navbotrightActive:active  { color: #228ecb; font-size: 10px; font-weight: normal; margin: 0 0 0 15px; padding: 0; text-decaration: none; letter-spacing: -0.1em  }





/* z-index 0 */
/* div encapsulate the whole site, 100% width*/
#100percent  	{ text-align: center; z-index: 0; width: 100% }

/* z-index 1 */
/*#sitecontainer   { text-align: left; margin: auto; position: relative; z-index: 1; top: 70px; width: 770px; height: 560px; border-style: solid; border-width: 1px; border-color: #878787 #d2d2d2 #f0f0f0 #878787 }*/
#sitecontainer   { text-align: justify; margin: auto; position: relative; z-index: 1; top: 50px; width: 770px; height: 560px;}

/* z-index 2 */
#internal_border { z-index: 2; position: absolute; text-align: left; margin: auto; padding: 0; top: 30px; left: 45px; width: 677px; height: 492px; border-style: solid; border-width: 2px; border-color: #E0E8F2 }
#gradient_top { z-index: 2; position: absolute; margin: 0; padding: 0; top: 0px; left: 0px; width: 677px; height: 20px }
#gradient_bot { z-index: 2; position: absolute; margin: 0; padding: 0; top: 402px; left: 0px; width: 677px; height: 20px }
#copyright { color: #dddddd; position: absolute; text-align: left; top: -40px; left: 45px; width: 200px; height: 20px }
#resolution { color: #dddddd; position: absolute; text-align: right; top: -40px; left: 525px; width: 200px; height: 20px }
/* z-index 3 */
#navigation_topleft { z-index: 3; position: absolute; text-align: left; top: 8px; left: 50px; width: 515px; height: 20px }
#navigation_topright { z-index: 3; position: absolute; text-align: right; top: 8px; left: 580px; width: 155px; height: 20px }
#navigation_botleft { z-index: 3; position: absolute; text-align: left; top: 537px; left: 50px; width: 300px; height: 20px }
#navigation_botright { z-index: 3; position: absolute; text-align: right; top: 537px; left: 374px; width: 335px; height: 20px ;white-space:nowrap;}
#drliebe_logo { z-index: 3; position: absolute; top: 529px; left: 695px; width: 29px; height: 20px }
#perls_n_dents_logo  { position: absolute; z-index: 3; top: 45px; left: 45px; width: 325px; height: 48px }
#bottom_declaration { z-index: 3; position: absolute; top: 475px; left: 85px; width: auto; height: 19px }
/* z-index 4*/
/* templatecontent goes here: */
/* 30% 30% 30% */
#tmp30_left { z-index: 4; position: absolute; text-align: justify; top: 100px; left: 80px; width: 190px; height: 310px; line-height: 100%;}
#tmp30_mid { z-index: 4; position: absolute; text-align: justify; top: 100px; left: 292px; width: 190px; height: 310px; line-height: 100%; }
#tmp30_right { z-index: 4; position: absolute; text-align: justify; top: 110px; left: 502px; width: 190px; height: 310px; line-height: 100%; }
#tmp30_headline {z-index: 4; position: absolute; top: 55px; left: 420px; width: 286px; height: 67px }
#tmp30_bubbleright {z-index: 4; position: absolute; top: 420px; left: 700px; width: 16px; height: 16px }

/* 50% 50% */
#tmp50_left  { text-align: justify; margin: 15px 0 0; padding: 0; position: absolute; z-index: 4; top: 100px; left: 80px; width: 290px; height: 310px }
#tmp50_right { text-align: justify; position: absolute; z-index: 4; top: 110px; left: 405px; width: 260px; height: 310px }
#tmp50_bubble1  { position: absolute; z-index: 4; top: 230px; left: 680px; width: 16px; height: 16px }
#tmp50_bubble2  { position: absolute; z-index: 5; top: 395px; left: 400px; width: 23px; height: 23px }
#tmp50_bubble3  { position: absolute; z-index: 4; top: 130px; left: 380px; width: 12px; height: 12px }
#tmp50_bubble4  { position: absolute; z-index: 4; top: 70px; left: 590px; width: 20px; height: 20px }

/* 40% 60% */
#tmp40_left { text-align: justify; margin: 15px 0 0; padding: 0; position: absolute; z-index: 4; top: 100px; left: 80px; width: 235px; height: 310px }
#tmp40_right { text-align: left; position: absolute; z-index: 4; top: 100px; left: 340px; width: 360px; height: 310px }
#tmp40_rightbluebox { background-color: #e4eaf7; text-align: left; z-index: 4; top: 128px; left: 340px; width: 363px; height: 310px; border: solid 1px #abcfea }
#tmp40_leftbluebox { background-color: #e4eaf7; text-align: left; z-index: 4; top: 128px; left: 340px; width: 238px; height: 200px; border: solid 1px #abcfea }

.formTextField{
	width:65px;
	text-align:right;
	vertical-align:top;
	padding-bottom:6px;
	font-size:12px;
}
.formSpacer{width:14px;}
.formInput{width:157px;}
.formSend{width:157px;text-align:right;}

.formTable input, .formInputField{width:145px;background-color:white;}
.formTable textarea, .formTextareaField{width:145px;height:113px;}
.formTable td{vertical-align:middle;padding-bottom:3px;font-size:11px;padding-top:0px;}
.formTable {background-color:#E4EAF7;border:1px solid #ABCFEA}

.formTable td a:link  { color: #228ecb; text-decaration: none ; font-size: 12px;   }
.formTable td a:visited {	color :	#228ecb; text-decaration: none; font-size: 12px; }
.formTable td a:HOVER	{ color : #228ecb; text-decaration	: none; font-size: 12px;  }
.formTable td a:active { color : #228ecb; text-decaration	: none; font-size: 12px;  }	
.formTable td a:link:hover { color : #228ecb; text-decaration	: none; font-size: 12px;  }
.formTable td a:visited:hover { color : #228ecb; text-decaration	: none; font-size: 12px;  }
.formTable td a:hover:active { color : #228ecb; text-decaration : none; font-size: 12px;  }
.formTable td a:link, .formTable td a:visited, .formTable td a:active, .formTable td a:hover { color:#228ecb; text-decoration: none; font-weight:normal; font-size: 12px; font-size: 12px;  }
.formTable td a:hover { text-decoration: none; font-size: 12px;  }

.formContactTable .formInput{width:187px;}
.formContactTable .formSend{width:187px;text-align:right;}

.formContactTable input, .formInputField{width:175px;background-color:white;}
.formContactTable textarea, .formTextareaField{width:175px;height:113px;}
.formContactTable td{vertical-align:middle;padding-bottom:3px;font-size:11px;padding-top:0px;}
.formContactTable {background-color:#E4EAF7;border:1px solid #ABCFEA}

.formContactTable td a:link  { color: #228ecb; text-decaration: none ; font-size: 12px;   }
.formContactTable td a:visited {	color :	#228ecb; text-decaration: none; font-size: 12px; }
.formContactTable td a:HOVER	{ color : #228ecb; text-decaration	: none; font-size: 12px;  }
.formContactTable td a:active { color : #228ecb; text-decaration	: none; font-size: 12px;  }	
.formContactTable td a:link:hover { color : #228ecb; text-decaration	: none; font-size: 12px;  }
.formContactTable td a:visited:hover { color : #228ecb; text-decaration	: none; font-size: 12px;  }
.formContactTable td a:hover:active { color : #228ecb; text-decaration : none; font-size: 12px;  }
.formContactTable td a:link, .formTable td a:visited, .formTable td a:active, .formTable td a:hover { color:#228ecb; text-decoration: none; font-weight:normal; font-size: 12px; font-size: 12px;  }
.formTable td a:hover { text-decoration: none; font-size: 12px;  }

#tmpGuest_right { text-align: left; position: absolute; z-index: 4; top: 130px; left: 340px; width: 365px; height: 310px; overflow:auto}