* {
		margin:0;
		padding:0;
		}


	body {
		background-color:#EFEFEF;
    background-color:#FFFFFF;
		font-family: Arial;
	
		font-size:14px;
		text-align:center; /* horizontal centering for IE Win quirks */
		margin:0;
		padding:0;
		height:100%;		
		/*background-image: url("http://www.sleeptracker.de/img/starbg.jpg");
  	background-repeat: repeat;*/ 	
		}

	#distance { 
		width:1px;	
		height:1px;
		margin-bottom:5px;
		float:left;	
		
		}

	#container {
		margin:0 auto;
		margin-top:10px;
		position:relative; /* puts container in front of distance */
		text-align:center;
		width:980px;
		background-color:#EFEFEF;
		background-color:#FFFFFF;
		padding-bottom:50px;
		padding-left:5px;
		padding-right:5px;
		}
		
.baseNav
{
  position:absolute;
  top:0px;
  right:0px;
  font-size:10px;
  vertical-align: top;
  padding-top:0px;
  color:  #3B86A7;
  font-weight:bold;
  text-shadow: 1px 1px 1px #BBB;
}		

.cornerBox{
    padding:5px;
}
		
/* FROM SLEEPTRACKER.COM */

/* ------------------------------- ROUND BOXES ------------------*/
.homepage-testimonial .round-box-content, .homepage-testimonial .round-box-top, .homepage-testimonial .round-box-bottom, .homepage-testimonial .round-box-bottom div
{
	background: transparent url("http://www.sleeptracker-tec.de/com/img/testimonials-box01.gif") no-repeat top right;
}

.homepage-testimonial .round-box-content
{
	color: white;
}

.shadow-outline .round-box-content, .shadow-outline .round-box-top, .shadow-outline .round-box-bottom, .shadow-outline .round-box-bottom div
{
	background: transparent url("http://www.sleeptracker-tec.de/com/img/box-outline01.gif") no-repeat top right;

}

.round-box-content
{
	padding-top: 20px;
	padding-bottom: 10px;
   max-height: 550px; 
	font-size: 0.9em;
}

 .round-box-content img
{
	margin-bottom: 10px;
}

.shadow-outline
{
	margin-left: 18px; /* default, width of left corner */
}

.shadow-outline .round-box-top
{
	width: 18px; /* top slice width */
	margin-left: -18px;
}

.shadow-outline .round-box-bottom, .shadow-outline .round-box-bottom div
{
	height: 18px; /* height of bottom cap/shade */
}

.shadow-outline .round-box-bottom div
{
	width: 18px; /* bottom corner width */
	margin-left: -18px;
}

.round-box
{
	position: relative;
	margin: 0;
	margin-left: 12px; /* default, width of left corner */
	z-index: 1;
}

.round-box .round-box-content
{
	position: relative;
	/* zoom: 1;*/
	/*_overflow-y: hidden; */
	padding: 0px 12px 0px 0px;
}

.round-box .round-box-top
{
	/* top+left vertical slice */
	position: absolute;
	left: 0px;
	top: 0px;
	width: 12px; /* top slice width */
	margin-left: -12px;
	height: 100%;
	/* _height: 1600px; arbitrary long height, IE 6 */
	background-position: top left;
}

.round-box .round-box-bottom
{
	/* bottom */
	position: relative;
	width:100%;
}

.round-box .round-box-bottom, .round-box .round-box-bottom div
{
	height: 12px; /* height of bottom cap/shade */
	font-size: 1px;
}

.round-box .round-box-bottom
{
	background-position: bottom right;
}

.round-box .round-box-bottom div
{
	position:absolute;
	left:0px;
	width: 12px; /* bottom corner width */
	margin-left:-12px;
	background-position:bottom left;
		
}

.shadow-outline
{
	margin-left: 18px; /* default, width of left corner */
}

.shadow-outline .round-box-top
{
	width: 18px; /* top slice width */
	margin-left: -18px;
}

.shadow-outline .round-box-bottom, .shadow-outline .round-box-bottom div
{
	height: 18px; /* height of bottom cap/shade */
}

.shadow-outline .round-box-bottom div
{
	width: 18px; /* bottom corner width */	
	margin-left: -18px;
	
}


/* ------------------------------- ROUND BOXES END ------------------*/
#changeDisp
{
  position:absolute;
  left:325px;
  top:25px;
  color:#3B86A7;
  font-weight:bold;
  width:500px;
  text-align:center;  
}

#nav, #nav-buttons
{
	border-color: rgb(210, 101, 38);
	border-color: rgb(144, 126, 146);
	border-style: solid;
	background-color: rgb(144, 126, 146);
		background-color: rgb(246, 246, 246);
	background-image: url("http://www.sleeptracker.de/img/nav-gradientBlu.gif");
  background-image: url("http://www.sleeptracker.de/img/menuBackMac1.jpg");
	border-width:1px;
	height:12px;

	}

#nav-buttons a
{
	color: white;
	font-weight: bold;
	text-decoration: none;
	border-left: 1px solid darkgray;                              
	border-right: 1px solid darkgray; 
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	color:#555555;
}

#nav-buttons a:hover, #nav-buttons a:active
{
	background-image: url("http://www.sleeptracker.de/img/nav-gradient01-on.gif");
	background-image: url("http://www.sleeptracker.de/img/menuBackMac3.jpg");
  height:12px;     
  color:white;                                                                                                                    
}


a.buyColor
{
   background-image: url("http://www.sleeptracker.de/img/nav-gradient01.gif"); 
   color:white;
   border:1px solid white;
   background-color:darkgray;
}



#nav
{
	text-align: center;
	margin: 10px 1px 0 0px;
	border-width: 1px 0 1px 0;
}

#nav-buttons
{
	margin: 0 -1px 0 -1px;
	padding: 10px 0 10px 0;
	width: 100%;
	line-height: 0.7em;
	border-width: 0 1px 0 1px;
	position: relative;
}

#nav-buttons a
{
	font-size: 0.8em;
	padding: 8px 12px 8px 12px;
	margin: 1px 0 1px 0;
	border-width: 0 2px 0 0;
}

#nav-buttons a.first-nav-item
{
	padding-left: 207px;
}

#nav-buttons a.last-nav-item
{
	border-right-width: 0;
	padding-right: 207px;
}
	
.navField {
  top:0px;
  float:left;
}	
	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#optHeader
{
	margin:0px;
	text-align:left;
	padding:0px;
	padding-left:0px;
	padding-right: 0px;
	

}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* END FROM SLEEPTRACKER.COM */
h1
{
  font-size:16px;
  text-align:left;
  margin-bottom:0px;
  line-height:20px;
}	

h2, h3
{
  font-size:14px;
  text-align:left;
  margin-bottom:0px;
  margin-top:15px;
  line-height:20px;
}


a:link, a:active, a:visited
	{
   	text-decoration: none;
	}

a:hover
	{
	color: #E17D38;
	font-weight:bold;
  text-shadow: none;
	}

	
p 
{
  margin:0px;
  text-shadow:none;
}	

ul
{ 
	color: black;
	text-align:left;
	line-height:20px;	
}


ol
{ 
	text-align:left;
	line-height:20px;		
}

ol h1
{
  font-size:14px;
  color: #E17D38;	
}


ol li
{
 font-weight:normal;
 text-align:left;
 font-size:12px;
 margin-left:20px;
 margin-right:10px;
 margin-top:10px;
 
}


ul li
{
   margin-top:12px;
   margin-left:15px;      
}

.announce
{
position:absolute;
padding:1px;

background-color:white;
font-size:12px;
}

.announce ul
{
   line-height:12px;
}

.announce li
{
   margin-top:4px;
   font-weight:normal;
   color:black;
}

li p
{
  font-size:12px;
  font-weight:normal;  
}


#otherCnt
{  
  float:right;
  width:425px;
	z-index:1;
	font-size:10px;
	padding:0px;
}

#otherCnt  em,em
{
  font-size:18px;	
  line-height:20px;
  text-align:center;
}

.round-box-top em

#otherCnt  p
{
  margin-top:5px;
  font-size:14px;
}


ol li, li p, #otherCnt  em, #Main-Cnt
{
	color:black;	
}

a:link, a:active, a:visited
{
	color:gray;	
}

#Main-Cnt {	
  float:left;
	width:500px;
	z-index:1;	
  text-align:left;  
  padding-left:5px;
  padding-right:5px;
  overflow:visible;
}	


input
{
  font-size:14px;
}

select
{
  font-size:14px;
}
	
.Button {
  width:207px;
  height:29px;
  
  background-image: url("http://www.sleeptracker-tec.de/com/img/buttonblu.png");
  padding-top:10px;  
  margin-top:10px;     	
}


a.Button {
  padding-top:2px;
  color:black;
  font-size:14px;
  text-shadow:0 -1px 1px white;  
  background-image:none;
  
  display:block;
  width:207px;
  height:29px;
  background-image: url("http://www.sleeptracker-tec.de/com/img/buttonblu.png");
  padding-top:10px;  
  margin-top:10px;  
}

a.Button:hover 
	{
	color: #EEEEEE;
	font-weight:normal;
  background-image: url("http://www.sleeptracker-tec.de/com/img/buttonblu.dark.png");
	}
	
.contentLeft	
{
	text-align:justify;
	width:95%;
	
}

.contentLeftSmallText
{
	font-size:12px;
	text-align:justify;
	width:95%;	
}

	
.footer
{
  font-size:12px;
  color:gray;
  }

#footer
{
	position:absolute;
	bottom:13px;
    left:5%;
	text-align:center;
	width: 90%;
}


.pub
{
  font-size:14px;
  text-align:justify;
}


/******************************************************************************
								HOME
******************************************************************************/

h1.homeLeft
{
  font-size:24px;
  color:#3B86A7;
  font-weight:bold;
  text-align:center;
  float:right;
  
}

p.homeLeft
{
	font-weight:bold;
	margin-top:10px;
	font-size:18px;
	float:right;
	text-align:center;
}

ul.homeLeft
{
	clear:left;
	text-align:left;
	font-size:16px;
	font-weight:bold;	
	
}

.homeText
{
  width:325px;
  padding-top:10px;
  
  font-size: 14px;
  text-align:justify;  
  vertical-align:top;  
}

.qm
{
  font-size:60px; 
  vertical-align:top;
}

/******************************************************************************
								Forum
******************************************************************************/
#bigWatch
{
	width:940px; 
	height:650px; 
	padding-left:20px;
}


#bigWatch .leftButtons
{
	top:150px;
}

#bigWatch .rightButtons
{
	top:150px;
}

.forumCnt
{
  float:right;
  width:925px;
  height:100%;
  border:0px;
  margin-top:20px;
}	

#forumleft
{
  float:left;
  width:150px;
  font-size:12px;  
  text-align:justify;
}

#forumTitle
{
  font-size:20px;
  margin-top:16px;
  text-align:center;
}

/*******************************************************************************
								HOW
******************************************************************************/
.qText
{
  width:98%;
  padding-top:10px;
  
  font-size: 14px;
  text-align:justify;  
  vertical-align:top;  
}

/******************************************************************************
								Contact Page
******************************************************************************/
#pageComment
	{
	float: none;
	font-size: 12px;
	color:  #3B86A7;
	text-align: left;
	}
	
.email
	{
	height: 0px;
	width: 221px;
	float: none;
	font-size: 18px;
	
	text-align: center;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

a.email{
	color: gray;
}

a.email:hover
	{
	color:  #3B86A7;
	font-weight:bold;
	}		
	
	
/******************************************************************************
								buy
******************************************************************************/	
h1.buy
{
   color:#3B86A7;
   text-align:center;
   font-size:24px;
   margin-top:3px;
   line-height:30px;
   
}

#addressForm
{	
	margin-top:25px;
	margin-bottom:0px;
	font-size:14px;	
}

#addressForm b
{
	color:black;
	font-weight:normal;
	font-size:18px;
}

#addressForm table
{
 	background-color:#3B86A7;
	margin-left:auto;
	margin-right:auto;
	width:350px; 
	padding-top:1px;
	padding-bottom:5px;
}


#addressForm td
{
	vertical-align:middle; 
	text-align:left;
	padding-left:2px;
	padding-right:2px;	
}

#addressForm input
{
	vertical-align:middle; 
	text-align:left;
	padding:1px;
	width:150px;
}

.buyWarning
{
	
	font-size:12px;
	font-weight:bold;
	margin-right:65px;
	margin-left:10px;
	margin-top:12px;
	text-align:center;	
}

.buyWarning ul
{
  margin-left:10px;
  margin-right:5px;
}

.buyWarning li
{
  line-height:12px;
  color:black;
}
.buyWarning em
{
	color:#3B86A7;
	font-size:12px;
	font-style:normal;	
}

.operator
{
  width:5px;text-align:center;
}

.operation
{
  font-size:12px;

  text-align:center;
  width:65px;
}

#minusTD
{
	color:black;
}

#promoTD
{
	color:black;
}
/******************************************************************************
								payment
******************************************************************************/	
.paymentForm
{
  margin:0px;
  padding:0px;
}

.paymentImg
{

	padding: 0px 0px 0px 0px;
	background-color:white;
}

.paymentButton
{
	text-align:left;
	vertical-align:middle;
    height:85px;
	background-color:#3B86A7;
}	

.paymentButton td
{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;	
	padding-right:10px;	
}

.paymentText
{
	font-size:12px;
	vertical-align:top;
	font-weight:bold;
}

.whitelink
{
	color:white;
}

.AGBform
{
	text-align:left;
	font-weight:bold;
	font-size:12px;
	  margin:0px;
  padding:0px;
}

.payCom
{
  font-size:10px;
}

/******************************************************************************
				    				sleep
******************************************************************************/
#replace
{
  position:absolute;
  top:10px;
  left:10px;
  width:390px;
  height:450px;
  background-color:white;
  visibility:hidden;
}

.supportImg
{
  margin:0px;
  padding:0px;
 
}

/******************************************************************************
				    				store
******************************************************************************/
.leftCol{
   
   top:15px;
   width:450px;
   vertical-align:top;
   height:100%;
}

.normalList{
  font-weight: normal;
  font-size:14px;
  color:black;
}