@charset "ISO-8859-1";

/* ***************************************************************************************
	Allgemeine Vereinbarungen für alle Seiten
*************************************************************************************** */

@font-face
{
	font-family: 'Varela';
	src: url('varelaround_regular.otf') format('opentype');
	src: url('varelaround_regular.ttf') format('truetype');
}

body 	
{ 
	margin: 0px; padding: 0px;
	background-color: #FFFFFF; color: #000000; 
	font-family: 'Varela', Arial, sans-serif; 
	font-size: 1em; font-weight: normal; font-style: normal;
}

a:link, a:visited, a:active, a:focus, a:hover
{ 
	color: #000000; 
	text-decoration: none;
	outline: none;		/* Sorgt dafür, dass der Link, wenn er den Focus hat, nicht gestrichelt umrandet wird */ 
}

p.hline		/* horizontale dünne Linie in Grau */
{			/* Bei Verwendung muss noch festgelegt werden: left, top, width */
	position: relative;
	margin: 0px; padding: 0px;
	border-style: solid;
	border-color: green blue grey red;  /* nur grey darf erscheinen */
	border-width: 0px 0px 1px 0px;
	height: 0px; width: 100%;
	float: left;	/* Damit sie immer links am Rand beginnt. */
}

div.backgr
{
	opacity: 0.7; filter: alpha(opacity=70);
	position: absolute; top: 0px; left: 70px;
	z-index: -2;
	width: 100%;   /* wirkt nicht, muss nochmal direkt ins img-Tag */
}

/* ***************************************************************************************
	Vereinbarungen für die festen Teile aller Seiten (Shopname, ...) Oben
*************************************************************************************** */

div.headregion
{
	position: relative;
	top: 15px; left: 15px;
	margin: 0px; padding: 0px;
	width: 40%;			/* Logo und Shopname nehmen nur 40% der Seite ein */
					/* Bei Smartphones auf 60 % erhöhen? */
	min-width: 200px;
	border: 0px solid blue;
}

div.headregion img#shopname
{
	position: relative; top: 0px; left: 0px;
	width: 100%;
	margin: 0px; padding: 0px;
	border: 0px solid red;
}

div.headregion p
{
	font-size: 0.8em;
}

/* ***************************************************************************************
	Vereinbarungen für die variablen Teile aller Seiten (Inhalt)
*************************************************************************************** */

div.content
{
	position: relative;
	top: 15px; left: 15px;
	margin: 0px; margin-top: 2em; padding: 0px;
	width: 95%;			
	border: 0px solid blue;
}

div.content p.introtext
{
	position: relative;
	top: 0px; left: 0px; 
	margin: 0px; padding: 0px;
	width: 100%;   
	text-align: left;
	line-height: 1.5em;  /* font-size und font-weight in body festgelegt */
	border: 0px solid violet;
}

div.content p.chaptertext
{
	position: relative;
	margin: 0px; padding: 0px; margin-top: 4em;
	text-align: left;
	border: 0px solid violet;
	width: 100%;
	float: left;
}

div.content p.subchaptertext
{
	position: relative;
	margin: 0px; padding: 0px; margin-top: 2em;
	text-align: left;
	border: 0px solid violet;
	width: 100%;
	float: left;
}

/* ------------------------------------------------------------------------------
	Liste mit den freigestellten Tischlampen (Main page und Tischlampen-Seite)
-------------------------------------------------------------------------------- */

div.content div.tablelamplist
{
	position: relative;
	top: 10px; left: 0px;
	padding: 0px; margin: 0px; margin-top: 20px; 
	border: 0px solid violet;
	float: left;
}

div.content div.tablelamplist ul
{
	position: relative;
	top: 0px; left: 0px;
	padding: 0px; margin: 0px;
 	width: 100%;
	list-style-type: none;
	border: 0px solid brown;
}

div.content div.tablelamplist ul li
{
	margin: 0px; padding: 0px; padding-bottom: 50px; padding-right: 20px;
	float: left;
	border: 0px solid green;
}

div.content div.tablelamplist ul li.p
{
	width: 180px; height: 250px;
}

div.content div.tablelamplist ul li.t
{
	width: 180px; height: 250px;
}

div.content div.tablelamplist ul li.last
{
	float: left;
	width: 180px; height: 120px;
}

div.content div.tablelamplist ul li a
{
	text-decoration: none;
}

div.content div.tablelamplist ul li img
{
	border: 0px solid black;  /* nicht wegnehmen! notfalls in background-color machen. */
	height: 100%;
}

div.content div.tablelamplist ul li p
{
	padding: 0px; margin: 0px;
	color: #000000;
	font-family: 'Varela', Arial, sans-serif;
	text-align: center;
}

/* ----------------------------------------------------------------------------
	Liste mit den freigestellten Stehlampen (Main page und Stehlampen-Seite)
------------------------------------------------------------------------------- */

div.content div.floorlamplist
{
	position: relative;
	top: 10px; left: 0px;
	padding: 0px; margin: 0px; margin-top: 20px; 
	border: 0px solid violet;
	float: left;
}

div.content div.floorlamplist ul
{
	position: relative;
	top: 0px; left: 0px;
	padding: 0px; margin: 0px;
 	width: 100%;
	list-style-type: none;
	border: 0px solid brown;
}

div.content div.floorlamplist ul li
{
	margin: 0px; padding: 0px; padding-bottom: 50px; padding-right: 20px;
	float: left;
	border: 0px solid green;
}

div.content div.floorlamplist ul li.p
{
	width: 130px; height: 300px;
}

div.content div.floorlamplist ul li.t
{
	width: 130px; height: 300px;
}

div.content div.floorlamplist ul li.last
{
	float: left;
	width: 130px; height: 120px;
}

div.content div.floorlamplist ul li a
{
	text-decoration: none;
}

div.content div.floorlamplist ul li img
{
	border: 0px solid black;  /* nicht wegnehmen! notfalls in background-color machen. */
	height: 100%;
}

div.content div.floorlamplist ul li p
{
	padding: 0px; margin: 0px;
	color: #000000;
	font-family: 'Varela', Arial, sans-serif;
	text-align: center;
}

/* -------------------------------------------
	Tabelle für AGBs usw.
-------------------------------------------- */

div.content table.imprtext
{
	position: relative;
	top: 0px; left: 0px; 
	margin: 0px; padding: 0px; margin-top: 20px;
	width: 700px;   
	text-align: left;
	font-size: 0.8em; line-height: 1.5em; font-weight: normal;
	border: 0px solid red;
}

div.content table.imprtext td
{
	vertical-align: top;
	border: 0px solid green;
}

/* ----------------------------------------------------------------------
	Liste mit den Bildern und Texten auf den Detailseiten Tischlampen
------------------------------------------------------------------------- */

div.content div.tablelampitems
{
	position: relative;
	top: 10px; left: 0px;
	padding: 0px; margin: 0px; margin-top: 20px; 
	border: 0px solid violet;
	float: left;
}

div.content div.tablelampitems ul
{
	position: relative;
	top: 0px; left: 0px;
	padding: 0px; margin: 0px;
 	width: 100%;
	list-style-type: none;
	border: 0px solid brown;
}

div.content div.tablelampitems ul li
{
	margin: 0px; padding: 0px; padding-bottom: 20px; padding-right: 20px;
	float: left;
	border: 0px solid green;
}

div.content div.tablelampitems ul li.p
{
	width: 200px; height: 250px;
}

div.content div.tablelampitems ul li.t
{
	width: 200px; height: 250px;
}

div.content div.tablelampitems ul li a
{
	text-decoration: none;
}

div.content div.tablelampitems ul li img
{
	border: 0px solid black; 
	height: 100%;
}

div.content div.tablelampitems ul li p
{
	padding: 0px; margin: 0px;
	color: #000000;
	font-family: 'Varela', Arial, sans-serif;
	text-align: left;
	border: 0px solid red; 
}

/* ----------------------------------------------------------------------
	Liste mit den Bildern und Texten auf den Detailseiten Stehlampen
------------------------------------------------------------------------- */

div.content div.floorlampitems
{
	position: relative;
	top: 10px; left: 0px;
	padding: 0px; margin: 0px; margin-top: 20px; 
	border: 0px solid violet;
	float: left;
}

div.content div.floorlampitems ul
{
	position: relative;
	top: 0px; left: 0px;
	padding: 0px; margin: 0px;
 	width: 100%;
	list-style-type: none;
	border: 0px solid brown;
}

div.content div.floorlampitems ul li
{
	margin: 0px; padding: 0px; padding-bottom: 20px; padding-right: 20px;
	float: left;
	border: 0px solid green;
}

div.content div.floorlampitems ul li.p
{
	width: 120px; height: 300px;
}

div.content div.floorlampitems ul li.t
{
	width: 240px; height: 300px;
}

div.content div.floorlampitems ul li a
{
	text-decoration: none;
}

div.content div.floorlampitems ul li img
{
	border: 0px solid black; 
	height: 100%;
}

div.content div.floorlampitems ul li p
{
	padding: 0px; margin: 0px;
	color: #000000;
	font-family: 'Varela', Arial, sans-serif;
	text-align: left;
	border: 0px solid red; 
}