/* ----------------------------------------------------------------- */
/* GENERAL TAGS */
html					{height: 100%;}
body 					{margin: 0; padding: 0; height: 100%; font-family: Calibri, Helvetica, Arial;}
a 						{text-decoration: none; color: #000000; outline: none;}
a img 					{border: none;}
h1						{font-weight: bold;}
h2						{font-weight: bold; font-size: 15px; margin: 0;}
h3						{font-weight: bold; font-size: 15px; margin: 0;}

/* ----------------------------------------------------------------- */
/* ALL PAGES */
.clear 					{clear: both;}
.left					{float: left;}
.right					{float: right;}
.top_left				{position: absolute; top: 0; left: 0;}
.top_right				{position: absolute; top: 0; right: 0;}
.flow					{overflow: auto;}
.hidden					{overflow: hidden;}
.pointer				{cursor: pointer;}
.normal					{cursor: default;}

#container 				{background: url("../images/background.gif") 70px 50px no-repeat; 
						 width: 800px; height: 100%; position: relative; margin: 0 auto;}

#logo_needle 			{margin: 10px 0 0 0;}

#menu 					{margin: 13px 0 0 5px; overflow: hidden;}
#menu ul 				{list-style: none; margin: 0; padding: 0;}
#menu a					{display: inline-block; width: 123px; padding: 4px 0 13px 0;}
.menu_item, #submenu	{background: url("../images/menu_button.png") 0 0 no-repeat; 
						 margin: 0 0 0 15px; float: left; text-align: center;}

#submenu ul				{display: none; position: absolute; top: 74px; left: 487px; height: 55px; 
						 background: url("../images/submenu_bg.png") 0 0 no-repeat; z-index: 1;}
#submenu ul li a		{padding: 0 0 4px 0;}
#submenu:hover			{background: url("../images/menu_hover.png") 0 0 no-repeat;}
#submenu:hover ul 		{display: block;}

#content_home 			{background: url("../images/home/store_front.png") bottom left no-repeat;}
.content	 			{float: left; height: 490px;}

/* ----------------------------------------------------------------- */
/* HOME PAGE */
#home_intro 			{margin: 10px 0 0 30px;}
#contact_intro 			{margin: 5px 0 0 165px;}
#mode_intro 			{position: absolute; top: 138px; left: 298px;}
#contact_intro_link		{display: block; position: absolute; top: 200px; left: 550px; width: 125px; height: 35px;}
#mode_intro_link		{display: block; position: absolute; top: 210px; left: 320px; width: 170px; height: 42px;}
#member_card 			{margin: 20px 0 0 23px;}

#clock_container 		{position: absolute; top: 274px; left: 266px;}
#clock_string 			{margin: 0 0 0 46px;}

#buttons 				{position: absolute; top: 275px; left: 495px;}
#scissors 				{position: absolute; top: 195px; left: 715px;}

#fp_news_container 		{position: absolute; top: 60px; left: 100px;}
#fp_news				{background: url("../images/news/news_bg.png") 0 0 repeat-x; 
						 clear: both; width: 290px; position: absolute; top: 0; left: 36px; height: 215px;}
#fp_news_left 			{background: url("../images/news/news_bg_left.png") 18px 0 no-repeat; 
						 height: 215px; width: 40px;}
#fp_news_right 			{background: url("../images/news/news_bg_right.png") 0 0 no-repeat; 
						 height: 215px; width: 40px; position: absolute; top: 0; left: 326px;}
#fp_news_nav_left 		{margin: 70px 0 0 0;}
#fp_news_nav_right 		{margin: 70px 0 0 2px;}
.fp_news_text			{float: left; margin: 5px 0 0 0; font-size: 13px;}
.fp_news_text_small		{float: left; margin: 5px 0 0 0; font-size: 13px; width: 150px;}
.fp_news_image			{background: url("../images/stitching.gif") top left repeat-y; 
						 float: left; margin: 10px 0 0 10px; width: 130px; height: 195px;}
.fp_news_image img		{width: 100px; margin: 0 0 0 20px;}

/* ----------------------------------------------------------------- */
/* CONTACT PAGE */
#times					{background: url("../images/contact/times_bg.png") bottom left no-repeat; 
						 position: absolute; top: 130px; left: 58px; width: 230px; height: 140px;}
#times_table			{margin: 40px 0 0 25px; font-size: 15px;}
#map					{position: absolute; top: 90px; right: 90px; border: 1px solid #666;}
#form_container			{position: absolute; bottom: 35px; left: 95px;}
form					{background: url("../images/contact/news_bg.png") top left repeat-x; 
						 padding: 10px 0; font-size: 15px; height: 195px; float: left;}
form table tr input		{margin: 2px 0 2px 5px; width: 142px;}
form textarea			{margin: 2px 0 2px 5px; width: 142px; height: 65px;}
#submit					{float: right; width: 90px;}
#form_text				{background: url("../images/contact/news_bg.png") 20px 0 repeat-x; 
						 width: 130px; height: 205px; font-size: 15px; float: left; padding: 8px 0 0 0;}
#form_center			{background: url("../images/contact/news_bg.png") 20px 0 repeat-x; 
						 float: left;}
#form_center div 		{background: url("../images/stitching.gif") top left repeat-y; 
						 width: 15px; height: 195px; margin: 10px;}
#address				{background: url("../images/contact/address_bg.png") 0 0 no-repeat; 
						 position: absolute; bottom: 70px; right: 18px; width: 214px; height: 123px; 
						 padding: 21px 0 0 35px; font-size: 15px;}
						 
.message				{padding: 8px 0 12px 0; width: 205px; height: 195px; float: left; 
						 background: url("../images/contact/news_bg.png") top left repeat-x;}
.message a				{text-decoration: underline;}

/* ----------------------------------------------------------------- */
/* NEWS PAGE */
#news_container			{background: url("../images/news/news_big_bg.png") top left no-repeat;  
						 position: relative; margin: 10px 0 0 50px; padding: 25px; width: 600px; height: 400px; 
						 font-size: 13px; overflow: hidden;}
#news_items				{width: 550px; height: 380px; overflow: auto;}

.news					{width: 475px; border-top: 1px solid #B4A897; clear: both; margin: 0 0 20px 0; overflow: auto;
						 min-height: 100px;}
.news_image				{float: left;}
.news_image img			{width: 100px;}
.news_text				{float: left; width: 365px; margin: 0 0 0 10px;}
.news_text_big			{float: left; width: 475px;}
.news h3				{float: left; padding-top: 5px;}
.news_date				{background: url("../images/news/date_bg.png") 10px 0 no-repeat; font-size: 12px; 
						 float: right; width: 75px; height: 30px; padding: 4px 0 0 8px;}
.news_date strong		{margin: 0 0 0 14px;}

/* ----------------------------------------------------------------- */
/* DAMESMODE */
.cord_container_top		{position: absolute; top: 145px; left: 65px; clear: both;}
.cord_container_bottom	{position: absolute; top: 330px; left: 65px; clear: both;}

.cord_left				{float: left; width: 10px; height: 14px; 
						 background: url("../images/damesmode/cord_left.png") 0 0 no-repeat;}
.cord_center			{float: left; width: 654px; height: 14px; 
						 background: url("../images/damesmode/cord_center.png") bottom left repeat-x;}
.cord_right				{float: left; width: 9px; height: 14px; 
						 background: url("../images/damesmode/cord_right.png") 0 0 no-repeat;}
						 
.cord_container_bottom .cord_center {width: 658px;}

#setterlaine			{position: absolute; top: 125px; left: 100px; z-index: 1;}
#rs_sports				{position: absolute; top: 128px; left: 220px; z-index: 1;}
#roberto_sarto			{position: absolute; top: 134px; left: 350px; z-index: 1;}
#setterlady				{position: absolute; top: 126px; left: 475px; z-index: 1;}
#lebek					{position: absolute; top: 125px; left: 595px; z-index: 1;}
#slc					{position: absolute; top: 313px; left: 205px; z-index: 1;}
#zerres					{position: absolute; top: 322px; left: 310px; z-index: 1;}
#b_casual_women			{position: absolute; top: 320px; left: 435px; z-index: 1;}
#stehmann				{position: absolute; top: 313px; left: 530px; z-index: 1;}
#peppercorn				{position: absolute; top: 318px; left: 650px; z-index: 1;}
#basket					{position: absolute; top: 375px; left: 50px;}

/* ----------------------------------------------------------------- */
/* HERENMODE */
#rope_left				{position: absolute; top: 120px; left: 62px;}
#label					{position: absolute; top: 128px; left: 271px;}
#rope_right				{position: absolute; top: 124px; left: 531px;}

#string1				{position: absolute; top: 165px; left: 132px;}
#string2				{position: absolute; top: 165px; left: 223px;}
#string3				{position: absolute; top: 165px; left: 318px;}
#string4				{position: absolute; top: 165px; left: 391px;}
#string5				{position: absolute; top: 165px; left: 484px;}
#string6				{position: absolute; top: 165px; left: 584px;}
#string7				{position: absolute; top: 165px; left: 632px;}

#meyer					{position: absolute; top: 210px; left: 102px;}
#culture				{position: absolute; top: 259px; left: 273px;}
#jupiter				{position: absolute; top: 389px; left: 361px;}
#gardeur				{position: absolute; top: 274px; left: 458px;}
#com_4					{position: absolute; top: 186px; left: 558px;}
#seidensticker			{position: absolute; top: 397px; left: 597px;}

/* ----------------------------------------------------------------- */
/* OVER ONS */
#about_container		{background: url("../images/news/news_big_bg.png") top left no-repeat;  
						 position: relative; margin: 10px 0 0 50px; padding: 20px 25px; width: 550px; height: 400px; 
						 font-size: 13px; overflow: hidden;}
.small					{font-size: 11px;}

/* ----------------------------------------------------------------- */
/* FOOTER */
#footer					{position: absolute; bottom: 0; right: 0;}
#footer img				{margin: 0 65px 0 0; width: 35px; cursor: pointer;}