@charset "utf-8";
/* äöüß
 * ----------------------------------------------------------------------
 * Author:	Michael Diekmann
 * Version:	1.0
 * Date:	2012-07-24
 * Copyright:	2010 - 2012 by www.aikon-media.de
 * ----------------------------------------------------------------------
 */


/*
#///////////////////////////////////////////////////////////////////////#
# BEGIN: Defaults							#
#///////////////////////////////////////////////////////////////////////#
*/

@media print {
	@page {
		size:		landscape;
		width:		29.7cm;
		height:		auto;
		margin:		0.0cm 0.0cm 0.0cm 0.0cm;
		padding:	0.0cm 0.0cm 0.0cm 0.0cm;
	}
}

* {
	margin:			0px;
	padding:		0px;
}

body {
	margin:			0px;
	padding:		0px;
	font-family:		"Arial","Frutiger 45","Sans";
	font-size:		9pt;
	color:			#542400;
	background-color:	#EAEAEA;
	background-image:	url('../.images/bg-site.jpg');
	background-repeat:	repeat-x;
}

table {
	border-spacing:		0px;
	border-collapse:	collapse;
	empty-cells:		show;
}

th, td {
	margin:			0px;
	padding:		0px;
	vertical-align:		top;
}

h1 {
	font-size:		14pt;
	margin-bottom:		10px;
}
h2 {
	font-size:		11pt;
	margin-bottom:		10px;
}
h3 {
	font-size:		9pt;
	margin-bottom:		10px;
}
h4 {
	font-size:		8pt;
	margin-bottom:		10px;
}

hr {
	width:			100%;
	border:			none;
	background-color:	transparent;
	height:			1px;
	border-top:		1px dotted #A8A085;
	margin:			20px 0px 20px 0px;
	clear:			both;
}

iframe {
	margin-bottom:		50px;
}

img {
	border:			none;
}

p, ul {
	margin-bottom:		15px;
}

li {
	margin-left:		30px;
	margin-bottom:		5px;
	list-style-image:	url('../.images/misc/list-bullet.png');
}

a {
	color:			#084694;
	text-decoration:	none;
	font-style:		italic;
}
a:hover {
	color:			#4075B7;
	text-decoration:	underline;
}

a[href^='http:'] {
	background:		transparent url('../.images/misc/offpage-link.png') 100% 50% no-repeat;
	padding-right:		13px;
	color:			#084694;
	text-decoration:	none;
	font-style:		italic;
}
a[href^='http:']:hover {
	background:		transparent url('/.images/misc/offpage-link.png') 100% 50% no-repeat;
	padding-right:		13px;
	color:			#4075B7;
	text-decoration:	underline;
}

a.none,
a.none:hover {
	background:		transparent;
	padding-right:		0px;
}

blockquote {
	margin-left:		15px;
	margin-bottom:		20px;
}







/*
#///////////////////////////////////////////////////////////////////////#
# BEGIN: Boxes								#
#///////////////////////////////////////////////////////////////////////#
*/

#boxPage {
	position:		relative;
	width:			1000px;
	height:			auto;
	margin:			0 auto;					/* halte Abstand von oben und unten von 0 Pixel und Abstand von rechts und links automatisch, wie viel Platz da ist */
	text-align:		left;					/* nicht mittig, sondern links ausrichten */
	z-index:		0;
}

#boxPage .brite-smile-logo {
	position:		absolute;
	top:			180px;
	left:			90px;
	width:			324px;
	height:			60px;
	background-image:	url('../.images/logo-brite-smile.png');
	background-repeat;	no-repeat;
	z-index:		2;
}

/*
#boxPage .smiling-woman {
	position:		absolute;
	top:			54px;
	right:			-60px;
	width:			826px;
	height:			542px;
	background-image:	url('/.images/smiling-woman.jpg');
	background-repeat;	no-repeat;
	z-index:		1;
}
*/

#boxPage .brite-smile-products {
	position:		absolute;
	top:			60px;
	left:			460px;
	width:			469px;
	height:			285px;
	background-image:	url('../.images/brite-smile-products.jpg');
	background-repeat;	no-repeat;
	z-index:		3;
}

#boxNavigation {
	position:		relative;
	width:			1000px;
	height:			48px;
	text-align:		center;
	color:			#FFFFFF;
	z-index:		2;
}

#boxNavigation ul#userMenu {
	position:		absolute;
	top:			0px;
	left:			100px;
	width:			800px;
	height:			48px;
}

#boxNavigation #userMenu a {
	color:			#FFFFFF;
	text-decoration:	none;
	font-size:		11pt;
	font-weight:		normal;
	font-style:		normal;
	width:			auto;
	height:			32px;				/* orig 24px */
	border-right:		1px solid #FFFFFF;
	margin-top:		12px;
	padding:		4px 10px 0px 10px;
	display:		block;
	z-index:		20;
}

#boxNavigation #userMenu a:hover {
	color:			#DED7C0;
}

#boxNavigation #userMenu a.current {
	color:			#DED7C0;
	background-image:	url('../.images/navigation-marker.png');
	background-position:	bottom center;
	background-repeat:	no-repeat;
}

#boxNavigation #userMenu li {
	position:		relative;
	float:			left;
	cursor:			pointer;
	list-style:		none;
	margin:			0px;
}

#boxContent {
	position:		relative;
	width:			1000px;
	height:			auto;
	min-height:		300px;
	border-bottom:		7px solid #FFFFFF;
	padding:		0px 0px 30px 0px;
	z-index:		2;
	margin:			310px 0px 0px 0px;
}

#boxContent table.boxing {
	width:			970px;			/* orig 1000px */
	margin:			0px 0px 0px 37px;
	padding:		0px 0px 30px 0px;
}

#boxContent .content {
	background-image:	url('../.images/bg-content.png');
	background-repeat:	repeat;
	min-height:		320px;
}

#boxContent div.left {
	width:			524px;			/* orig 590px */
	height:			auto;
	padding:		25px 33px 25px 33px;
}

#boxContent div.right {
	width:			234px;			/* orig 300px */
	height:			auto;
	padding:		25px 33px 25px 33px;
}

#boxContent h1 {
	font-weight:		normal;
	font-size:		18pt;
	color:			#928765;
}

#boxContent h1 > span {
	color:			#542400;
}

#boxContent .floating-image {
	float:			right;
	margin:			0px 0px 30px 35px;
}

#boxContent .linkbox {
	background-color:	#E5E3DC;
	margin:			35px -15px -15px -15px;
	padding:		15px;
}

#boxContent .small,
#boxContent .light {
	font-size:		8pt;
	color:			#928765;
}

#boxContent #MapArea {
	width:			524px;			/* orig 590px */
	height:			550px;
	padding:		25px 33px 25px 33px;
	opacity:		0.9;
}

#boxFooter {
	position:		relative;
	height:			50px;
	background-color:	#928765;
	z-index:		2;
}

#boxFooter a {
	color:			#FFFFFF;
	font-style:		normal;
}

#boxFooter a:hover {
	color:			#E5E3DC;
	text-decoration:	none;
	font-style:		normal;
}

#boxFooter .inlay {
	position:		relative;
	width:			960px;					/* orig 1000px */
	height:			34px;					/* orig 50px */
	margin:			0 auto;					/* halte Abstand von oben und unten von 0 Pixel und Abstand von rechts und links automatisch, wie viel Platz da ist */
	text-align:		right;
	color:			#FFFFFF;
	padding:		16px 40px 0px 0px;
}




/*
#///////////////////////////////////////////////////////////////////////#
# BEGIN: Formular							#
#///////////////////////////////////////////////////////////////////////#
*/

#SFMailTo,
#SFRecipient,
#SFBlindCarbonCopyTo,
#mailto_address {
	display:		none;
}

.sendform-attention {
	position:		relative;
	width:			92%;
	max-width:		92%;
	color:			#410303;
	padding:		20px;
	margin-bottom:		20px;
	border:			2px dotted #FF0000;
	background-color:	#FFF0F0;
}

.ContactFormLabel {
	padding-right:		10px;
	padding-top:		9px;
	vertical-align:		top;
	text-align:		right;
	font-size:		9pt;
	color:			#646464;
}

td.ContactForm {
	font-size:		9pt;
	color:			#646464;
}

optgroup {
	margin-bottom:		20px;
	font-weight:		bold;
	font-size:		10pt;
	font-style:		normal;
	background-color:	#DDDDDD;
	color:			#000000;
}

option {
	font-size:		9pt;
	background-color:	#DDDDDD;
	font-style:		normal;
	color:			#000000;
}

form {
	margin:			0px;
	padding:		0px;
}

fieldset {
	position:		relative;
	width:			92%;
	max-width:		92%;
	border:			1px solid #A8A8A8;
	background-color:	#F9FAFB;
	color:			#646464;
	padding:		20px;
	padding-bottom:		20px;
	margin-top:		15px;
	margin-bottom:		20px;
}

legend {
	width:			auto;
	max-width:		85%;
	white-space:		normal;
	padding:		6px;
	padding-left:		15px;
	padding-right:		15px;
	font-size:		10pt;
	font-weight:		bold;
	background-color:	#EDEDED;
	color:			#646464;
	box-shadow:		0px 0px 7px #555555;
	border-radius:		5px;
}
label {
	color:			#646464;
	font-size:		9pt;
	cursor:			pointer;
}

.checkbox {
	width:			13px;
	height:			13px;
	border:			none;
	background-color:	#DDDDDD;
}
.checkbox:hover {
	border:			none;
	background-color:	#EEEEEE;
}

.radio {
	border:			none;
	background-color:	transparent;
}
.radio:hover {
	border:			none;
	background-color:	transparent;
}

input.submit-buttons {
	font-size:		9pt;
	color:			#000000;
	width:			120px;
	height:			21px;
	background-color:	#EFEFEF;
	border-width:		2px;
	border-style:		solid;
	border-top-color:	#CCCCCC;
	border-left-color:	#CCCCCC;
	border-bottom-color:	#000000;
	border-right-color:	#000000;
}
input.submit-buttons:hover {
	color:			#000000;
	width:			120px;
	background-color:	#EDEDED;
	border-width:		2px;
	border-style:		solid;
}
input.submit-buttons:active {
	color:			#000000;
	width:			120px;
	background-color:	#D0D0D0;
	border-width:		2px;
	border-style:		groove;
}

input {
	font-size:		9pt;
	letter-spacing:		0.02em;
	background-color:	#DDDDDD;
	height:			15px;
	margin-top:		0.4em;
	border-width:		1px;
	border-style:		solid;
	border-top-color:	#000000;
	border-left-color:	#000000;
	border-right-color:	#CCCCCC;
	border-bottom-color:	#CCCCCC;
}
input:hover {
	background-color:	#EEEEEE;
}
input:focus {
	background-color:	#FFFDDA;
}

select {
	font-size:		9pt;
	height:			18px;
	letter-spacing:		0.02em;
	background-color:	#DDDDDD;
	border-width:		1px;
	border-style:		solid;
	border-top-color:	#000000;
	border-left-color:	#000000;
	border-right-color:	#CCCCCC;
	border-bottom-color:	#CCCCCC;
}

select:hover {
	background-color:	#EEEEEE;
}
select:focus {
	background-color:	#FFFDDA;
}

textarea {
	font-size:		9pt;
	letter-spacing:		0.02em;
	background-color:	#DDDDDD;
	height:			21px;
	border-width:		1px;
	border-style:		solid;
	border-top-color:	#000000;
	border-left-color:	#000000;
	border-right-color:	#CCCCCC;
	border-bottom-color:	#CCCCCC;
}

textarea:hover {
	background-color:	#EEEEEE;
}
textarea:focus {
	background-color:	#FFFDDA;
}