@import url("classen.css");

* {
margin: 0;
padding: 0;
background-repeat:no-repeat;
}

html { /* bei Bedarf fuer zentriertes Layout */
min-height: 100%; /* erzwingt vertikalen Scrollbalken-Platzhalter im Firefox, um ein "Huepfen" zu vermeiden (zusammen mit margin-bottom: 0.1px;) */
margin-bottom: 0.1px;
border-bottom: 1px solid #000; /* dann funktionierts auch mit Safari und Opera, allerdings mit immer mit aktivem Scrollbalken, auch im FF */
}

body {
font: 100.01% Arial, sans-serif;
background:#000 url(../img/hg.gif) center top repeat-y;
margin:0;
padding:0;
color:#fff;
}

#container {
width: 1024px;
background: #fff;
margin:0 auto;
position: relative;
color:#000;
}

/* Kopfbereich und Menü 
**********************************************************/

#title {
height:131px;
position:relative;
top:0px;
left:0px;
width: 1024px;
border-bottom: 2px solid #fff;
}
#title img#signet {
position: absolute;
top: 0;
left:200px;
z-index: 10;
border: none;
}
#title h1 {
position: absolute;
top: -2000px;
left: -2000px;
overflow:hidden;
text-indent:-1000em;
margin: 0;
}

#metamenu {
position:absolute;
right:0px;
bottom:-24px;
height:22px;
z-index:90;
/*border-bottom:10px solid #FFF7E9;
background-position:245px 0;*/
width:200px;
}

#metamenu ul {
/*margin:65px 0 0 300px; wg. Fehlern im IE7*/
width:200px;
padding: 5px 0 0 0;
height:17px;
background-color:#e9e7e4;
font-size:0.68em;
}
#metamenu li {
display:inline;
margin-right:10px;
padding: 5px 0 0 0;
background-color:#e9e7e4;
}
#metamenu li a, #metamenu li a:link, #metamenu li a:active, #metamenu li a:visited {
color:#000;
text-decoration:none;
}
#metamenu li a:hover {
color:#ffa00d;
}


#navigation {
background-color: #e9e7e4;
height: 22px;
border-bottom: 2px solid #fff;
}


#navigation ul:after /* Float problem */ {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}


#navigation img {
border:none;
}

#navigation ul {
margin:0 0 0 206px;
padding:0 0 0 0;
list-style:none;
width:615px;
}

#navigation li {
display:inline;
float:left; /* Muessen gefloatet werden, sonst funktionieren die Hintergrundsbilder nicht. */
}

#navigation li a {
overflow:hidden;
background-position:bottom center;
text-indent:-2000em;
display:block;
height:22px;
}

#navigation li.active a {
color:#CE8444;
}


/* #navigation links */
#navigation li a.cat79 {
background-image:url(../img/d000-aktuell.gif);
width:68px;}
#navigation li a.cat41 {
background-image:url(../img/d000-designforum.gif);
width:113px;}
#navigation li a.cat33 {
background-image:url(../img/d000-projekte.gif);
width:84px;}
#navigation li a.cat176 {
background-image:url(../img/d000-auszeichnungen.gif);
width:135px;}

/* #navigation aktiv und hovers */
/* !important wurde benutzt damit "#navigation li.active a:hover" auch funktioniert. */
#navigation li a.cat79:hover, #navigation li.active a.cat79 {background-image:url(../img/d000-aktuell_o.gif) !important;}
#navigation li a.cat41:hover, #navigation li.active a.cat41 {background-image:url(../img/d000-designforum_o.gif) !important;}
#navigation li a.cat33:hover, #navigation li.active a.cat33 {background-image:url(../img/d000-projekte_o.gif) !important;}
#navigation li a.cat176:hover, #navigation li.active a.cat176 {background-image:url(../img/d000-auszeichnungen_o.gif) !important;}


#subnavigation {
float:left;
width:200px;
z-index:20;
margin:0;
padding:15px 0 25px 0;
}

#subnavigation ul {
list-style:none;
margin:0;
overflow:hidden;
padding:0;
}

#subnavigation #subcats1,
#subnavigation #subcats2 {
margin: 1px 0 8px 0;
}

#subnavigation li a {
color:#000;
text-decoration:none;
font-size:0.95em;
display:block;
padding:7px 5px 4px 10px;
margin-bottom: 1px;
}
#subnavigation li a:hover {
background-color: #cececc;
color: #000;
}
#subnavigation li.active a, 
#subnavigation li.active a:hover {
background-color: #cececc;
color: #000;
}

#subnavigation li.active ul li a { 
font-weight:normal;
background:none;
padding:4px 0 2px 20px;
}

#subnavigation li.active ul li a:hover,
#subnavigation li.active ul li.active a, 
#subnavigation li.active ul li.active a:hover {
background-color: #d6d6d4;
}


#subnavigation li.active ul li ul {
}
#subnavigation li.active ul li ul li {
font-size: 0.98em;
margin-bottom: 1px;
}
#subnavigation li.active ul li.active ul li a {
padding-left:35px;
background: none;
}
#subnavigation li.active ul li.active ul li a:hover,
#subnavigation li.active ul li.active ul li.active a,
#subnavigation li.active ul li.active ul li.active a:hover {
background: #dfdedc;
}

li.active{font-weight:bold;}



/* Inhaltsbereich
**********************************************************/


#content {
background: #fff;
font-size:0.8em;
width:824px;
padding-right: 200px;
position:relative;
min-height: 577px;
float:left;
clear: both;
background:#fff url(../img/hg-mainbody.jpg) 0 50px no-repeat;
}

#content:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}


#articletitle {
background-color:#ffa00d;
height:44px;
padding-top:4px;
width:814px;
padding-left:210px;
}
#articletitle h2 {
margin:0;
display: none;
color:#fff;
}
#articletitle img {
margin:8px 0 0 2px;
}


#mainbody {
width:615px;
margin-top:15px;
padding-left: 0;
float:right;
}


#werbung
{position:absolute;
top:68px;
left:840px;
width:145px;
overflow:hidden;
}
.werbung {border:none; margin-bottom:5px;}


#footer {
font-size: 0.78em;
padding-left: 210px;
}
#footer p {
margin-bottom: 0;
}
#footer p.copy {
display:none;
}



/* Formate 
**********************************************************/

.floater
{clear:right !important;
float:right;
margin:0 0 10px 10px;
}



h1 {
margin: 10px 0 0 0;
padding: 0px;
font-size: 1.3em;
letter-spacing: 0.05em;
}
h2 {
font-size: 1.1em;
font-weight: bold;
margin: 15px 30px 4px 0;	
letter-spacing: 0.05em;
}
h3 {
font-size: 0.90em;
font-weight: bold;
color: #333333;
margin: 12px 30px 4px 0;
letter-spacing: 0.08em;
text-transform: uppercase;
}

h4{
font-size: 1em;
font-weight: normal;
letter-spacing: 0.1em;
margin: 8px 30px 4px 0;
}

h5{
font-size: 0.92em;
font-weight: bold;
color: #333333;
margin: 8px 30px 4px 0;
letter-spacing: 0.1em;
}

h6{
font-size: 0.86em;
font-weight: normal;
color: #333333;
margin: 8px 30px 4px 0;
letter-spacing: 0.1em;
}

a, a:link, a:active {
	color: #5897d5;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

a[href*="mailto"] 
{
 color: #5897d5;
}

#toplink,
#backlink
{
	font-size: 85%;
	padding-left: 16px;
	margin-right: 10px;
	line-height: 50px;
}
#toplink
{
	background: url(../img/nachoben.gif) 0 0 no-repeat;
}
#backlink
{
	background: url(../img/zurueck.gif) 0 0 no-repeat;
}

p {
	margin: 2px 25px 5px 0;
}


/* Listen */
#mainbody ul {
	margin: 7px 30px 12px 30px;
	list-style-type: square;
	list-style-image: url(../img/liste.gif);
}
#mainbody ol {
	margin: 7px 30px 12px 30px;
}
#mainbody li {
	margin-bottom: 4px;
	padding: 0;
}


div.section:after
{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

div.section {
/*border:1px solid #FFF7E9;
border-right:none;
border-top:1px solid #FFF7E9;*/
margin-top: 1px;
}
div.section img {
margin-top:-1px;
}

div.sectiontext
{width:435px;
}

div.section h1 {
font-size:1.2em;
margin: 5px 30px 5px 0;
}

div.section p
{line-height: 130%;
}

#kategorieList a,
#articleList a
{
	color: #5897d5 !important;
	background: url(../img/mehr.gif) no-repeat;
	padding-left: 15px;
}

#kategorieList ul.kategorie-list,
#articleList ul.article-list
{
	margin: 10px 30px 12px 10px;
	list-style-type: none;
	list-style-image: none;
}


div.filedownload 
{
	margin: 8px 0;
}

div.filedownload a
{
	color: #5897d5;
	background-image: url(../img/icon_download.gif);
	padding-left: 16px;
	margin: 4px 0px 4px 0;
}

/*a.pdf {
	background-image: url(../img/pdf-icon.gif);
	padding-left: 26px;
	margin: 4px 0px 4px 0;
}*/




/* Sitemap */
#sitemap {margin:20px 0 0 20px;}

#sitemap a 
{
color: #5897d5;
}

#mainbody #sitemap ul.sitemaplevel1, 
#mainbody #sitemap ul.sitemaplevel2, 
#mainbody #sitemap ul.sitemaplevel3,
#mainbody #sitemap ul.sitemaplevel4
{
	list-style-image: url(../img/mehr.gif);
}

#sitemap a.level1{
font-weight: bold;
text-transform: uppercase;
font-size: 1.05em;
letter-spacing: 0.05em;
}

#sitemap a.level3,
#sitemap a.level4
{
font-size: 0.9em;
}





/* Formular
*************/

fieldset {
border: none;
margin: 8px 2px;
}

label {
font-size: 1em;
}

#kontakt
{text-align:left;
}

input, textarea {
display:block;
margin: 4px 0 10px 0;
padding: 4px;
border: 1px solid #5897d5;
}

input.senden {
background-color: #5897d5;
color: #FFFFFF;
font-weight: bold;
padding: 2px 4px;
}

p.center, /* Text: Nachricht verschickt. */
.formerror /* Text: Fehlerliste */
{
color: #993300;
}

/* Galerie und Pressebilder
****************************/

.REXgallery {
margin: 15px 0 0 0;
}

.REXgallery table
{	margin:0;
width:90%;
border: none;
}

.REXgallery a
{ border:0;
}
.REXgallery img
{border: none;
}
.REXgallery table td
{	text-align:left;
	border: none;
	padding: 0 0 5px 0;
}
.REXgallery table a.zoomed
{	text-align:left;
	width:100%;
	display:block;
}
.REXgallery table a.zoomed img
{	background:(../img/kittscanner.gif) no-repeat bottom right;
}

#mainbody ul.galControls
{list-style:none;padding:0 0 10px 2px;margin: 0; text-align: left;}

.galControls li {display:inline; padding: 0 20px;}
.galControls a {padding: 0 25px 0 16px; text-decoration:none;}

.REXgalBack a{background:url(../img/zurueck.gif) no-repeat center left;}
.REXgalZoom a{background:url(../img/uebersicht.gif) no-repeat center left;}
.REXgalNext a{background:url(../img/weiter.gif) no-repeat center right;padding: 0 16px 0 5px;}

a:focus, a:active, input:focus, input:active {
outline: 0;
-moz-outline: none;
}

#sitedocs
{margin:20px 15px 0 0;
}