/*<![CDATA[*/

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Stylesheet-Version:		Basic													   *
 * Version:					1.0													       *
 * Author:					re-lounge (http://www.re-lounge.com)					   *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 			*/

body {
	font-family: Tahoma, Arial, sans-serif; 
	width: 100%;
	margin: 0;
	padding: 0; 
	background: #ffffff url(images/bg.body.gif) repeat-x 0 25px;
	color: #464646;
	font-size: 0.7em;
	line-height: 1.2em;
}

/******************************************************************************
	Default definitions
******************************************************************************/

/* Paragraphs, Container */
div, p, form, fieldset, h1, h2, h3, h4, h5, h6, ul, ol, li, object {
	margin: 0;
	padding: 0;
}

/* Antifloat */
.antifloat {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
	visibility: hidden;	
}

/* only visible at disabled CSS */
.hidden {
	position: absolute;
	top: -2000px;
	left: -2000px;
}

.print {
	display: none;
}

.highlight {
	color: #e51690;
}

.normal {
	font-weight: normal;
}

/* Hyperlinks */
a {
	color: #4079e5;
	text-decoration: none;
	border: 0;
}

a:hover,
a:focus {
	text-decoration: none;
	border-bottom: 1px solid #4079e5;
}

a img {
	border: 0;
}

a:hover,
a:focus img {
	border: 0;
}


/******************************************************************************
	Layout definitions
******************************************************************************/
#headerbar {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 24px; 
	z-index: 1; 
	background: #e51690;
	border-bottom: 1px solid #fad2e7;
}

#header {
	position: absolute; 
	top: 0; 
	left: 50%;
	width: 711px; 
	height: 24px; 
	z-index: 3; 
	background: transparent;
	margin-left: -355px;
}

#emotionimage,
#emotionimagehome {
	position: absolute;
	top: 0;
	left: 50%;
	width: 765px;
	z-index: 2;
	margin-left: -374px;
}

#contentContainer {
	position: absolute;
	top: 192px;
	left: 50%;
	width: 711px;
	z-index: 4; 
	background: transparent;
	margin-left: -355px;
}

#contentContainer .left { /* home */
	float: left;
	width: 345px;
}

#contentContainer .right { /* home */
	float: right;
	width: 345px;
}

#contentContainer .mainnav { /* content */
	float: left;
	width: 200px;
}

#contentContainer .main { /* content */
	float: right;
	width: 490px;
}

#footer {
	background: transparent url(images/bg.footer.gif) no-repeat top center;
	text-align: center;
	color: #acacac;
	padding-top: 17px;
	padding-bottom: 30px;
	clear: both;
}

/******************************************************************************
	Emotion Image
******************************************************************************/
#emotionimage a:hover,
#emotionimage a:focus {
	border-bottom: 0;
}

/******************************************************************************
	Metanavigation, Footernavigation
******************************************************************************/
#header img {
	float: left;
}

#metanav,
#footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
}

#metanav li,
#footer ul li {
	margin: 0;
	padding: 0.4em 0 0 0;
	float: left;
}

#metanav li a,
#metanav li span,
#footer ul li a,
#footer ul li span {
	color: #fae0ed;
	padding: 0 8px 0 0;
	margin: 0 8px 0 0;
	border-right: 1px solid #fae0ed;
}

#metanav li span,
#footer ul li span {
	font-weight: bold;
}

#metanav li.last a,
#footer ul li.last a {
	border: 0;
	padding: 0;
	margin: 0;
}

#footer ul li.first span {
	font-weight: normal;
}

#metanav a:hover,
#footer a:hover,
#metanav a:focus,
#footer a:focus {
	text-decoration: none;
	border-bottom: 0;
}

/******************************************************************************
	Mainnavigation
******************************************************************************/
ul.mainnav {
	line-height: 1.25em;
}

/* Level 1*/
ul.mainnav li {
	list-style: none;
	font-weight: bold;
	background: #c2e1fd url(images/bg.mainnav.head.blue.jpg) no-repeat top left;
}

ul.mainnav li.yellow {
	background: #fbe6b2 url(images/bg.mainnav.head.yellow.gif) no-repeat top left;
}

ul.mainnav li span {
	display: block;
	padding: 0.9em 20px 0.8em 60px;
}

ul.mainnav li.yellow span {
	display: block;
	padding: 0.9em 20px 0.8em 20px;
}

/* Level 2*/
ul.mainnav li ul {
	padding-bottom: 26px;
	background: #ffffff url(images/bg.mainnav.footer.blue.gif) repeat-x bottom left;
}

ul.mainnav li.yellow ul {
	padding-bottom: 53px;
	background: #ffffff url(images/bg.mainnav.footer.yellow.gif) repeat-x bottom left;
}

ul.mainnav li ul li {
	font-weight: normal;
	border-top: 1px solid #cee6fa;
}

ul.mainnav li.yellow ul li {
	border-top: 1px solid #f7d581;
}

ul.mainnav li ul li span {
	padding: 0.3em 25px 0.4em 20px;
	border-top: 1px solid #ffffff;
	color: #306ee3;
	font-weight: bold;
	background: #e9f4fc url(images/bg.mainnav.content.blue.gif) repeat-x top left;
	width: 155px;
	display: block;
}

ul.mainnav li.yellow ul li span {
	color: #e51690;
	padding: 0.3em 25px 0.4em 20px;
	background: #fdf5e8 url(images/bg.mainnav.content.yellow.gif) repeat-x top left;
	width: 155px;
	display: block;
}

ul.mainnav li ul li a {
	color: #464646;
	padding: 0.3em 25px 0.4em 20px;
	border-top: 1px solid #ffffff;
	display: block;
	width: 155px;
	background: #e9f4fc url(images/bg.mainnav.content.blue.gif) repeat-x top left;
}

ul.mainnav li.yellow ul li a {
	background: #fdf5e8 url(images/bg.mainnav.content.yellow.gif) repeat-x top left;
}

ul.mainnav li a:hover,
ul.mainnav li a:focus {
	color: #306ee3;
	border-bottom: 0;
}

ul.mainnav li.yellow a:hover,
ul.mainnav li.yellow a:focus {
	color: #e51690;
}

/* Level 3*/
ul.mainnav li ul li ul {
	background: #e9f4fc;
	padding-bottom: 0;
} 

ul.mainnav li ul li ul li {
	background: #e9f4fc;
	border: 0;
} 

ul.mainnav li ul li ul li a.last,
ul.mainnav li ul li ul li span.last {
	padding-bottom: 0.5em;
}

ul.mainnav li ul li ul li span {
	font-weight: normal;
	background: #e9f4fc;
	border: 0;
	padding: 0.1em 25px 0.1em 20px;
} 

ul.mainnav li ul li ul li a {
	background: #e9f4fc;
	border: 0;
	padding: 0.1em 25px 0.1em 20px;
} 

ul.mainnav li ul li ul li a:hover,
ul.mainnav li ul li ul li a:focus {
	font-weight: normal;
}

/******************************************************************************
	Footer
******************************************************************************/

#footer ul {
	margin: 1.6em auto 0 auto;
	width: 72%;
	float: none;
}

#footer ul li {
	padding: 0;
}

#footer ul li span {
	border-right: 1px solid #acacac;
	padding: 0 8px 0 0;
	margin: 0 8px 0 0;
}

#footer ul li a,
#footer ul li span {
	color: #acacac;
	border-color: #acacac;
}

/******************************************************************************
	Boxes
******************************************************************************/
.box { /* home */
	border-bottom: 1px solid #ffffff;
	background: #edf6fc url(images/bg.box.blue.gif) no-repeat top left;
}

.main .box { /* content */
	background: #edf6fc url(images/bg.box.blue.main.gif) no-repeat top left;
	padding-bottom: 20px;
}

.yellow .box { /* content, yellow */
	background: #fbf3e2 url(images/bg.box.yellow.main.gif) no-repeat top left;
}

.boxheader { /* home: box blue left */
	height: 17px;
	background: transparent url(images/bg.boxheader.blue.left.gif) no-repeat top right;
}

.boxheaderright { /*home: box blue right */
	height: 17px;
	background: transparent url(images/bg.boxheader.blue.right.gif) no-repeat top right;
}

.main .boxheader {  /* content blue right */
	height: 45px;
	background: transparent url(images/bg.boxheader.blue.main.jpg) no-repeat top left;
}

.yellow .boxheader {  /* content yellow right */
	background: transparent url(images/bg.boxheader.yellow.main.jpg) no-repeat top left;
}

.boxheaderGuta {
	height: 45px;
	background: transparent url(images/bg.boxheader.guta.jpg) no-repeat top left;
}

.boxcontent {
	padding: 0 20px 10px 20px;
}

.boxspacer {
	background: #ffffff;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	margin-bottom: 13px;
}

.boxfooter { /* home, content */
	border-top: 1px solid #ffffff;
	height: 50px;
	background: #ffffff url(images/bg.boxfooter.blue.gif) repeat-x top left;
}

.yellow .boxfooter { /* content, yellow */
	background: #ffffff url(images/bg.boxfooter.yellow.gif) repeat-x top left;
}

/******************************************************************************
	Content Elements
******************************************************************************/
/* * * * * * * * Headlines, Paragraphs, Images * * * * * * * */
#contentContainer p {
	margin-bottom: 0.6em;
}

#contentContainer p.righttext {
	text-align: right;
}

#contentContainer h1 {
	color: #e51690;
	font-size: 1.8em;
	font-weight: normal;
	line-height: 1.30em;
	padding-bottom: 0.8em;
}

#contentContainer .main h1{
	padding-bottom: 0.5em;
}

#contentContainer h2,
#contentContainer h3 {
	color: #2278eb;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.3em;
	padding-bottom: 0.6em;
}

#contentContainer .main h2 {
	color: #464646;
	padding-top: 0.6em; 
}

#contentContainer .main h2.blue {
	color: #2278eb;
}

#contentContainer .box img {
	border: 1px solid #2278eb;
}

#contentContainer .box img.noborder {
	border: 0;
}

#contentContainer .box img.leftimage {
	float: left;
	margin-right: 20px;
	margin-top: 0.4em;
}	

img.linkicon {
	border: 0 !important;
	padding-right: 3px;
}

/* * * * * * * * Table * * * * * * * */
table {
	width: 100%;
	border: 0;
	padding: 0;
	margin-bottom: 1em;
	border-collapse: collapse;
}

tr {
	background: #f5fafe;
}

tr.odd {
	background: #eaf4fc;
}

td {
	border-bottom:  1px solid #eaf4fc;
	border-left: 1px solid #c2e2fe;
	border-right: 1px solid #c2e2fe;
	padding: 8px 5px 8px 10px;
}

td.first {
	border-left: 1px solid #f5fafe;
}

td.last {
	border-right: 1px solid #f5fafe;
}

tr.odd td {
	border-bottom:  1px solid #f5fafe;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

tr.odd td.first {
	border-left: 1px solid #eaf4fc;
}

tr.odd td.last {
	border-right: 1px solid #eaf4fc;
}

th {
	border-top: 1px solid #cce7fd;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	background: #cce7fd;
	text-align: left;
	padding: 8px 5px 8px 10px;	
}

th.first {
	border-left: 1px solid #cce7fd;
	border-bottom: 1px solid #cce7fd;
}

th.last {
	border-right: 1px solid #cce7fd;
}

tr.subhead th.first {

}

tr.subhead th.first {
	border-bottom: 1px solid #ffffff;
}


/* * * * * * * * Image with text * * * * * * * */
.imagewithtext {
	margin: 0 0 2em 0;
}

.imagewithtext .img {
	float: left;
	width: 80px;
	margin-top: 0.4em;
}

.imagewithtext .txt {
	float: right;
	width: 350px;
}

.imagewithtext .txt h2 {
	padding-top: 0 !important;
}

/* * * * * * * * Contact, Ordering * * * * * * * */
.rightimage {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

fieldset {
	border: 0;
}

fieldset.inquiry {
	margin-top: 15px;
}

label {
	float: left;
	width: 115px;
	padding: 0.3em 0 0.3em 0;
}

label.radio {
	width: auto;
	float: none;
	padding: 0;
}

label.checkbox {
	float: left;
	width: 145px;
	margin: 5px 0 5px 0;
	padding: 0px;
}

input,
div.radioGroup,
div.radioGroupLong {
	float: left;
	width: 155px;
	margin-bottom: 5px;
	font-family: Tahoma, Arial, sans-serif; 
	font-size: 1em;
	color: #464646;
	padding: 2px;
}

div.radioGroupLong {
	width: auto;
}

input.radio {
	width: auto;
	float: none;
	padding: 0;
	margin: 0;
}

input.checkbox {
	width: auto;
	float: left;
	padding: 0;
	margin: 5px 4px 0 0;
}

input.submit {
	width: auto;
	text-align: center;
	margin: 15px 0 0 0;
	padding: 0.2em 5px 0.2em 5px;
	overflow: visible; /* for ie */
}

textarea {
	float: left;
	width: 300px;
	height: 125px;
	font-family: Tahoma, Arial, sans-serif; 
	font-size: 1em;
	color: #464646;
	padding: 2px;
}

fieldset br {
	clear: left;
}

.success {
	color: green;
	border-left: 10px solid green;
	padding: 0.3em 0 0.3em 20px;
	margin: 10px 0 10px 0;
}

#contentContainer .main .success h3 {
	color: green;
}

.error {
	color: red;
	border-left: 10px solid red;
	padding: 0.3em 0 0.3em 20px;
	margin: 10px 0 10px 0;	
}

#contentContainer .main .error h3 {
	color: red;
}

/* * * * * * * * Shop, Ordering * * * * * * * */
.productleft,
.productright {
	float: left;
	width: 215px;
	margin-bottom: 20px;
}

.productright {
	float: right;
}

input.product {
	width: 15px;
	text-align: center;
	margin-right: 5px;
}

label.bold {
	font-weight: bold;
	color: #4a80e6;
}


/*]]*/