/* ====================================================================
   WDS New Media GmbH
   Projekt: Tuning effect-Website
   Dokument: basic.css
   Autor: Gordon P. Ries
   erstellt: 2008-02-19
   geaendert: 
===================================================================== */


/* Globales Reset
===================================================================== */
img {border:0; display:block;}

* {
	margin: 0;
	padding: 0;
}
/* ==================================================================== */


	
/* GRUNDAUFBAU
===================================================================== */

html {
	height:100%;
	margin:0;
	padding:0;
}
	
body {
	height:100%;
	margin:0;
	padding:0;
	height: 100%; 
	background-image:url(/fileadmin/effect/layout-2008/images/bg_site.jpg);
	background-repeat:repeat-x;
	color:#000000;
}




#page[id] {
    height:auto;
    min-height:100%;
}
	
#page {
	height: 100%;
	width: 828px;
	margin: 0 auto;
	min-height:100%;
	position: relative;
	background-image: url(/fileadmin/effect/layout-2008/images/bg_content.png);
	background-repeat: repeat-y;
}

#content {
	width:750px;
	position: relative;
	background-color:#ffffff;
	margin: 0 auto;
}

#header{
	width:750px;	
	height:299px;
	text-align:center;
	position: relative;
	margin: 0 auto;
}

#TopNavigation {
	margin: 0px auto;
	width: 750px;
	height: 42px;
	position:relative;
	background-image: url(/fileadmin/effect/layout-2008/images/navigation/bg_navigation.gif);
	background-repeat: repeat-x;
	text-align: left;
}

#TopNavigation a {
	font: 1.2em/3 Helvetica;
	font-weight: bold;
	color: #000000;
}

#TopNavigation a.hover {
	color: #e43038;
}


#TopNavigation li {padding-left:12px; padding-right:12px}




#footer {
	width: 750px;
	height: 38px;	
	position: absolute;
	bottom: 0px;
	clear: both; 
	text-align: center;
	margin-left: 39px;
	text-align:center;
	background-image:url(/fileadmin/effect/layout-2008/images/bg_footer.gif); 
	background-repeat:repeat-x;
}


#footer a {color:#717171;} 
#footer a:hover {color: #e43038; text-decoration: none;}


#Col3Col1 {
	float: left;
	width: 260px;
	margin-top: 30px;
	position:relative;
}

#Col3Col2 {
	float: left;
	width: 245px;
	margin-top: 30px;
	position:relative;
}

#Col3Col3 {
	float: left;
	width: 245px;
	margin-top: 30px;
	position:relative;
}

#Col2Col1	{
	float: left;
	width: 260px;
	margin-top: 30px;
	position:relative;
}

#Col2Col2	{
	float: left;
	width: 490px;
	margin-top: 30px;
	position:relative;
}

#Col2Col2Col1	{
	float: left;
	width: 245px;
	position:relative;
}

#Col2Col2Col2	{
	float: left;
	width: 245px;
	position:relative;
}

#ContentText {
	width:460px;

}

/* ==================================================================== */



/* TOPNAVIGATION (UL, LI)
===================================================================== */
#TopNavigation ul {
	list-style:none;
}

#TopNavigation ul li {
	float:left;
	height:42px;
	background-image:url(/fileadmin/effect/layout-2008/images/navigation/trenner_navigation.gif);
	background-position: right;
	background-repeat: no-repeat;
}

#TopNavigation ul li a {
	color: #99999
}

#TopNavigation ul li a:hover {
	color: #99999
}

/* ==================================================================== */




/* SUBNAVIGATION (UL, LI)
===================================================================== */
#SubNavigation {
	width:260px;
	height:340px;
	background-image:url(/fileadmin/effect/layout-2008/images/bg_subnavigation.jpg);
	background-repeat:no-repeat;
}

#SubNavigation ul {
	padding-top: 18px;
	padding-left: 15px;
	list-style: none;
}

#SubNavigation ul li {
	height: 22px;
	margin-bottom: 8px;
	background-image:url(/fileadmin/effect/layout-2008/images/linie_subnavigation.jpg);
	background-position: bottom;
	background-position: 0px 21px;
	background-repeat: no-repeat;
}

#SubNavigation ul li a {
	color: #99999
}

#SubNavigation ul li a:hover {
	color: #99999
}



/* ==================================================================== */



/* NACHRICHTENBOX HOMEPAGE UL
===================================================================== */
#Nachrichten ul {
	list-style-image:url(/fileadmin/effect/layout-2008/images/hompage/ul_nachrichten.gif);
	list-style-position:outside;
}

#Nachrichten ul li {
	margin-top: 8px;
	margin-left: 24px;
	*margin-left: 26px;
}

/* ==================================================================== */




/* FACEBOOK
===================================================================== */

#facebook {margin-left: 18px;
	
}

/* ==================================================================== */


/* TEASER HOMEPAGE
===================================================================== */

#Box230x162 {
	width: 230px;
	height: 162px;
 	background-repeat: no-repeat;
}

#Box475x162 {
	width: 475px;
	height: 162px;
 	background-repeat: no-repeat;
}

#Box230x335 {
	width: 230px;
	height: 335px;
 	background-repeat: no-repeat;
}

#Box230x508 {
	width: 230px;
	height: 508px;
 	background-repeat: no-repeat;
}

#Box475x339 {
	width: 475px;
	height: 339px;
 	background-repeat: no-repeat;
}

/* ==================================================================== */



/* BEREICH EFFECT-NEWS
===================================================================== */
#EintragSeiten {
	margin-bottom:20px;
	text-align:center;
}

#EintragDate {
	height:16px;
	background-image:url(/fileadmin/effect/layout-2008/images/news/liniedotted_475.gif);
	background-repeat:no-repeat; 
	background-position:bottom; 
	margin-bottom:8px;
}

#EintragHeadline {
	margin-bottom: 8px;
}

#EintragButtonmehr {
	width: 200px;
	margin-top: 8px;
	margin-bottom: 8px;
}


.ImageNewsUebersicht {
	float: left;
	margin-bottom: 10px;
	border-right: #ffffff; 
	border-right-style: solid; 
	border-right-width: 20px;
}

.ImageRahmen {border: #cccccc 1px solid;}


.news-single-img a 	{}
.news-single-img a:hover 	{} 
.news-list-item img 	{}



.ImageNewsDetail {
	float:left;
	margin-right:20px;
	margin-bottom:5px;
}

#liniedotted475 {
	width:475px;
	height:3px;
	background-image:url(/fileadmin/effect/layout-2008/images/news/liniedotted_475.gif);
	background-repeat:no-repeat;
	margin-bottom:5px;
}

#liniesolid475 {
	width:475px;
	height:3px;
	background-image:url(/fileadmin/effect/layout-2008/images/news/liniesolid_475.gif);
	background-repeat:no-repeat;
	margin-top:5px;
	margin-bottom:5px;
}

/* ==================================================================== */



/* BEREICH EFFECT-PRODUCT
===================================================================== */

#ProductDetailPic {
	width:160px;
	float:left;
}

#ProductDetailDescr {
	width:315px;
	float:left;
}

#MentalEnergizer {
	float: left;
	width: 205px;
	min-height: 181px;
}

#MentalEnergizerDescr {
	float:left; 
	width:260px; 
	padding-left: 12px;
	margin-right: 10px;
}

#BildInhaltssoffe {
	width:475px;
}

.InhalsstoffeRand {
	border:#b1b0b1; 
	border-style:solid; 
	border-width:1px;
}

.LogoRand {
	border:#b1b0b1; 
	border-style:solid; 
	border-width:1px;
}

#PartnerLogo {
	float: left;
	width: 111px;
	margin-right:11px;
	margin-bottom:12px;
}

#PartnerLogoOhne {
	float: left;
	width: 111px;
	margin-bottom:12px;
}

#MixdrinkPhoto {
	float: left;
	width: 125px;
	min-height: 155px;
}

#MixdrinkDescr {
	float: left; 
	width: 337px; 
	min-height: 115px; 
	margin-top: 14px; 
	background-color: #f6f6f6; 
	padding-top: 12px; 
	padding-left: 12px;
}

.MixdrinkRand {
	border:#b1b0b1; 
	border-style:solid; 
	border-width:1px;
}

/* ==================================================================== */



/* BEREICH EFFECT-STUFF
===================================================================== */
#StuffMoodbild {
	float: left;
	width: 205px;
	min-height: 181px;
}

#StuffDescr {
	float:left; 
	width:270px; 
	padding-left: 12px;
}

/* ==================================================================== */



/* BEREICH EFFECT-LIFE
===================================================================== */
#PhotoSmall {
	float: left;
	width: 132px;
	min-height: 92px;
}

#PhotoDescr {
	float:left; 
	width:331px; 
	min-height: 40px; 
	margin-top:19px; 
	background-color:#f6f6f6; 
	padding-top:12px; 
	padding-left:12px;
}

#GewinnspielePhoto {
	float: left;
	width: 205px;
	min-height: 181px;
}

#GewinnspieleDescr {
	float:left; 
	width:270px; 
	padding-left: 12px;
}

.PhotoSmallRand {
	border:#b1b0b1; 
	border-style:solid; 
	border-width:1px;
}

/* ==================================================================== */



/* BEREICH EFFECT-WORLD
===================================================================== */
#MitarbeiterPhoto {
	float: left;
	width: 115px;
	min-height: 100px;
}

#MitarbeiterDescr {
	float:left; 
	width:360px; 
	margin-top:4px; 
}

/* ==================================================================== */



/* FORMULAR, INPUTS
===================================================================== */
/*Mailform Styles, das Kontaktformular*/



legend {
padding-left:10px;
padding-right:10px;
border: 0px;
}

fieldset {
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
border: 1px solid #C0C0C0;
}

.radiolayout {
width:60%;
padding-top:15px;
padding-bottom:15px;
}

.formu {
width: 460px;
background-color:#f6f6f6;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
border: 0px solid #C0C0C0;
}

.mf-radio {
border:0px;
}

.mf-text {
color: #000000;
border: 1px solid #C0C0C0;
margin-bottom: 5px;
}

.mf-check {
border: 0px;
}
.mf-select {
border:0px;
}

.mf-input {
border: 1px solid #C0C0C0;
margin-bottom: 5px;
}

.mf-submit {
width:40px;
height:20px;
color: #ffffff;
background-image: url(/fileadmin/effect/layout-2008/images/btn-send.gif);
border: 0px;
}



/* ==================================================================== */



/* SOUND
===================================================================== */
#soundsteuerung {
	width:750px; 
	height:22px;
	position:relative; 
	background-image:url(/fileadmin/effect/layout-2008/images/sound/bg_soundall.gif); 
	background-repeat:repeat-x; 
	text-align:right; 
	margin:auto;
}



/* ==================================================================== */



/* TYPOGRAFIE, FARBEN, ABSATZ
===================================================================== */
body, div, table {
	line-height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}



p {margin-bottom: 15px;}

#bodytext p{margin:0; padding:0;}



.colorRed {color: #e21c24;}
.colorGrey {color: #717171;}
.colorBlack {color: #000000;}
.colorWhite {color: #ffffff;}

.borderGrey {#b1b0b1 solid 1px}

a {color: #000000; text-decoration: none;}
a.colorGrey {color: #717171; text-decoration: none; } 
a:hover	{color: #e43038; text-decoration: none;} 

.size9pt {font-size: 9px;}
.size10pt {font-size: 10px;}
.size11pt {font-size: 11px;}
.size12pt {font-size: 12px;}

.navigation {
	font: 1.2em/3 Helvetica;
	font-weight: bold;
	color: #ffffff;
}

.headlineTeaser {
	font: 1.1em Helvetica;
	font-weight: bolder;
}

h1 { 
	font: 1.4em Helvetica;
	font-weight: bold;
	height: 40px;
	padding-top: 12px;
	background-image:url(/fileadmin/effect/layout-2008/images/h1_line.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	background-position: 0px 35px;
}


h2	{font-size: 11px;
	color: 000000;
	font-weight: bold;}



h3 {	font-size: 10px; 
	margin:0; padding:0;
	font-weight: normal;}
	



/* ==================================================================== */