/* CSS file for concept real (main styles) */

/* Globals */
html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #111;
	background: #111;
	margin: 0px;
	padding: 0px;
}

/* Intro container */
#introcontainer {
	width: 100%;
	margin-top: 200px;
}
#intrologo {
	width: 300px;
	height: 250px;
	background: url(../pics/cr_intrologo.jpg) center no-repeat;
	margin-bottom: 16px;
}
#effectcontainer {
	width: 300px;
	margin: auto;
	height: 360px;
	text-align: center;
	font-size: 14px;
}
#effectcontainer a {
	color: #F3B725;
	text-decoration: none;
}



 /* Main container */
#maincontainer {
	position: relative;
	width: 700px;
	border-left: 1px solid #111;
	border-right: 1px solid #111;
	margin: auto;
	background: #111;
}

/* Header container */
#headercontainer {
	width: 700px;
	height: 130px;
	background: #111;
}

/*
#headline {
	position: relative;
	width: 500px;
	height: 173px;
	background-image: url(../pics/cr_headline.png);
	z-index: 200;
}
*/

#headline {
	position: relative;
	width: 500px;
	height: 173px;
	z-index: 200;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../pics/cr_headline.png');
}

html > body #headline {
	background-image: url(../pics/cr_headline.png);
}

#logo {
	position: absolute;
	right: 15px;
	top: 8px;
	width: 100px;
	height: 114px;
	background: url(../pics/cr_logo.jpg) center no-repeat;
	z-index: 200;
}


/* Navigation container */
#navicontainer {
	position: relative;
	top: 0px;
	right: 0px;
	width: 700px;
	height: 24px;
	float: right;
	z-index: 100;
}

#navibox {
	position: relative;
	right: 0px;
	float: right;
	width: 300px;
}

#navilinks {
	float: right;
	height: 24px;
}

#navilinks a {
	color: #fff;
	text-decoration: none;
	display: block;
	float: left;
	background: #111;
	height: 14px;
	padding: 4px;
	padding-top: 6px;
}

#navilinks a:hover {
	text-decoration: underline;
	background: #555;
}

/* Content container */
#contentcontainer {
	width: 700px;
	height: 430px;
}

#contentbackpic {
	position: absolute;
	width: 700px;
	height: 430px;
	background: #111 url(../pics/cr_backpic.jpg) center no-repeat;
}

#content {
	position: absolute;
	z-index: 1000;
	width: 680px;
	height: 380px;
	margin-top: 36px;
	margin-left: 10px;
	color: #fff;
}

/* Content box */
#contentbox {
	position: relative;
	top: 28px;
	background: #fff;
	width: 662px;
	height: 378px;
	margin: 13px;
	padding: 4px;
	border: 1px solid #ccc;
	overflow: auto;
}

#contentbox h1 {
	border-bottom: 1px dotted #333;
	padding-bottom: 5px;
}

/* Showroom */
#showroom {
	position: absolute;
	margin-top: 50px;
	margin-left: 60px;
	width: 567px;
	left: 10px;
	top: -28px;
}

#showroom img {
	margin-right: 10px;
	margin-top:15px;
	border: 1px solid #fff;
	/*float:left;*/
}


#showroomlinks {
	margin-top: 10px;
}

#showroomlinks a {
	text-decoration: underline;
	color: #111;
}
#showroomlinks a:hover {
	background: #111;
	color: #fff;
}

#overview h1 {
	float: left;
	padding-top: 10px;
}

#overview .ovpic {
	/*float: left;*/
	margin-bottom: 16px;
}

/*#ov_livingroom {
	float:left;
}

#ov_bathroom {
	float:left;

}
#ov_sleepingroom {
	float:left;

}

#ov_pool {
	float:left;

}*/

#showroom a {
	color: #fff;
}

.headline_showroom {
	font-size:16px;
	line-height:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:bold;
	text-align:left;
	margin-top:16px;
	display: none;
	/*float:left;*/
}

#blockleft {
	float: left;
	width: 280px;
}

#blockright {
	float: left;
	width: 280px;
}

/* Footer container */
#footercontainer {
	width: 700px;
	height: 65px;
	color: #efefef;
	color: #fff;
	
	}

/* Impressum */
.Impressum {
	color:#FFF;
	font-size:12px;
	line-height:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	text-align:center;
}

/* Lines */
.line {
	position: absolute;
	background: #111;
	height: 2px;
	width: 700px;
}


#line_top {
	margin-top: 3px;
	z-index: 100;
}

#line_bottom {
	margin-top: -5px;
}

/* Contact form */
#contact {
	position: absolute;
	left: 94px;
	top: 67px;
}

#contact label {
	display: block;
	float: left;
	width: 70px;
	margin-bottom: 10px;
}

#contact input {
	border: 1px solid #333;
	background: #fff;
	width: 200px;
	margin-bottom: 10px;
}
#contact input:focus {
	background: #bbb;
}

#contact textarea {
	border: 1px solid #333;
	background: #fff;
	width: 200px;
	height: 120px;
	margin-bottom: 10px;
}
#contact textarea:focus {
	background: #bbb;
}

#contact #send {
	border-left: 1px solid #bbb;
	border-top: 1px solid #bbb;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
}
#contact #send:hover {
	background: #bbb;
	cursor: pointer;
}
#contact #send:active {
	border-left: 1px solid #333;
	border-top: 1px solid #333;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
}

#errormsg {
	border: 1px solid #c00;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #c00;
	font-size: 13px;
	font-weight: bold;
}