@charset "utf-8";

/* 
CSS Document:
www.zimmerei-paris.it
created: 08/04/2013
last-mod: 13/06/2013
by ps-design.bz
*/

/* imported-styles */

@import url(reset.css);
@import url(webfont.css);

/* general */

body, html { margin:0; padding:0; /*background:#fff;*/ }

a:link 			{ font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#000000; text-decoration:underline; }
a:visited 	{ font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#000000; text-decoration:underline; }
a:active 		{ font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#000000; text-decoration:none; }
a:hover 		{ font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#000000; text-decoration:none; }


/* header */

.header {
		background:#fff;
		height:130px;
}
.header .wrap {
		background:#fff url('../img/bg-header.png') no-repeat top left;
		width:960px; height:130px;
		margin:0 auto;
}
.logo { 
		position:absolute;
		margin-left:32px;
		z-index:999;
}

/* top-menu */

.topmenu {
		position:absolute;
		width:960px; text-align:right;
		margin:18px 0 0 0;
}
.topmenu ul {
		float:right;
		margin-right:44px;
}
.topmenu ul li {
		float:left;
}
.topmenu ul li.sep {
		background:url('../img/topmenu-sep.gif') no-repeat bottom center;
		padding:0 15px;
}
.topmenu ul li a {
		font:11px/11px Tahoma, Geneva, sans-serif;
		color:#b8afab; text-decoration:none;
}
.topmenu ul li a:hover { text-decoration:underline; }

/* main-menu */

.menu {
		position:absolute;
		margin:90px 0 0 265px;
}
.menu ul li {
		float:left;
		margin:0 15px;
}
.menu ul li a, .menu ul li a.sel {
		font:18px/18px 'dinregular', Arial, Verdana, Geneva, sans-serif;
		color:#392017; text-decoration:none;
}
.menu ul li a:hover, .menu ul li a.sel {
		color:#c6671a;
}

/* wood-bg / anystretch */

.wood {
		background:#a07e5b;
		width:100%;
}

/* content */

.content {
		background:#392017;
		width:960px; margin:0 auto;
		overflow:hidden;
}
.ref { background:#392017 url('../img/round.gif') no-repeat 0 212px; }
.energy { background:#392017 url('../img/round.gif') no-repeat 0 133px; }

/* shadow-banner */

.banner {
		border-bottom:36px solid #c6671a;
		position:relative;
}
.shadow {
		position:absolute;
		width:960px; height:20px; z-index:99;
		background:url('../img/shadow-banner.png') no-repeat top left;
}
a.popup {
		font-family:'dinregular', Arial, Helvetica, sans-serif;
		font-size:20px; color:#fff; padding:10px 28px 12px;
		text-decoration:none; background-color:#c6671a;
		position:absolute; bottom:20px; right:300px;
		display:block; border-radius:40px;
		-moz-border-radius:40px;
		-webkit-border-radius:40px;
}

/* submenu */

.submenu {
		background:#c6671a;
}
.submenu ul {
		overflow:hidden;
		margin-left:44px;
}
.submenu ul li {
		float:left;
}
.submenu ul li a {
		font:18px/28px 'dinregular', Arial, Helvetica, sans-serif;
		color:#fff; text-decoration:none;
}
.submenu ul li a:hover {
		text-decoration:underline;
}
.submenu ul li a.sel {
		text-decoration:none;
		color:#392017;
}
ul#referenzen { min-height:212px; }
ul#referenzen li { margin-top:63px; }
ul#referenzen li.a { width:295px; }
ul#referenzen li.b { width:188px; }
ul#referenzen li br.spc { line-height:28px; }

ul#energie { min-height:133px; }
ul#energie li { margin-top:88px; }
ul#energie li.a { width:130px; }
ul#energie li.b { width:198px; }
ul#energie li.c { width:174px; }

ul#kontakt { min-height:133px; }
ul#kontakt li { margin-top:88px; }
ul#kontakt li.a { width:130px; }
ul#kontakt li.b { width:144px; }

.address {
		position:absolute;
		margin:21px 0 0 400px; color:#fff;
		font:11px/18px Verdana, Geneva, sans-serif;
}
.address ul li { float:left; padding:0 18px; }
.address ul li strong { font-weight:bold; }
.address li.center { border-left:1px solid #e3b38d; border-right:1px solid #e3b38d; }
.address li a { font:11px/18px Verdana, Geneva, sans-serif !important; }

/* home */

.home { overflow:hidden; }

.home ul li {
		float:left;	
}
.home ul li.left {
		width:470px;
}
.home ul li.left div {
		margin:45px 0 45px 45px;
		border-right:1px solid #c6671a;
}
.home ul li.left div p {
		width:360px;
}
.home ul li.right {
		width:490px;
}
.home ul li h1 {
		font:28px/30px 'dinregular', Arial, Verdana, Geneva, sans-serif;
		color:#c6671a; margin-bottom:12px;
}
.home ul li div {
		font:12px/20px Verdana, Geneva, sans-serif;
		color:#fff;
}
.home ul li.right table {
		border-collapse:separate;
		margin:79px 0 45px 38px;
}
.home ul li.right table td {
		width:128px; height:92px;
		background:#c6671a;
		border:5px solid #392017;
}
.home ul li.right table td img {
		cursor:pointer;
}
li.right .showtitle {
		display:none; position:absolute; margin:40px 0 0 42px;
		font:24px/28px Arial, Verdana, Geneva, sans-serif;
}

/* content */

.txt {
		font:12px/20px Verdana, Geneva, sans-serif;
		color:#fff; padding:44px; /*width:65%;*/
}
.txt h1 {
		font:28px/30px 'dinregular', Arial, Verdana, Geneva, sans-serif;
		color:#c6671a; margin-bottom:12px;
}
.flr { float:right; margin-left:38px; }
.cntimg { float:right; margin-left:138px; width:370px; text-align:right; }
.cntimg img { margin-bottom:36px; }

.impressum ul { margin:28px 0 0 0; }
.impressum ul li { float:left; width:320px; }
.impressum ul li a { color:#c6671a; } .impressum p { width:680px; }
.impressum strong { font-weight:bold; display:block; margin-bottom:6px; }

.privacy ul { list-style:outside; margin:8px; padding:8px; width:600px; }
.privacy ul li { padding-left:8px; }
.privacy strong { font-weight:bold; } .privacy span { color:#c6671a; }
.privacy a { color:#c6671a; } .privacy p { width:600px;}
.privacy h3 { 
		font:18px/24px 'dinregular', Arial, Verdana, Geneva, sans-serif;
		color:#c6671a; margin:24px 0 10px;
}

/* referenzen-detail */

ul.ref {
		overflow:hidden;
		margin:0 0 68px 44px;
}
ul.ref li {
		float:left;
		width:209px; height:157px;
		margin:0 12px 12px 0;
		/*background:yellow;*/
}
ul.ref li a .caption {
		position:absolute; display:none;
		width:179px; background:#c6671a;
		margin:105px 0 0 0; padding:9px 15px 11px;
		font:12px/16px Verdana, Geneva, sans-serif;
		color:#fff; font-weight:bold;
}
ul.ref li a:hover .caption { display:block; z-index:999; }
ul.ref li a .big { margin:89px 0 0 0 !important; }
ul.ref li a .bigger { margin:73px 0 0 0 !important; }

/* contact-form */

form { margin:40px 0; }
form span { color:#c6671a; }
form ul { width:750px; overflow:hidden; }
form ul li { float:left; }
form a { color:#c6671a !important; }

/* leftcol-rightcol */

form ul li.l { width:300px; }
form ul li.r { width:300px;	padding-left:36px; }

/* anfahrt */

.maps a { color:#fff !important; }

/* links */

form ul li.r a {
		float:right; padding:5px 0;
		text-decoration:none;
		color:#fff !important;
}
form div.privacy { width:640px; }
form ul li.r a:hover { text-decoration:underline; }
form div.privacy a { float:right; }

/* inputs */

form input, form textarea {
		background:#392017;
		padding:6px 0 6px 4px;
		border:none;
}
form input br { clear:left; }
form input {
		font:12px/18px Verdana, Geneva, sans-serif;
		color:#c6671a; width:194px;	background:#392017;
		border:1px solid #c6671a; margin-bottom:4px;
}
form input:focus, form textarea:focus { color:#fff; border:1px solid #fff; }
form input.captcha { width:86px; text-align:center; color:#fff; }
form input.privacy { width:auto !important; }
form textarea {
		font:12px/18px Verdana, Geneva, sans-serif;
		width:296px; height:126px; color:#c6671a;
		margin-top:15px; resize:none;
		border:1px solid #c6671a;
}

/* checkboxes */

form ul li.r ul li { padding-right:20px; }
form ul li.r ul li input {
		width:auto !important;
		padding:0 !important;
		margin:0 8px 13px 0;
}
form ul li.r ul li label {
		width:auto !important;
		clear:left !important;
		padding:0 !important;
}

/* labels */

form label {
		float:left; width:100px;
		display:block; padding:5px 0;
}
form label.message { width:280px; }
form label.captcha { width:166px; }
form label.services { width:280px; margin-bottom:20px; }
form label.privacy { width:auto !important; padding:0 !important; }

/* sepline */

div.line {
		border-bottom:1px solid #c6671a;
		margin-bottom:24px; width:636px;
}

/* sendbutton */

form input.send {
		width:200px; border:none; color:#fff;
		padding:7px 0; margin:40px 0 0 218px;
		background:#c6671a; cursor:pointer;
}

/* form-echo */

div.echo { border:1px solid #c6671a; padding:36px 28px; margin-bottom:180px; }
div.success { background:url('../img/ico-success.png') no-repeat right center; }
div.fail { background:url('../img/ico-fail.png') no-repeat right center; }

/* footer */

.footer .wrap {
		width:960px;
		margin:36px auto;
		overflow:hidden;
}
.footer ul li {
		float:left; width:180px; padding-left:32px;
		font:12px/20px Verdana, Geneva, sans-serif;
		color:#392017; border-right:1px solid #e7e4e3;
}
.footer ul li strong {
		font-weight:bold; /*line-height:28px;*/
}
.footer ul li.brands {
		border:none;
}
.footer .wrap a {
		text-decoration:none;
}
.footer:hover a {
		text-decoration:underline;
		color:#c6671a;
}
.footer:hover a:hover {
		text-decoration:none;
}