@charset "UTF-8";
/* GreimDesign Cascading Style Sheets v.090428 */
/*

1.	RESET	

2.	GENERIC
	2.1	Headings	
	2.2	Links & Images
	2.3	Paragraphs & Lists	
	2.4	Forms
	2.5	Colours

3.	STRUCTURE
	3.1	Header	
	3.2	Main
	3.3	Footer

4.	MENUS
	4.1	Productkwick
	4.2	Productbar
	4.3	Mainmenu
	4.4	Sitemaplist
	4.5	Producttable

5.	GENERAL ELEMENTS
	5.1	Header
		5.1.1 Logobar
		5.1.2 Mood
		5.1.3 Language
	5.2	Main
		5.2.1 Maincolum
		5.2.2 Sidecolumn
		5.2.3 Top-Link
		5.2.4 Bookmarkbar
	5.3	Footer
	5.4	Misc
		5.4.1 Clearer
		
6.	SECTION-SPECIFIC STYLES
	6.1	Content
	6.2	Product

7.	SITE-SPECIFIC STYLES
	7.1	Start-Page
		7.1.1 Newsitem
	7.2	Philosophy
	7.3	Designer
	7.4	Service
	7.5	Glossary
	7.6	Network
	7.7	Links
	7.8	Contact
	7.9	Imprint
	7.10 MessageSent

8.	EXTERNAL STYLES
	8.1	Slimbox
	8.2 Site-Specific Changes to Slimbox Styles

*/


/* 1. RESET ################################################################ */

body	{
	background:#dedddb url("../img/bodybg.png") repeat-y left top;
	font-size:62.5%;	/* resetting base-font-size to 10px */
	color:#444;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial, sans-serif; /* following  the font-styles on apple.com */
	text-align:left;
}

body, div, span, form, fieldset, label, table, ol, ul, li, h1, h2, h3, h4, h5, p, a, img, select, textarea, input	{
	margin:0;
	padding:0;
}

/* 2. GENERIC (Basic Typography) ################################################################ */

/* 2.1 Headings //////////////////////////////////////////////////////////////// */

h1, h2, h3, h4, h5	{
	font-weight:normal;
	font-size:100%; 
}

/* 2.2 Paragraph & List //////////////////////////////////////////////////////////////// */

p	{
	font-size:1.2em;
	line-height:1.7em;
}

ul, li	{
	font-size:100%;
	list-style-position:outside;
}

/* 2.3 Links & Images //////////////////////////////////////////////////////////////// */

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

a:hover, a:active	{
	text-decoration:underline;
	border:none;	
}

img {  
	border:0; 
}

/* 2.4 Forms //////////////////////////////////////////////////////////////// */

form	{
	font-size:1.2em;
}

fieldset	{
	border:none;
}

select, textarea, input	{
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:1em;
	color:#333;
}

/* 2.5 Colours //////////////////////////////////////////////////////////////// */

.white	{color:#fff;}
.red	{color:#82443c;}
.yellow {color:#9f7f6c;}
.blue 	{color:#578190;}
.green 	{color:#858b5c;}


/* 3. STRUCTURE (Container-Element-Styles) ################################################################ */

/* 3.1 Header-Elements //////////////////////////////////////////////////////////////// */

#logobar	{
	position:relative;
	width:100%;
	max-width:1200px;
	height:142px;
	background:url("../img/bg-logo-bar.jpg") no-repeat left top;
}

#productkwick	{
	position:relative;
	width:100%;
	max-width:1200px;
	height:168px;
	background:url("../img/bg-kwick.jpg") no-repeat left top;
}

#productmood	{
	float:left;
	width:100%;
	max-width:1200px;
	overflow:hidden;
	height:450px;
	clear:both;
	background:url("../img/mood_bg2.jpg") no-repeat left top;
}

#productbar {
	position:relative;
	top:0;
	left:0;
	background:url("../img/bar_products_bg.gif") no-repeat left top;
	height:35px;
	width:100%;
	overflow:hidden;
	clear:both;
	z-index:100;
}

#productbar-shadow	{
	position:absolute;
	top:308px;
	left:0;
	height:40px;
	width:100%;
	overflow:hidden;
	background:url("../img/bar_products_shadow.png") no-repeat left top;
	z-index:0;
}

/* 3.1 Main-Elements //////////////////////////////////////////////////////////////// */

#main	{
	float:left;
	width:100%;
	max-width:1200px;
	background:url("../img/bg_fade.gif") repeat-x left top;
	background-color:#FFF;
	overflow:hidden;
}

#maincontent	{
	width:980px;
	height:auto;
}


#maincolumn	{
	float:left;
	width:449px;
	background:url("../img/bg_content_l.gif") no-repeat left top;
	padding:0 41px;
}

#maincolumn-border	{
	float:left;
	width:1px;
	height:600px;
	background:url("../img/bg_content_r.gif") no-repeat left top;
}

#sidecolumn	{
	float:left;
	width:250px;
	height:auto;
	margin:14px 0 0 40px;
}

#bookmarkbar	{
	float:left;
	background:#fff url("../img/bar_bookmarks.gif") no-repeat left top;
	height:30px;
	width:100%;
	max-width:1200px;
	clear:both;
	overflow:hidden;
}

/* 3.1 Footer-Elements //////////////////////////////////////////////////////////////// */

#footer {
	float:left;
	width:100%;
	max-width:1204px;
	min-width:920px;
	background:#dedddb url("../img/footershadow.gif") no-repeat left top;
	padding:30px 0 20px;
	clear:both;
}

#footercontent	{
	width:980px;
	height:auto;
}

#sitemap	{
	width:90px;
	height:200px;
	float:left;
	margin:0 0 20px 36px;
}


/* 4. MENUS ################################################################ */

/* 4.1 Productkwick-Menu //////////////////////////////////////////////////////////////// */

#productkwick ul	{
	margin:0 0 0 15px;
}

#kwicklist 	{ 
	max-width:960px;
	height:168px; 
	list-style-type:none;
	overflow:hidden; /* necessary, because sometimes, the last kwick gets pushed down vertically - dont know why */
}

#kwicklist li {
	float:left; 
}

a.kwick {
	background:url(../img/productkwick_b.gif) no-repeat left top;
	display:block; 
	cursor:pointer; 
	overflow:hidden; 
	height:168px; 
	width:150px;
}

a.kwick:hover	{
	background:url(../img/productkwick_active.png) no-repeat left top;
}

a.kwick span {
	display:none; 
}

a.kwick.kwi-shwingsitz, a.kwick.kwi-shwingsitz:link	{ width:141px; background-position:0% 0%; }
a.kwick.kwi-klubstool, a.kwick.kwi-klubstool:link	{ width:120px; background-position:0% -200px; }
a.kwick.kwi-plustish, a.kwick.kwi-plustish:link 	{ width:174px; background-position:0% -400px; }
a.kwick.kwi-steckbord, a.kwick.kwi-steckbord:link 	{ width:180px; background-position:0% -600px; }
a.kwick.kwi-phonodeck, a.kwick.kwi-phonodeck:link	{ width:163px; background-position:0% -800px; }
a.kwick.kwi-goldshine, a.kwick.kwi-goldshine:link	{ width:75px; background-position:0% -1000px; }

a.kwick.kwi-shwingsitz:hover, a.kwick.kwi-shwingsitz:active	{ background-position:0% 0%; }
a.kwick.kwi-klubstool:hover, a.kwick.kwi-klubstool:active	{ background-position:0% -200px; }
a.kwick.kwi-plustish:hover, a.kwick.kwi-plustish:active 	{ background-position:0% -400px; }
a.kwick.kwi-steckbord:hover, a.kwick.kwi-steckbord:active 	{ background-position:0% -600px; }
a.kwick.kwi-phonodeck:hover, a.kwick.kwi-phonodeck:active 	{ background-position:0% -800px; }
a.kwick.kwi-goldshine:hover, a.kwick.kwi-goldshine:active	{ background-position:0% -1000px; }



/* 4.2 Productbar-Menu //////////////////////////////////////////////////////////////// */

ul#productmenu {
	float:left;	/* necessary for ie, otherwise positioning gets pushed down vertically */
	background:url("../img/pb_produkte2.gif") no-repeat left top;
	width:770px;
	height:35px;
	padding:0 0 0 150px;
}

#productmenu:hover {background-position:0% -40px;}

#productbar.pm-active ul#productmenu, 
#productbar.pm-active ul#productmenu:hover {background-position:0% -80px;} 
/* make the productbar active (red bullet) when the user is browsing products */

#productmenu ul	{
	float:left;
}

#productmenu li {
    float:left;
	text-indent:-999em;
	list-style:none;
	height:35px;
}

#productmenu  a {
	height:35px;
    display:block;
}

#productmenu  a:link, #productmenu  a:visited	{background-position:0% 0%;}
#productmenu  a:hover {background-position:0% -40px;}
#productmenu  a:active	{background-position:0% -80px;}

#pm-shwingsitz	{width:101px; background:url("../img/pm_shwingsitz.gif") no-repeat center top;}
#pm-klubstool	{width:92px; background:url("../img/pm_klubstool.gif") no-repeat center top;}
#pm-plustish	{width:85px; background:url("../img/pm_plustish.gif") no-repeat center top;}
#pm-steckbord	{width:97px; background:url("../img/pm_steckbord.gif") no-repeat center top;}
#pm-phonodeck	{width:101px; background:url("../img/pm_phonodeck.gif") no-repeat center top;}
#pm-goldshine	{width:96px; background:url("../img/pm_goldshine.gif") no-repeat center top;}

li#pm-shwingsitz, 
li#pm-klubstool, 
li#pm-plustish, 
li#pm-steckbord, 
li#pm-phonodeck, 
li#pm-goldshine	{background-position:0% -80px;}

.tool-tip {
	color: #fff;
	width: 112px;
	height: 121px;
	z-index: 20;
	background: url("../img/tip_bg.png") top left;
	padding: 0;
	margin: 0;
	text-align:center;
}

.tool-tip img	{
	width:90px;
	height:90px;
	margin-top:10px;
}

.tip-pic	{
	display:none;
}


/* 4.3 Main-Menu //////////////////////////////////////////////////////////////// */

ul#mainmenu	{
	float: left;
	margin:16px 0 32px;
	width:149px;
}

#mainmenu li 	{
	text-indent:-999em;
	list-style:none;
	width:149px;
	height:32px;
}

#mainmenu a	{
	display:block;
	width:149px;
	height:32px;
}

#mainmenu a:link, 
#mainmenu a:visited {background-position:0% 0%;}
#mainmenu a:hover {background-position:0% -40px;}
#mainmenu a:active	{background-position:0% -80px;}

#nav-philosophie	{background:url("../img/nav_philosophie.gif") no-repeat left top;}
#nav-designer	{background:url("../img/nav_designer.gif") no-repeat left top;}
#nav-service	{background:url("../img/nav_service.gif") no-repeat left top;}
#nav-netzwerk	{background:url("../img/nav_netzwerk.gif") no-repeat left top;}
#nav-kontakt	{background:url("../img/nav_kontakt.gif") no-repeat left top;}
#nav-glossar	{background:url("../img/nav_glossar.gif") no-repeat left top;}
#nav-impressum	{background:url("../img/nav_impressum.gif") no-repeat left top;}

li#nav-philosophie, 
li#nav-designer, 
li#nav-service, 
li#nav-netzwerk, 
li#nav-kontakt, 
li#nav-glossar, 
li#nav-impressum	{ background-position:0% -120px; }


/* 4.4 Sitemaplist-Menu //////////////////////////////////////////////////////////////// */

#sitemaplist	{
	clear:both;
	float:left;
	height:194px;
	width:80px;
	padding:3px 0 0 20px;
}

#sitemaplist ul {
	width:65px;
	padding:0 0 0 5px;
}


#sitemaplist li 	{
	font-size:1em;
	font-weight:bold;
	line-height:2.25em;
	color:#82443b;
}


#sitemaplist li a	{
	display:block;
	color:#666;
	font-weight:normal;
	text-decoration:none;
	font-size:1em;
	line-height:2.25em;	/*  necessary for ie, otherwise bullet-square does not match text-positioning */
}

#sitemaplist li a:link, 
#sitemaplist li a:visited	{
	color:#666;
	font-weight:normal;
}

#sitemaplist li a:hover 	{
	color:#82443b;
	font-weight:bold;
}

#sitemaplist li a:active 	{
	color:#333;
	font-weight:bold;
}


/* 4.5 Producttable-Menu //////////////////////////////////////////////////////////////// */

ul#producttable	{
	float:left;
	width:555px;
	height:200px;
	margin:6px 0 0 -10px;
	padding:10px 0 0 60px;
	background:url("../img/product-table_bg.gif") no-repeat left top;
}

#producttable li	{
	float:left;
	display:block;
	width:91px;
	height:86px;
	color:#666;
	text-align:center;
	font-size:1em;
	line-height:1.2em;
	margin:0 10px 10px 0;
	list-style:none;
}

#producttable li.pt-active	{
	font-weight:bold;
	background:url("../img/product-table-item_bg.gif") no-repeat left top;
	background-position:0% -200px;	
}

#producttable span	{
	display:block;
	width:80px;
	height:60px;
	margin:5px 0 0 5px;
	background:url("../img/producttable-items.png") no-repeat left top;
	overflow:hidden;
}

#producttable span.pt-shwingsitz	{background-position:0% 0%;}
#producttable span.pt-klubstool	{background-position:-80px 0%;}
#producttable span.pt-plustish	{background-position:-160px 0%;}
#producttable span.pt-steckbord	{background-position:-240px 0%;}
#producttable span.pt-phonodeck	{background-position:-320px 0%;}
#producttable span.pt-goldshine	{background-position:-400px 0%;}

#producttable a span	{
	cursor:pointer;
}

#producttable a	{
	float:left;
	display:block;
	width:91px;
	height:86px;
	background:url("../img/product-table-item_bg.gif") no-repeat left top;
	text-decoration:none;
	
}

#producttable a:link, #producttable a:visited	{
	color:#666;
	font-weight:normal;
	background-position:0% 0%;
}

#producttable a:hover	{
	color:#82443b;
	font-weight:bold;
	background-position:0% -100px;
}

#producttable a:active	{
	color:#333;
	font-weight:bold;
	background-position:0% -200px;
}


/* 5. GENERAL ELEMENTS ################################################################ */

/* 5.1 Header-Elements //////////////////////////////////////////////////////////////// */

a#logolink, 
a#logolink:link	{
	width:250px;
	height:75px;
	display:block;
	position:absolute;
	left:40px;
	top:33px;
	text-decoration:none;
	border:0;
	z-index:5000;
}

a#logolink img, 
a#logolink:link img	{
	text-decoration:none;
	border:0;
}

#productbar h3{	
	float:left;	/* necessary for ie, otherwise positioning gets pushed down vertically */
	text-indent:-999em;
}

/* 5.1.1 Logobar-Elements ---------------------------------------------------------------- */

#logobar h1	{
	position:absolute !important;
	left:38px;
	top:35px;
	width:250px;
	height:70px;
	overflow:hidden;
	text-indent:-9999em;
}

/* 5.1.2 Mood-Elements ---------------------------------------------------------------- */

#productmood img	{
	width:auto;
	height:450px;
}

#productmood h1	{
	position:absolute;
	left:40px;
	top:330px;
	width:210px;
	text-indent:-9999em;
	overflow:hidden;
	display:none;
}

#productmood h2	{
	position:absolute;
	left:40px;
	top:380px;
	width:210px;
	height:70px;
	text-indent:-9999em;
	overflow:hidden;
	display:none;
}

/* 5.1.3 Language-Switch ---------------------------------------------------------------- */

a.lang, 
a.lang:link	{
	color:#dfdedc;
	position:absolute;
	display:block;
	width:80px;
	height:15px;
	padding:6px 10px;
	top:0px;
	right:0px;
	background-color:#333;
	opacity:.70;
}

a.lang:hover, 
a.lang:active	{
	opacity:1;
}


/* 5.2 Main-Elements //////////////////////////////////////////////////////////////// */

/* 5.2.1 Maincolumn ---------------------------------------------------------------- */

#maincolumn h2	{
	margin: 25px 0 0;
	width:449px;
	overflow:hidden;
}

#maincolumn h2.product1, 
#maincolumn h2.content1, 
#maincolumn h2.start1	{
	background:url("../img/product-bullets4.gif") no-repeat left top;
	font-size:2.4em;
	line-height:2.4em;
	padding:10px 0 0 70px;
	width:379px;
}

#maincolumn h2.product2, 
#maincolumn h2.content2, 
#maincolumn h2.start2	{
	font-size:1.8em;
	line-height:1.6em;
	margin: 30px 0 15px;
}

#maincolumn ul	{
	margin:0 0 20px 15px;
}

#maincolumn li	{
	font-size:1.2em;
	line-height:1.6em;
	height:28px;
}

#maincolumn p	{
	margin:0 0 20px;
}

#maincolumn p.blurb	{
	font-size:1.4em;
	line-height:1.6em;
	margin-top:10px;
	color:#9f7f6c;
	margin-bottom:30px;
}

#maincolumn p a, 
#maincolumn p a:link, 
#maincolumn ul li a:link	{
	color:#82443c;
	text-decoration:none;
	border-bottom:dotted 1px #82443c;
}

#maincolumn p a:hover, 
#maincolumn ul li a:hover	{
	text-decoration:underline;
	border-bottom:none;
}

#maincolumn p a:active, 
#maincolumn ul li a:active	{
	color:#000;
	border-bottom:none;
}

#maincolumn img	{
	border:4px solid #fff;
	opacity:.75;
}

#maincolumn img:hover	{
	opacity:1;
}

#maincolumn img.picleft	{
	float:left;
	margin:0 20px 32px;
}

#maincolumn img.picright	{
	float:right;
	margin:0 0 32px 20px;
}

/* 5.2.1 Sidecolumn ---------------------------------------------------------------- */

#sidecolumn h3	{
	font-size:1.8em;
	line-height:1.6em;
	margin:35px 0 10px;
	clear:both;
}

#sidecolumn h4	{
	font-size:1.3em;
	line-height:1.6em;
	font-weight:bold;
	margin:14px 0 0;
}

#sidecolumn ul	{
	list-style-type:none;
}

#sidecolumn li, 
#sidecolumn p	{
	font-size:110%;
	line-height:1.6em;
	margin:0 0 20px;
}

#sidecolumn li	{
	margin:0; /* necessary */
}

#sidecolumn a, 
#sidecolumn a:link	{
	color:#9f7f6c;
	border:none;
}

#sidecolumn a:hover	{
	color:#82443c !important;
	border:none !important;
}

#sidecolumn a:active	{
	color:#333 !important;
	border:none !important;
}

/* 5.2.3 Toplink ---------------------------------------------------------------- */

div.scrollink	{
	clear:both;
	height:24px;
	margin:32px 0;
	
}

a.totop	{
	background:url("../img/icons_all.gif") no-repeat left top;
	display:block;
	width:109px;
	height:21px;
	padding:0 0 0 20px;
	margin:32px 0 24px 40px;
	font-size:1.1em; 
	line-height:1.5em;
	color:#666;
	text-decoration:none;
}

a.totop:link, a.totop:visited	{
	background-position:0% 1px;
}

a.totop:hover	{
	color:#82443c;
	background-position:0% -39px;
	text-decoration:underline;
}

a.totop:active	{
	color:#333;
	text-decoration:underline;
	background-position:0% -79px;
}


/* 5.2.4 Bookmarkbar ---------------------------------------------------------------- */

#bookmarkbar h3	{
	width:130px;
	font-size:1.1em;
	line-height:1.5em;
	color:#999;
	float:left;
	text-align:left;
	margin:12px 0 0 40px;
	padding:0 0 0 20px;
	background:url("../img/icons_all.gif") no-repeat left -119px;
}

#bookmarkbar:hover h3	{
	background-position:0% -159px;
	color:#666;
}

#bookmarkbar a	{
	background:url("../img/bookmarkbuts_all.gif") no-repeat 0% 0%;
	display:block;
	float:left;
	padding:0 10px 0 0;
	margin:10px 0;
	width:20px;
	height:20px;
	overflow:hidden;
	text-decoration:none;
}

#bookmarkbar a#deli	{background-position: 0% 0%;}
#bookmarkbar a#digg	{background-position: -40px 0%;}
#bookmarkbar a#stum	{background-position: -80px 0%;}
#bookmarkbar a#magn	{background-position: -120px 0%;}
#bookmarkbar a#blin	{background-position: -160px 0%;}
#bookmarkbar a#redd	{background-position: -200px 0%;}
#bookmarkbar a#news	{background-position: -240px 0%;}
#bookmarkbar a#tech	{background-position: -280px 0%;}
#bookmarkbar a#diig	{background-position: -320px 0%;}
#bookmarkbar a#spur	{background-position: -360px 0%;}
#bookmarkbar a#furl	{background-position: -400px 0%;}
#bookmarkbar a#fark	{background-position: -440px 0%;}
#bookmarkbar a#face	{background-position: -480px 0%;}
#bookmarkbar a#yaho	{background-position: -520px 0%;}
#bookmarkbar a#micr	{background-position: -560px 0%;}
#bookmarkbar a#goog	{background-position: -600px 0%;}
#bookmarkbar a#mrwo	{background-position: -640px 0%;}
#bookmarkbar a#yigg	{background-position: -680px 0%;}
#bookmarkbar a#link	{background-position: -720px 0%;}
#bookmarkbar a#webn	{background-position: -760px 0%;}
#bookmarkbar a#edel	{background-position: -800px 0%;}

#bookmarkbar a#deli:hover	{background-position: 0% -20px;}
#bookmarkbar a#digg:hover	{background-position: -40px -20px;}
#bookmarkbar a#stum:hover	{background-position: -80px -20px;}
#bookmarkbar a#magn:hover	{background-position: -120px -20px;}
#bookmarkbar a#blin:hover	{background-position: -160px -20px;}
#bookmarkbar a#redd:hover	{background-position: -200px -20px;}
#bookmarkbar a#news:hover	{background-position: -240px -20px;}
#bookmarkbar a#tech:hover	{background-position: -280px -20px;}
#bookmarkbar a#diig:hover	{background-position: -320px -20px;}
#bookmarkbar a#spur:hover	{background-position: -360px -20px;}
#bookmarkbar a#furl:hover	{background-position: -400px -20px;}
#bookmarkbar a#fark:hover	{background-position: -440px -20px;}
#bookmarkbar a#face:hover	{background-position: -480px -20px;}
#bookmarkbar a#yaho:hover	{background-position: -520px -20px;}
#bookmarkbar a#micr:hover	{background-position: -560px -20px;}
#bookmarkbar a#goog:hover	{background-position: -600px -20px;}
#bookmarkbar a#mrwo:hover	{background-position: -640px -20px;}
#bookmarkbar a#yigg:hover	{background-position: -680px -20px;}
#bookmarkbar a#link:hover	{background-position: -720px -20px;}
#bookmarkbar a#webn:hover	{background-position: -760px -20px;}
#bookmarkbar a#edel:hover	{background-position: -800px -20px;}


/* 5.3 Footer-Elements //////////////////////////////////////////////////////////////// */

#sitemap h3	{
	float:left;
	clear:both;
	line-height:2.25em;
	font-size:1.1em;
	font-weight:bold;
	color:#999;
	padding:0 0 0 20px;
	margin:0 0 4px 4px; 
	background:url("../img/icons_all.gif") no-repeat left -195px;
}

#sitemap:hover h3	{
	color:#666;
	background-position:0% -235px;
}	

#copyright	{
	float:left;
	width:248px;
	height:200px;
	margin:6px 0 0 -20px;
}

#copyright a#logo-gd	{
	background:url("../img/logo_gd.png") no-repeat left top;
	width:248px;
	height:90px;
	display:block;
	text-indent:-999em;
}

#copyright a#logo-gd:link, 
#copyright a#logo-gd:visited	{
	background-position:0% 0%;
}

#copyright a#logo-gd:hover, 
#copyright a#logo-gd:active	{
	background-position:0% -100px !important;
}

#copyright p	{
	color:#999;
	font-size:1em;
	line-height:1.6em;
	width:233px;
	margin:12px 0 0 15px;
	padding:0;
	min-height:30px;
}

#copyright p:hover	{
	color:#666;
}

#copyright p.logo-kontinui	{
	background:url("../img/logo_kontinui.png") no-repeat left top;
	padding:0 0 0 36px;
	width:197px;
	margin-top:18px;
	min-height:30px;
}

#copyright p.logo-kontinui:hover	{
	background-position: 0% -80px;
	color:#666;
}

#copyright a,
#copyright a:link	{
	color:#82443c;
}

#copyright a:active	{
	color:#333;
}

/* 5.4 Miscellaneous Elements //////////////////////////////////////////////////////////////// */

div.clearer	{
	clear:both;
}


/* 6. SECTION-SPECIFIC STYLES ################################################################ */

/* 6.1 Content-Pages //////////////////////////////////////////////////////////////// */

body.content #productbar-shadow	{
	top:140px;
}

body.content #maincolumn h2.content1	{
	background:none !important;
	padding:0; /* necessary */
}

body.content #sidecolumn {
	color:#578190;
}

body.content #sidecolumn h3	{
	margin-top:26px;
	margin-bottom:15px;
}


/* 6.2 Product-Pages //////////////////////////////////////////////////////////////// */

body.product #productbar-shadow	{
	top:448px;
}

body.shwingsitz #maincolumn h2.product1	{background-position:0% -142px;}
body.klubstool #maincolumn h2.product1	{background-position:0% -292px;}
body.plustish #maincolumn h2.product1	{background-position:0% -442px;}
body.steckbord #maincolumn h2.product1	{background-position:0% -592px;}
body.phonodeck #maincolumn h2.product1	{background-position:0% -742px;}
body.goldshine #maincolumn h2.product1	{background-position:0% -892px;}

body.product #sidecolumn	{
	color:#9f7f6c;
}

body.product #sidecolumn h3	{
	background:url("../img/product-sidecolumn-bullets.gif") no-repeat left top;
	padding:0 0 0 32px;	
}

body.product #sidecolumn #product-pics h3	{background-position:-2px 6px;}
body.product #sidecolumn #product-specs h3	{background-position:0% -96px;}
body.product #sidecolumn #product-accessories h3	{background-position:0% -195px;}
body.product #sidecolumn #product-downloads h3	{background-position:0% -145px;}


#product-pics	{
	margin: 0 0 -14px;
}

#product-pics h3	{
	margin-bottom: 14px;
}

#product-pics a, 
#product-pics a:link	{
	border:none !important;
	margin: 0 14px 14px 0;
	height:auto;
	display:block;
	float:left;
}

#product-pics a img, 
#product-pics a:link img	{
	border:1px solid #cac9c8;
	opacity:0.8;
}

#product-pics a:hover img	{
	border:1px solid #82443c;
	opacity:1;
}

#product-specs a, 
#product-specs a:link	{
	border-bottom:1px dotted #9f7f6c;
	cursor:help;
}

#product-accessories li	{
	list-style:outside;
	list-style-type:disc;
	margin:0 0 0 15px;
}

#product-downloads a, 
#product-downloads a:link	{
	background:url("../img/product-sidecolumn-bullets.gif") no-repeat left top;
	background-position:0% -300px;
	margin:10px 0 0;
	text-indent:24px;
	display:block;
	height:20px;
	font-weight:bold;
}




/* 7. SITE-SPECIFIC STYLES ################################################################ */

/* 7.1 Start-Page //////////////////////////////////////////////////////////////// */

body.start #maincolumn h2.start1	{
	line-height:1.3em;
	padding:0 0 20px 90px;
	width:359px;
	margin:35px 0 0;
}

body.start #sidecolumn	{
	color:#999;
}

body.start #sidecolumn h3	{
	background:url("../img/icon_news.gif") no-repeat left 2px;
	padding:0 0 0 32px;	
	color:#578190;
	margin-top:26px;
	margin-bottom:15px;
}

body.start #sidecolumn h4	{
	font-size:1.2em;
	line-height:1.3em;
	font-weight:normal;
	color:#578190;
}

body.start .preloader	{
	width:1px;
	height:1px;
	visibility:hidden;
	background:url("../img/productkwick_active.png") left top no-repeat;
}

/* 7.1.1 News-Item ---------------------------------------------------------------- */

div.newsitem	{
	margin:25px 0 0;
	padding:0 0 15px;
	color:#578190;
}

#sidecolumn div.newsitem h4	{
	margin-bottom:8px;
	font-size:1.2em;
	line-height:1.6em;
	width:256px;
}

div.newsitem p	{
	margin:7px 0 0;
	font-size:1em;
	line-height:1.7em;
	clear:both;
}

div.newsitem p a img,
div.newsitem p a:link img	{
	float:left;
	margin:2px 12px 2px -1px;
	border:1px solid #578190;
	opacity:.8;
}

div.newsitem p a:hover img	{
	border:1px solid #82443c;
	opacity:1;
}

div.newsitem p a	{
	color:#578190 !important;
	font-weight:bold;
	border-bottom:1px dotted #578190 !important;
}

div.newsitem .newsdate	{
	display:block;
	margin:1px 9px 7px 0;
	padding:3px;
	text-align:center;
	background-color:#fff;
	font-size:0.75em;
	line-height:1.2em;
	font-weight:bold;
	float:left;
	border:1px solid #ccc;
}

div.newsitem .newsyear	{
	display:block;
	margin:2px -3px -3px;
	padding:3px 1px 1px;
	color:#fff;
	background-color:#ccc;
	width:auto;
}

div.newsitem .newsdate	{
	border:1px solid #578190;
}

div.newsitem .newsyear	{
	background-color:#578190;
}

/* 7.3 Designer //////////////////////////////////////////////////////////////// */

body.designer .preloader	{
	width:1px;
	height:1px;
	visibility:hidden;
	background:url("../img/designer_bastian-greim2.jpg") left top no-repeat;
}

/* 7.5 Glossary //////////////////////////////////////////////////////////////// */

body.glossary #maincolumn p.backlink	{
	margin:-10px 0 0;
	visibility:hidden;
}

body.glossary #maincolumn h2.content2	{
	padding:20px 0 0;
	margin: 10px 0 15px;
}

body.glossary #sidecolumn, body.glossary #sidecolumn h3	{
	color:#9f7f6c;
}

body.glossary #sidecolumn li	{
	height:21px;
}

body.glossary #sidecolumn li a, 
body.glossary #sidecolumn li a:link	{
	border-bottom:1px dotted #9f7f6c;
	cursor:help;
}

/*
#glossarylist	{
	position:fixed;
}
*/

/* 7.8 Contact //////////////////////////////////////////////////////////////// */

body.contact form	{
	width:auto;
	height:300px;
	margin:0 0 40px;
	padding:15px 0 0;
}

form span	{
	display:block;
	clear:both;
}	

form label	{
	display:block;
	width:130px;
	height:22px;
	font-weight:bold;
	color: #82443c;
	margin:0 20px 0 0;
}

#subjectLabel label, 
#emailLabel label	{
	float:left;
	margin: 5px 15px 20px 0;
}

span#userLabel	{
	display:none;
}

select	{
	float:left;
	padding:1px 0;
	margin:0 0 0 -2px;
}

textarea	{
	display:block;
	height:140px;
	width:424px;
	margin:0 0 15px;
	padding:3px;
	line-height:1.5em;
	clear:both;
	border:1px solid #999;
	background:#f8f7f6;
}

input#myForm_Email	{
	width:278px;
	margin:0 0 15px;
	height:18px;
	padding:3px 3px 1px;
	line-height:1.2em;
	border:1px solid #999;
	background:#f8f7f6;
}

textarea:hover, 
input#myForm_Email:hover	{
	border:1px solid #666;
}

textarea:focus, 
input#myForm_Email:focus	{
	border:1px solid #666;
	background:#fff;
}

input#myForm_submit	{
	clear:both;
	line-height:1.3em;
	margin:15px 0 30px;
}

div.fValidator-msg	{
	color: #82443c;
	width:100%;
	height:20px;
	margin:-10px 0 10px;
}

/* 7.9 Imprint //////////////////////////////////////////////////////////////// */

/* 7.10 MessageSent //////////////////////////////////////////////////////////////// */

body.message #maincolumn	{
	height:600px;
	margin-bottom:0;
}



/* EXTERNAL STYLES ################################################################ */

/* 8.1 Slimbox-Styles //////////////////////////////////////////////////////////////// */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #dedddb;
}

.lbLoading {
	background: #fff url(../img/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../img/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../img/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	text-indent:40px;
	color: #666;
	text-align: left;
	border-bottom: 10px solid #dedddb;
	border-top-style: none;
}

a#lbCloseLink, a#lbCloseLink:link {
	display: block;
	float: right;
	width: 25px;
	height: 25px;
	background: transparent url(../img/closelabel.gif) no-repeat left top;
	margin: 5px 10px 5px 0;
	outline: none;
	overflow:hidden;
}

a#lbCloseLink:hover, a#lbCloseLink:active	{
	background-position:0 -25px;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
	font-size: 1.3em;
	line-height: 1.6em;
	color: #82443c;
}

#lbCaption span	{
	text-indent:0;
}

#lbNumber {
	font-size: 1em;
}


/* 8.2 Site-Specific Changes to Slimbox Styles //////////////////////////////////////////////////////////////// */

.designer #lbBottom	{
	text-indent:20px;
}

.designer a#lbCloseLink	{
	margin: 0 15px 5px 0;
}