/*  
Theme Name: Six Million Glasses 
Description: Developed by Hannes Bahrenburg for NACHTLICHT-MEDIA | http://hb.nachtlicht-media.de
*/

/* RESETS AND BASICS */

*									{ margin: 0; padding: 0; }
html								{ overflow-y: scroll; }
html, body							{ height: 100%; }
body								{ font-size: 62.5%; font-family: Verdana, sans-serif; color: #291306; background: url(images/bg.png) repeat; }
.floatLeft 							{ float: left; }
.floatRight							{ float: right; }
.clear								{ clear: both; }
ul									{ list-style: url(images/list.png); padding-bottom: 8px; margin-left: 20px; text-align: left;}
ol									{ list-style: decimal inside; }
a									{ text-decoration: none; color:#291306; font-style: oblique;}	
a:hover								{ color: #c5e3f8;}	
img									{ vertical-align: middle; margin-top: 10px; margin-bottom: 10px;}
a img 								{ text-decoration:none; border:none; }
table								{ border-collapse: collapse; }

/* STRUCTURE */

#page-wrap							{ width: 848px; margin: 0 70px -51px; min-height: 100%; height: auto !important; height: 100%; }
#push								{ height: 54px; }								  									
#content-frame						{ margin-left:-10px; width: 905px; float: left; background: url(images/content-bg.png) repeat-y; }	
#content-frame_philo				{ margin-left:500px; width: 450px; height: 65px; float: left; background: url(images/content-bg_small.png) repeat-y; }

/* HEADER */

h1#logo								{ width: 229px; height: 28px;  text-indent: -9999px; margin: 0 0 0 0; float: left; }
#top-bar							{ height: 314px; background: url(images/header.png) no-repeat; padding: 10px 0 0 20px; margin-top: 10px;}
#top-bar p							{ color: #121518; width: 250px; float: left; text-transform: uppercase; margin-left:10px; line-height: 14px;}

/* MENU */

#menu								{ width: 848px; height: 48px; }
ul#nav								{ width: 800px; float: left; margin: 15px 0 0 90px; }
ul#nav li							{ display: inline; }
ul#nav li a							{ text-transform: uppercase; color: #C2CFCA; font-size: 13.8px; padding: 0px 5px; }		  
ul#nav li a:hover					{ color: #a6936b; }
#current    						{ color:black; background: url(images/bghover.png) no-repeat center; padding-top: 15px; padding-bottom:10px; }
.navigation							{ width: 760px; margin-left: 40px; margin-top: 20px; text-align: justify; font-size: 11px; font-family: verdana; line-height: 14px;}


/* CONTENT */

#content-bottom						{ margin-left:-10px; margin-top:-40px; width: 905px; height:162px; background: url(images/content-bottom.png); float: left; }
#content-bottom_philo				{ margin-left:500px; margin-top:-40px; width:450px; height:81px; background:url(images/content-bottom_small-trans.png); float: left; }
#content-top						{ margin-left:-10px; margin-top: -25px;  width: 905px; height:134px; background: url(images/content-top.png); float: left; }
#content-top_philo					{ margin-left:500px; margin-top: 260px;  width: 450px; height:67px; background: url(images/content-top_small-trans.png); float: left; }
#content-top_produkte				{ margin-left:-10px; margin-top: 20px;  width: 905px; height:134px; background: url(images/content-top.png); float: left; }
#content							{ width: 580px; margin-left: 50px; margin-top: 20px; text-align:justify; font-size: 12px; font-family: verdana; line-height: 18px;padding-bottom:80px; }
#content_philo						{ width: 380px; margin-left: 30px; margin-top: -10px; text-align:justify; font-size: 12px; font-family: verdana; line-height: 18px;padding-bottom:80px; }
#content_produkte					{ width: 480px; margin-left: 50px; margin-top: 20px; text-align:justify; font-size: 12px; font-family: verdana; line-height: 18px;padding-bottom:80px; }
h2									{ font-size: 19px; background-color: #291306; width: 580px; padding: 8px 5px 5px 5px; margin-left: 45px; margin-top: -80px;   color: #c5e3f8; text-transform: uppercase; font-weight: 100;}
*html h2							{ background:none;}
h5 									{ display: inline; }
h4 									{ color:black; }						

/* FOOTER */

#footer								{ height: 54px; background: url(images/footer-bg.png) repeat-x; margin-top: 20px;  }
#footer-inside						{ width: 800px; margin: 0 auto; margin-left: 100px; }
img.logo							{ float:left; margin-top: 17px; }
img.nlm								{ float: right; margin-top: 15px;}
img.header							{ float: right; position: absolute;  top: 25px; left: 670px; }
img.karte							{ float: right; position: absolute;  top: 80px; left: 460px; }
.tv									{   margin-top: 30px; margin-left: 50px; position: absolute; z-index: 5000; }
.video1								{  float: right	; position: absolute;  top: 405px; left: 168px; z-index: 2000;}
img.offer							{ float: left; position: absolute;  top: 248px; left: 90px; }
img.skull							{ float: right; position: absolute;  top: 210px; left: 450px; }
img.smg_small						{ float: left; margin-top: 14px; margin-left: 55px; margin-right: 10px;}
#footer p							{ color: #c6a970;  width: 300px; float: left; margin-left: 10px;  margin-top:20px; line-height: 10px; font-size: 10px;}