/* hacks for microsoft ie6-win layout bugs
----------------------------------------------- */
/* Hides from IE-mac \*/
* html body {min-width:652px;}
* html #navigation ul.profil {left:0px;width:648px;}
/* End hide from IE-mac */


/* global
----------------------------------------------- */
a.img {padding:0;}
a.img:hover {
	background-color:transparent;
	border-color: #FF3300;
	border-width: 1px;
}

img { border:none; }
img.heading { margin-top:5px; }

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

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

body {
	background: #FFFFFF;
}
/* Layers for Layout, look for name */
#titel {
	position:relative;
	z-index:auto;
	visibility: visible;
	width: 965px;
	height: 627px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3%;
	padding-bottom: 10px;
	background: #7d564c;
	padding-left: 10px;
	padding-top: 20px;
}
#logo {
	position:relative;
	z-index:auto;
	visibility: visible;
	width: 965px;
	height: 102px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3%;
	padding-bottom: 10px;
	background: #7d564c;
	padding-left: 10px;
	padding-top: 20px;
}
#nurtext {
	position:inherit;
	z-index:auto;
	visibility: visible;
	width: 965px;
	height: 340px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	background: #7d564c;
	vertical-align: bottom;
}
#text {
	position:inherit;
	z-index:auto;
	visibility: visible;
	width: 965px;
	height: 150px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	background: #7d564c;
	vertical-align: bottom;
}
#bild {
	position:inherit;
	z-index:auto;
	visibility: visible;
	width: 965px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-bottom: 10px;
	background: #7d564c;
}

#hold	{
	position:inherit;
	overflow:hidden;
	width:955px;
	height:200px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	background: #7d564c;
}

#wn	{
	position:relative;
	width:955px;
	height:200px;
	clip:rect(0px, 955px, 200px, 0px);
	overflow:hidden;
	z-index:101;
	}
#lyr1	{
	position:relative;
	visibility:visible;
	z-index:102;
	}
  

/* navigation
----------------------------------------------- */

body.top #navigation { background:url(img/navigationtop.png) no-repeat 0 0; 
}

#navigation {
	position:inherit;
	visibility: visible;
	width: 965px;
	height:10px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	list-style-type:none;
	background-color:#7d564c;
}
* html #navigation { background:url(img/navigationtop.png) no-repeat 0 0; }

#navigation li {
	display:inline;
	margin-left: auto;
	margin-right: auto;
	padding:0;
	height:17px;
	width: 965px;
}

#navigation a {padding:0;}

li#news a, li#profil a, li#projekte a, li#presse a, li#kontakt a {
float:left;
height:17px;
}

#navigation li span {display:none;}
#navigation ul.profilA li span {display:none;}
#navigation ul.presseA li span {display:none;}
#navigation ul.projektA li span {display:none;}

/* apply navigation matrix to tab anchor tags */
li#news a,
li#profil a,
li#projekte a,
li#presse a,
li#kontakt a { background:url(img/navigationtop.png) no-repeat; }

/* set and change background position for hover effect */
li#news a { width:47px;background-position:0 0; }
li#news a:hover { background-position:0 -17px; }
li#profil a { width:57px;background-position:-47px 0; }
li#profil a:hover { background-position:-47px -17px; }
li#projekte a { width:74px;background-position:-104px 0; }
li#projekte a:hover { background-position:-104px -17px; }
li#presse a { width:58px;background-position:-178px 0; }
li#presse a:hover { background-position:-178px -17px; }
li#kontakt a { width:58px;background-position:-236px 0; }
li#kontakt a:hover { background-position:-236px -17px; }

/* change background position and border for 'selected' tabs */
li#news a.selected, li#news a.selected:hover { background-position:0 -17px; }
li#profil a.selected, li#profil a.selected:hover { background-position:-47px -17px; }
li#projekte a.selected, li#projekte a.selected:hover { background-position:-104px -17px; } 
li#presse a.selected, li#presse a.selected:hover { background-position:-178px -17px; } 
li#kontakt a.selected, li#kontakt a.selected:hover { background-position:-236px -17px; }

#navigation ul.profilA {
	position:absolute;
	width:344px;
	height:17px;
	padding:0 0 0 0px;
	background-color:#7d564c;
	margin-top: 19px;
}
* html #navigation ul.profilA { background:url(img/navigationprofil.png) no-repeat 0px 0; }

#navigation ul.profilA li { height:17px; }

#navigation ul.profilA a {
float:left;
height:17px;
}

/* apply subnavigation matrix to tab anchor tags */
li#form a,
li#jk a,
li#cw a { background:url(img/navigationprofil.png) no-repeat; }

/* set and change background position for hover effect */
li#form a { width:83px;background-position:0 0; }
li#form a:hover { background-position:0 -17px; }
li#jk a { width:122px;background-position:-83px 0; }
li#jk a:hover { background-position:-83px -17px; }
li#cw a { width:139px;background-position:-204px 0; }
li#cw a:hover { background-position:-204px -17px; }

/* change background position and border for 'selected' tabs */
li#form a.selected, li#form a.selected:hover { background-position:0 -17px; }
li#jk a.selected, li#jk a.selected:hover { background-position:-83px -17px; }
li#cw a.selected, li#cw a.selected:hover { background-position:-204px -17px; } 


#navigation ul.presseA {
	position:absolute;
	width:400px;
	height:17px;
	padding:0 0 0 0px;
	background-color:#7d564c;
	margin-top: 19px;
}

* html #navigation ul.presseA { background:url(img/navigationpresse.png) no-repeat 0px 0; }

#navigation ul.presseA li { height:17px; }

#navigation ul.presseA a {
float:left;
height:17px;
}

/* apply subnavigation matrix to tab anchor tags */
li#aktuell a,
li#spiegel a,
li#referenz a { background:url(img/navigationpresse.png) no-repeat; }

/* set and change background position for hover effect */
li#aktuell a { width:211px;background-position:0 0; }
li#aktuell a:hover { background-position:0 -17px; }
li#spiegel a { width:105px;background-position:-211px 0; }
li#spiegel a:hover { background-position:-211px -17px; }
li#referenz a { width:84px;background-position:-316px 0; }
li#referenz a:hover { background-position:-316px -17px; }

/* change background position and border for 'selected' tabs */
li#aktuell a.selected, li#aktuell a.selected:hover { background-position:0 -17px; }
li#spiegel a.selected, li#spiegel a.selected:hover { background-position:-211px -17px; }
li#referenz a.selected, li#referenz a.selected:hover { background-position:-316px -17px; } 



#navigation ul.projektA {
	position:absolute;
	width:214px;
	height:17px;
	padding:0 0 0 0px;
	background-color:#7d564c;
	margin-top: 19px;
}
* html #navigation ul.projektA { background:url(img/navigationprojekt.png) no-repeat 0px 0; }

#navigation ul.projektA li { height:17px; }

#navigation ul.projektA a {
float:left;
height:17px;
}


/* apply subnavigation matrix to tab anchor tags */
li#raum a,
li#objekt a,
li#serie a,
li#konzept a { background:url(img/navigationprojekt.png) no-repeat; }

/* set and change background position for hover effect */
li#raum a { width:45px;background-position:0 0; }
li#raum a:hover { background-position:0 -17px; }
li#objekt a { width:58px;background-position:-45px 0; }
li#objekt a:hover { background-position:-45px -17px; }
li#serie a { width:47px;background-position:-102px 0; }
li#serie a:hover { background-position:-102px -17px; }
li#konzept a { width:64px;background-position:-149px 0; }
li#konzept a:hover { background-position:-149px -17px; }

/* change background position and border for 'selected' tabs */
li#raum a.selected, li#raum a.selected:hover { background-position:0 -17px; }
li#objekt a.selected, li#objekt a.selected:hover { background-position:-45px -17px; }
li#serie a.selected, li#serie a.selected:hover { background-position:-102px -17px; } 
li#konzept a.selected, li#konzept a.selected:hover { background-position:-149px -17px; } 



#navigation ul.zw {
	position:absolute;
	width:150px;
	height:17px;
	padding:0 0 0 0px;
	background-color:#7d564c;
	margin-top: 19px;
}
* html #navigation ul.zw { background:url(img/zurueckweiter.png) no-repeat; }

#navigation ul.zw li { height:17px; }

#navigation ul.zw a {
float:left;
height:17px;
}


/* apply subnavigation matrix to tab anchor tags */
li#zurueck a,
li#weiter a { background:url(img/zurueckweiter.png) no-repeat; }

/* set and change background position for hover effect */
li#zurueck a { width:45px;background-position:0 0; }
li#zurueck a:hover { background-position:0 -17px; }
li#weiter a { width:55px;background-position:-45px 0; }
li#weiter a:hover { background-position:-45px -17px; }

/* change background position and border for 'selected' tabs */
li#zurueck a.selected, li#zurueck a.selected:hover { background-position:0 -17px; }
li#weiter a.selected, li#weiter a.selected:hover { background-position:-45px -17px; }


#pfeil {
	position:inherit;
	visibility: visible;
	width: 965px;
	height: 155px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	background: #7d564c;
}

#scrollLinks {
	position:inherit;
	visibility: visible;
	width: 965px;
	height: 155px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-top: 8px;
	background: #7d564c;
}

