/* @override http://www.firmendesign.net/schueller/tl_files/sks/style.css */

@charset "UTF-8";

* {
margin: 0;
padding: 0;
}

p {
margin: 15px 0;
}

body {
	font: 10px Helvetica, Arial, Verdana, sans-serif;
	color:#666666;
	margin:0;
	padding:0;	
}

#grauband1 {
	position:absolute;
	top:8em;
	width:100%;
	height:32em;
	background-color:#616387;
	background-image:url(images/222.jpg);
}

#grauband2 {
	position:absolute;
	top:40em;
	width:100%;
	height:4em;
	background-color:#fff;
}

#wrapper {
	position:absolute;
	left:50%;
	margin-left:-48em;
	width:96em;
	height:auto;
	}

/* ------------ Start Struktur Header ------------ */
#header {
	width:96em;
	height:8em;
	background-color:#fff;
	}

#topmenu {
	position:absolute;
	left:50%;
	margin-left:-48em;
	top:0em;
	width:96em;
	height:4em;
	}
	
#logo{
	position:absolute;
	left:50%;
	margin-left:-48em;
	top:4em;
	width:96em;
	height:4em;
	}
	
	
.startbild {
	width:56em;
	height:32em;
	padding:0 0 3em 0;
	}
/* ------------ End Header ------------ */


#mod_breadcrumb {
	position:absolute;
	left:50%;
	margin-left:-48em;
	top:30em;
	width:96em;
	margin: 0;
	padding:1.2em 0 0 0;
	}
	
#adresse {
	position:absolute;
	right:50%;
	margin-right:-48em;
	top:29em;
	width:18em;
	padding:0 0 0 2em;
}


/* ------------ Typo Header ------------ */

#topmenu li  {
	font-size: 1.1em;
	font-weight: normal;
	display: inline;	
	border-left: 1px solid #666 ;
	list-style-type:none;
	padding:0 10px 0 10px;
	}

#topmenu li a { color:#999; }
#topmenu li a:hover { color:#333; }
#topmenu li .active, #topmenu_archiv  li ul .level_1 .level_2 .level_3 .active {
	font-size: 1.0em;
	font-weight: normal;
	display:inline;
	color: #000;
	}

/*Schüller. Innenarchitektur Düsseldorf*/
#header h1   {
	color: #000;
	font-size: 30px;
	letter-spacing:0.05em;
	line-height: 28px;
	font-weight: normal;
	font-style: normal;
	margin:0 0 0 0;
}

#header p a   { color: #fff; }

/* ------- Strucktur & Typo Haupt-Menu --------- */

#mainmenu {
	position:absolute;
	right:50%;
	margin-right:-48em;
	top:8em;
	width: 20em;
	height:32em;
	background-image:url(images/verlauf_menu.jpg);
	}
	
#mainmenu ul li {
	list-style: none;

	}

#mainmenu ul li a, #mainmenu ul li p { 
	font-size: 1.2em;
	font-weight: bold;
	color:#fff;
	letter-spacing:0em;
	display:block;
	border-bottom: 1px #fff solid;	
	line-height:39px;
	padding-left:1.5em;
}

* html #mainbmenu ul li a {	
	\width:20em; /* for IE5 and IE6 in quirks mode */
	w\idth:18.5em; /* for IE6 in standards mode */
	}

#mainmenu ul li p.active  {
	color: #fff;
	background-color: #333;
}

#mainmenu ul li a:hover {
	background-color: #666;
	font-weight:bold;
	}

#mainmenu li.submenu ul { display:none; }

#mainmenu li.active ul, .mainmenu li.trail ul
{	font-size: 1.0em;
	display:block;
}

#mainmenu .entry ul li:before{
	content: "0BB 020";
	}
	

/* --------- Strucktur & Typo Submenu -------- */	

#submenu,
#submenu_archiv {
	position:absolute;
	right:50%;
	margin-right:-28em;
	top:8em;
	width:20em;
	height:31em;
	background-color:#333;
	padding-top: 1em;
	}

* html #submenu, #submenu_archiv {	
	\width:20em; /* for IE5 and IE6 in quirks mode */
	w\idth:20em; /* for IE6 in standards mode */
	}

#submenu ul li, 
#submenu_archiv ul li 	{
	font-size: 1.2em;
	line-height:1.8em;
	font-weight: bold;
	cursor: pointer;
	color: #fff;
	list-style-type:none;
	padding:0 0 0 1em;

	}
	
/*ul.level_1 ul.level_2 .level_3 */

#submenu ul li  a, 
#submenu_archiv ul li  a { color:#999; }

#submenu ul li a:hover,
#submenu_archiv ul li a:hover { color: #bab6cf; }

#submenu ul li .active,
#submenu_archiv  ul li .active {
	display: block;
	font-size: 1.0em;
	line-height:1.6em;
	font-weight: bold;
	cursor: pointer;
	color: #fff;
	list-style-type:none;
	}

.mod_breadcrumb {
	font-size:1.1em;
	padding-top: 1.2em;
	color: #000;
}

.mod_breadcrumb a {
	color: #000;
}

/* End Typo Header  */

/* Start Strucktur Main, Right, Newsleser und Newsliste */

#main {
	width:54em;
	padding-right:2em;
	margin: 0;
	background-color:#fff;
	float:left;
	}

#right {
	width: 40em;
	margin: 0;
	padding:0;
	float:right;
	}
	
.mod_newsreader, .mod_newslist  	{
	width:52em;
	margin:0;
	padding:2em 2em 2em 2em;
	background-color:#e7e5e5;
	}
	  	
/* End Strucktur Main, Right, Newsleser und Newsliste  */


h1 {
	color: #000;
	font-size: 24px;
	line-height: 28px;
	font-weight: normal;
	font-style: normal;
	margin:0 0 0.5em 0;
}

h2    {
	color:  #000;
	font-size: 20px;
	line-height: 24px;
	font-weight: normal;
	font-style: normal;
	margin:0 0 .3em 0;
	}
	
h3       {
	color: #000;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	font-style: normal;
	margin:3px 0 5px 0;
}

h4     {
	color: #000;
	font-size: 1.4em;
	line-height: 1.9em;
	font-style: normal;
	font-weight: bold;
	margin:0;
}

p     {
	color: #000;
	font-size: 1.4em;
	line-height: 1.6em;
	font-style: normal;
	font-weight: normal;
	margin:0;
}

.caption {
	color: #000;
	font-size: 1.4em;
	line-height: 1.6em;
	font-style: normal;
	font-weight: normal;
	margin:0;
}

.pw      {
	color: #FFF;
	font-size: 1.2em;
	line-height: 1.4em;
	font-style: normal;
	margin:0;
	font-weight: bold;
}
.pw a  { color: #FFFFFF; text-decoration: none; }
.pw a:hover  {
	color: #CCCCCC;
	text-decoration: none;
}


ul {
	margin:0;
	padding:0;
}

li {
	font-size: 12px;
	line-height: 18px;
	color:#333;
	font-style: normal;
	font-weight:normal;
	list-style-type:circle;
	list-style-position:inside;
	margin: 0 0 0 0;
	padding:0 0 0 0;
}

a  {
	color: #333;
	text-decoration: none;
}
a:hover  {
	color: #CCC;
	text-decoration: none;
}
#header a  {
	color: #666;
	text-decoration: none;
	list-style-type: none;
}

h1 a:hover, h2 a:hover, h3 a:hover {
	color: #333;
	text-decoration: underline;
	}

/* ––––––––– Typo News ----------- */
p.info  {
	color: #333;
	font-size: 1.4em;
	line-height: 1.6em;
	font-style: normal;
	font-weight: normal;
	margin:0;
}

p.more  {
	color: #666;
	font-size: 1.2em;
	font-style: normal;
	font-weight: normal;
	margin:0 0 2em 0;
}

p.more {
	color: #333;
}

.layout_simple   {
	color: #333;
	font-size: 1.4em;
	line-height: 1.6em;
	font-style: normal;
	font-weight: normal;
	margin:0;
}

p.back  {
	color: #666;
	font-size: 1.2em;
	line-height: 1.6em;
	font-style: normal;
	font-weight: normal;
	margin:0;
}

p.back a {
	color: #333;
}




