/*
 * Main CSS for New Mutschler Site (2010)
 * (Revised)
 */
 
body {
	margin:0;
	background:#fff;
	color:#87888a;
	font-size:13px;
	font-family:arial;
	line-height:17px;
	/* background:url(../_images/backgrounds/line.gif) repeat-x top left; <- Removed: Using separate element instead */
}

a {
	color:#87888a;
}

a:hover {
	color:#691111;
}

a.rot, .rot {
	color:#691111;
	text-decoration:none;
}



#nullpunkt {
	position:relative;
	visibility:visible;
	left:0;
	top:0;
	width:0px;
	height:0px;
	z-index:2;
}

.rahmen {	
	position:relative;
	min-width:1003px;	/* Note: Not recognized by IE 6. */
	width:100%; 
	width:expression(document.body.clientWidth < 1004? "1003px": "100%" );	/* For IE6 only - must use 1004 instead of 1003 else IE6 crashes. */
}

#links {
	position:relative;	/* Note: Should be 'absolute', but cuts off content in IE. 'relative' is fine under circumstances. */
	top:0;
	left:0;
	width:397px;
	height:768px;
	z-index:1;
}

#rechts {
	/* width:1003px; <- From old layout (total width)	*/
	width:100%;
	position:absolute;
	top:0;
	left:0;		/* .contentfixed and .contentfull set this instead  */
	/* z-index:1; <- Removed - hides z-index in .contentfull */
}

.contentfixed {
	position:relative;
	left:397px;
	width:606px;	/* 1003px - 397px */
}

.contentfull {
	position:relative;
	left:0px;
	width:100%;
	z-index:-1;
}



#headline, #headline h1 {
	height:180px;
	line-height:172px;
	font-weight:bold;
	font-size:20px;
	padding:0;
	margin:0;
}

h2 {
	font-size:13px;
	font-family:arial;
	padding:0;
	margin:0;
}

h3 {
	font-size:11px;
	font-family:arial;
	padding:0;
	margin:0;
}



#subnavi {
	height:24px;
	line-height:24px;
	font-size:14px;
}

.submenulist {		
	list-style:none;
	padding:0px;
	margin:0px;
	float:left;
}

.subnav {
	background-repeat:no-repeat;
	background-position:0pt 0%;
	float:left;
	padding-right:16px;
	padding-left:12px;
}

.subnav a {
	text-decoration:none;
	font-weight:bold;
}

.subnavi_aktiv {
	background:url(../_images/_elemente/subnavi_aktiv.gif) no-repeat top left;
}

.subnavi_aktiv a {
	color:#691111;
	font-weight:bold;
}



#content {
	width:592px;
	float:left;
	padding-left:12px;
	margin-top:28px; 	
	margin-bottom:28px;		/* Extra space for longer pages */
}

.zitat {
	font-family:georgia;
	font-size:20px;
	color:#691111;	
	line-height:24px;	
}

#logo {
	position:absolute;
	left:187px;
	top:0px;
	height:150px;
	width:190px;
}



#navi {
	position:absolute;
	left:187px;
	top:147px;	/* Down from 150px */
	width:190px;
}

#navi a {
	color:#fff;	
}

.navi_aligner {
	height:56px;
	width:190px;
	position:relative;
}

.navi_zahlen {
	position:absolute;
	bottom:0px;
	left:16px;
	width:78px;
	height:56px;
	line-height:56px;
	color:#fff;
	font-size:56px;
	font-weight:bold;
}

.navitem {
	position:absolute;
	bottom:6px;
	left:94px;
	width:80px;
	color:#fff;
	font-size:14px;
	line-height:16px;
}

.navitem a:hover, .navirahmen_aktiv .navitem a, .navitem_imp_agb a:hover, .imp_agb_aktiv .navitem_imp_agb a {
	font-weight:bold;
}

.navirahmen, .navirahmen_aktiv {
	margin-bottom:24px;
	height:56px;
}

.imp_agb, .imp_agb_aktiv {
	height:14px;
}

.navitem_imp_agb {
	color:#fff;
	font-size:14px;
	padding-left:94px;
	line-height:16px;
}

.nav {
	background-repeat:no-repeat;
	background-position:0pt 0%;
	text-decoration:none;
	/* float:left; */
	/* padding-left:16px; <- Removed - elsewhere now */
}

.navirahmen_aktiv {	/* Must be AFTER nav as it sets background-position */
	background:url(../_images/_elemente/navi_aktiv.gif) no-repeat 0px 3px;
}

.nav_imp_agb {
	background-repeat:no-repeat;
	background-position:0pt 0%;
	text-decoration:none;
	cursor:pointer;
	/* float:left; */
}

.imp_agb_aktiv {		/* Must be AFTER nav_imp_agb as it sets background-position */
	background:url(../_images/_elemente/navi_imp_agb_aktiv.gif) no-repeat top left;
}

.nav a, .nav_imp_agb a {
	text-decoration:none;
	cursor:pointer;
}

.mainmenulist, .agbmenulist {	
	list-style:none;
	padding:0px;
	margin:0px;
	float:left;
	clear:both;
}

.agbmenulist {
	margin-top:17px;	
}



.projekt_thumb {
	float:left;
	width:100px;
	padding-top:3px;
}

.projekt_navi {
	float:left;
	width:475px;
}



.fullseparator {	 /* TODO: Upload separator image and check visual effect */
	width:100%;
	height:1px;
	background:#848A8C; 
	margin-top:3px;
	margin-bottom:2px;
	display:block;
}

.fullseparator hr {
	display:none;
}

.mutschler_hr {
	height:1px;
	margin-top:17px;
	margin-bottom:17px;
	background:#848A8C;
}

.mutschler_hr hr {
	display:none;
}



.projecticonlist1, .projecticonlist2 {
	list-style:none;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	padding:0px;
	margin-top:17px;
	float:left;
}

.projekt_icons_bilder {
	background:#fff url(../_images/_elemente/icon_bilder.gif) no-repeat top left;
	padding-left:24px;
	padding-right:12px;
	float:left;
}

.projekt_icons_Lageplan {
	background:#fff url(../_images/_elemente/icon_lageplan.gif) no-repeat top left;
	padding-left:24px;
	padding-right:12px;
	float:left;
}

.projekt_icons_Grundriss {
	background:#fff url(../_images/_elemente/icon_grundriss.gif) no-repeat top left;
	padding-left:24px;
	padding-right:12px;
	float:left;
}

.projekt_icons_www {
	background:#fff url(../_images/_elemente/icon_www.gif) no-repeat top left;
	padding-left:24px;
	padding-right:12px;
	float:left;
}

.projekt_icons_video {
	background:#fff url(../_images/_elemente/video_icon.gif) no-repeat top left;
	padding-left:27px;
	padding-right:12px;
	float:left;
}

.projekt_icons_bilder a, .projekt_icons_Lageplan a, .projekt_icons_Grundriss a, .projekt_icons_www a, .projekt_icons_video a {
	text-decoration:none;
}



.mitarbeiter_thumb {
	float:left;
	width:93px;
}

.mitarbeiter_text {
	float:left;
	width:460px;
}



#sprache {
	position:absolute;
	left:10px;
	top:70px;
	height:150px;
	width:150px;
	font-size:11px;
	line-height:12px;
}

#sprache a {
	color:#fff;	
	padding-left:8px;
	text-decoration:none;
}

#sprache a:hover, #sprache a.aktiv {
	color:#691111;
}

#sprache a.aktiv {
	background:url(../_images/_elemente/sprache_aktiv.gif) no-repeat top left;
}

#sprache ul {		
	list-style:none;	
	padding:0px;
	margin:0px;
}



.agb {
	font-size:10px;
	line-height:12px;
}

.ohne {
	text-decoration:none;
}

h1, h2, #subnavi, #navi, #sprache {
	font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", arial, helvetica, sans-serif;
}