@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	/*background: #fff url('../img/pageback.gif');*/
}

.clr {
	clear: both;	
}

#page {
	display: block;
	/*width: 886px;*/
	min-height: 800px;
	/*margin: 0 auto 0 auto;*/
	position: relative;
	padding: 0 0 60px 0;	
}

#header {
	display: block;
	height: 250px;
	/*width: 886px;	*/
	width: 960px;
	margin: 0 auto 0 auto;
	position: relative;
}

#header #logo {
	display: block;
	position: absolute;
	top: 31px;
	left: 0px;
	width: 289px;
	height: 188px;
	text-indent: -999em;
	background: url('../img/logo.gif') no-repeat;
}

#header #nav {
	display: block;
	position: absolute;
	top: 88px;
	left: 341px;
	width: 545px;
	height: 120px;
}

#header #nav ul {
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#header #nav .haupt {
	display: block;
	clear: both;
	float: left;
}

#header #nav  .toplevel {
	display: block;
	float: left;
	height: 71px;
	width: 58px;	
	padding-right: 15px;
	overflow: visible;
}

#header #nav .toplevel a {
	display: block;
	text-indent: -999em;	
	height: 71px;
	width: 58px;
}

#nav_welcome a { background: url('../img/nav/home_lo.gif') no-repeat; }
#nav_info a { background: url('../img/nav/info_lo.gif') no-repeat; }
#nav_lookbook a { background: url('../img/nav/lookbook_lo.gif') no-repeat; }
#nav_workshop a { background: url('../img/nav/workshop_lo.gif') no-repeat; }

#nav_kontakt a { background: url('../img/nav/kontakt_lo.gif') no-repeat; }
#nav_impressum a { background: url('../img/nav/impressum_lo.gif') no-repeat; }


#nav_welcome.over a { background: url('../img/nav/home_hi.gif') no-repeat; }
#nav_info.over a { background: url('../img/nav/info_hi.gif') no-repeat; }
#nav_lookbook.over a { background: url('../img/nav/lookbook_hi.gif') no-repeat; }
#nav_workshop.over a { background: url('../img/nav/workshop_hi.gif') no-repeat; }

#nav_welcome.on a { background: url('../img/nav/home_hi.gif') no-repeat; }
#nav_info.on a { background: url('../img/nav/info_hi.gif') no-repeat; }
#nav_lookbook.on a { background: url('../img/nav/lookbook_hi.gif') no-repeat; }
#nav_workshop.on a { background: url('../img/nav/workshop_hi.gif') no-repeat; }

#nav_kontakt a:hover, #nav_kontakt.on a { background: url('../img/nav/kontakt_hi.gif') no-repeat; }
#nav_impressum a:hover, #nav_impressum.on a { background: url('../img/nav/impressum_hi.gif') no-repeat; }


#header #nav .haupt .subover {
	position: absolute;
	left: -999em;
	white-space:nowrap;
	width: 500px;
	padding: 0 0 0 58px;
}

#header #nav .haupt .subover a,
#header #nav .haupt .subover span,
#header #nav .sub a,
#header #nav .sub span {
	display: block;
	background: none;
	text-indent: 0;	
	height: auto;
	width: auto;
	white-space:nowrap;
	float: left;
	font: 13px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #ec7404;
}

#header #nav .haupt .subover a:hover,
#header #nav .haupt .subover a.on,
#header #nav .sub a:hover,
#header #nav .sub a.on {
	color: #e2007a;
}


#header #nav .haupt .subover a.on,
#header #nav .sub a.on {
	font-weight: bold;	
}

#header #nav .funktion {
	float: left;
	margin-left: 75px;
}

#header #nav .sub {
	display: block;
	position: absolute;
	top: 92px;
	left: 0px;
	width: 500px;
	height: 20px;
}



p,span {
	font: 12px Arial, Helvetica, sans-serif;
	color: #727375;
	line-height: 16px;
}


.orange,
#right span .orange {
	color: #ec7404;	
}

.pink {
	color: #e2007a;
}

#claim {
	display: block;
	position: absolute;
	top: 208px;
	left: 345px;
	width: 600px;
	height: 40px;
}

#content {
	display: block;
	text-align: left;
	overflow: visible;
	clear: both;
	
	background-color: #ececec;
}

#content .centerfield {
	/*width: 886px;	*/
	width: 960px;
	margin: 0 auto 0 auto;
	
}

#content #left {
	display: block;
	float: left;
	width: 289px;
	margin-right: 52px;
	min-height: 374px;
	text-align: right;	
	position: relative;
}

#content #right {
	display: block;
	float: left;
	/*width:524px;*/
	width: 530px;
	min-height: 374px;
	text-align: left;
}

#footer {
	display: block;
	padding: 15px 0 20px 340px;	
	position: relative;
	/*width: 545px;	*/
	width: 620px;
	margin: 0 auto 0 auto;
	position: relative;
}

#footer #home_adresse {
	position: absolute;
	top: 10px;
	right: 126px;
}

#footer span, #footer a {
	font: 11px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline; 
}

#footer #fb_button {
	display: block;
	position: absolute;
	bottom: -26px;
	right: 110px;
	margin-left: 87px;
}

#footer #logo_singletapete {
	display: block;
	position: absolute;
	bottom: -30px;
	right: 210px;
}

#left .hometext {
	display: block;
	position: absolute;
	bottom: -20px;
	right: 0px;
	width: 210px;
}

#left .hometext span {
	font-size: 10px;
	line-height: 12px;
}

#left #tert_nav {
	display: block;	
	margin-top: 16px;
}

#left #tert_nav a {
	font: 12px Arial, Helvetica, sans-serif;
	color: #727375;
	display: block;
	text-decoration: none;
	line-height: 22px;
}

#left #tert_nav a:hover,
#left #tert_nav a.on {
	color: 	#e2007a;
}

#left #quad_nav {
	display: block;	
	position: absolute;
	right: 0px;
	bottom: 5px;
	text-align: right;
}

#left #quad_nav .zeile {
	display: block;
	margin-bottom: 10px;
}

#left #quad_nav div {
	text-align: right;
}

#left #quad_nav span {
	font: 12px Arial, Helvetica, sans-serif;
	color: #727375;
	text-align:center;
	
}

#left #quad_nav a {
	font: 12px Arial, Helvetica, sans-serif;
	color: #727375;
	text-align:center;
	text-decoration: none;
}

#left #quad_nav a.aktProjekt {
	color: #ec7404;
}

#left #quad_nav a.on,
#left #quad_nav a:hover {
	color: #e2007a;
}

#right span,
#right li {
	font: 12px Arial, Helvetica, sans-serif;
	color: #727375;
	line-height: 16px;
}

#right a {
	/*color: #e2007a;*/
	color: #ec7404;
	text-decoration: none;
}

#right a:hover {
	text-decoration: underline;	
}

#right a.strong {
	font-weight: bold;	
}

#right strong {
	font-weight: bold;
	color: #721d4c;
}

#right h1 {
	font: bold 15px Arial, Helvetica, sans-serif;
	color: #727375;
	margin: 22px 0 20px 0;
}

#right h2 {
	font: bold 15px Arial, Helvetica, sans-serif;
	color: #727375;
	margin: 26px 0 20px 0;
}

#right .zweispaltig {
	display: block;
	width: 530px;
}

#right .zweispaltig .left {
	display: block;
	width: 146px;
	float: left;
	padding-bottom: 13px;
	line-height: 16px;
}

#right .zweispaltig .right {
	display: block;
	width: 379px;
	float: left;
	padding-bottom: 13px;
	line-height: 16px;
}

#right ul {
	list-style: disk;
	margin: 0;
	padding: 0 0 8px 0;
	width: 500px;
	list-style: none;
}

#right ul li {
	margin: 0 0 8px 30px; /* Abstände zwischen den Texten */
}

#right span p {	
	margin: 0;
	padding: 0 0 16px 0;
	font: 12px/16px Arial,Helvetica,sans-serif; /* Abstände zwischen den Texten */
}

#footer_text a.pdf_download {
	display: block;
	background: url('../img/pdf_icon.gif') no-repeat;
	padding-left: 22px;
	height: 20px;
	color: #727375;
	padding-top: 2px;
}

/* Projekte */


#right #projekt_bilder span {
	display: block;
	padding: 15px 0 0 0;
}

#right #projekt_bilder span strong {
	display: block;	
	color: #727375;
}

#right #projekt_bilder img,
#right #projekt_bilder span {
	display: none;	
}

#right #projekt_bilder img {
	cursor: pointer;	
}

#footer #texte p.underline {
	display: inline;
	text-decoration: underline;
	font: 11px Arial,Helvetica,sans-serif;
}