/*<![CDATA[*/

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Stylesheet-Version:		Basic												   	   *
 * Version:					1.0														   *
 * Author:					re-lounge (http://www.re-lounge.com)					   *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 			*/
@import "reset.css";
/* ******************************************************
   Basics
   ****************************************************** */ 

body {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}
a{
	color:#333;
}
a:hover{
	color:#c41d22;
}
p{
	margin:0 0 25px;
}
strong{
	font-weight:bold;
}
em{
	font-style:italic;
}
.antifloat{
	clear:both;
	height:0;
	font-size:0;
}
.hidden{
	display:none;
}
.spacer{
	height:80px;
}
.error{
	color:#c41d22;
}
.success{
	color:#49ab23;
}

/* ******************************************************
   Site
   ****************************************************** */ 
#site{
	width:900px;
	text-align:left;
	margin:0 auto;
}

/* ******************************************************
   Header
   ****************************************************** */
#header ul{
	margin:10px 0 0;
}
#header ul li{
	margin:0 0 0 5px;
	padding:0 5px 0 0;
	font-size:11px;
	float:left;
	border-right:1px solid #ccc;
}
#header ul li.first{
	margin:0;
}
#header ul li.last{
	border:none;
}
#header ul li a{
	text-decoration:none;
}
#header ul li a.active{
	color:#c41d22;
}
#header #smove{
	position:absolute;
	margin:-12px 0 0 665px;
}
#header #demo-button{
	position:absolute;
	margin:160px 0 0 326px;
}
#header #head{
	margin:8px 0 0;
	height:295px;
	border-top:1px solid #b6b6b6;
	border-bottom:1px solid #ccc;
	background:#fff url(basic/header-bg.gif) top left repeat-x;
}
#header #head ul{
	margin:73px 0 0 30px;
}
#header #head ul li{
	margin:0 30px 0 0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	color:#c41d22;
	text-transform:uppercase;
	float:left;
	border-right:none !important;
}
#header #head ul li a{
	color:#666;
}
#header #head ul li a:hover,
#header #head ul li a.active{
	color:#c41d22;
}

/* ******************************************************
   Content
   ****************************************************** */
#content{
	width:840px;
	padding:40px 30px;
	background:url(basic/content-bg.gif) top center no-repeat;
	border-bottom:1px solid #ccc;
	line-height:18px;
}
#content img.left{
	float:left;
	width:285px;
}
#content .right{
	float:right;
	width:544px;
}
#content .middle{
	width:100%;
	text-align:center;
}
#content h2{
	font-size:18px;
	margin:0 0 12px;
}
#content h2.first{
	font-size:18px;
	margin:12px 0 18px;
}
#content p.pointer-top{
	background:url(basic/pointer-top-bg.gif) top left no-repeat;
	font-size:11px;
	line-height:15px;
	margin:15px 0 0;
	padding:15px 10px 10px;
}
#content .box{
	width:278px;
	font-size:11px;
	background-color:#f8f8f8;
}
#content .box .content{
	background:url(basic/box-sprite.gif) -278px 0 repeat-y;
}
#content .box .top{
	height:10px;
	background:url(basic/box-sprite.gif) 0 0 no-repeat;
}
#content .box .bottom{
	height:15px;
	background:#f8f8f8 url(basic/box-sprite.gif) 0 -10px no-repeat;
}
#content .box h3{
	margin:3px 14px;
	padding:5px 5px 5px 11px;
	height:40px;
	width:232px;
	background:url(basic/box-heading-bg.gif) top left no-repeat;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
}
#content ul{
	margin:0 0 25px 32px;
}
#content ul li{
	list-style-image:url(basic/bullet-red);
}
#content .box ul{
	margin-left:32px;
}
#content .box p{
	margin-left:22px;
	line-height: 16px;
}
#content .box ul.nodots{
	margin-bottom:15px;
}
#content .box ul li{
	width:228px;
	list-style-image:url(basic/bullet-red);
	background:url(basic/dots.gif) top left repeat-x;
}
#content .box ul.nodots li{
	width:228px;
	list-style-image:url(basic/bullet-red);
	background:none;
}
#content .box li .left{
	float:left;
	border-right:5px solid #f8f8f8;
	background:#f8f8f8;
}
#content .box li .right{
	float:right;
	width:80px;
	border-left:5px solid #f8f8f8;
	background:#f8f8f8;
}
#content .color-indicator{
	display:block;
	width:11px;
	height:11px;
	float:left;
	margin:3px 2px 0 0;
}
#content .color-indicator.silver{
	border:1px solid #9b9b9b;
	background:#9b9b9b;
}
#content .color-indicator.marine{
	border:1px solid #0a46d7;
	background:#0a46d7;
}
#content .color-indicator.red{
	border:1px solid #c41d22;
	background:#c41d22;
}
#content .color-indicator.orange{
	border:1px solid #ea5500;
	background:#ea5500;
}
#content .color-indicator.white{
	border:1px solid #9b9b9b;
	background:#fff;
}
#content .pointer-plane{
	height:141px;
	width:276px;
	line-height:15px;
	overflow:hidden;
	background:url(basic/pointer-plane-bg.gif) top left no-repeat;
}
#content .pointer-plane .left{
	float:left;
	height:120px;
	margin:11px 0 0 14px;
	overflow:hidden;
	width:116px;
}
#content .pointer-plane .left .arrow{
	background:url(basic/arrow.gif) top right no-repeat;
	height:19px;
	margin:8px 0 0 106px;
	position:absolute;
	width:10px;
}
#content .pointer-plane .right{
	float:left;
	padding:10px 10px 10px 10px;
	margin:8px 0 0 10px;
	width:106px;
	font-size:11px
}
#content blockquote{
	margin:30px 0 0;
	padding:10px 10px 20px;
	background:url(basic/pointer-bottom-bg.gif) bottom left no-repeat;
}
#content blockquote .quote{
	color:#c41d22;
	font-size:0;
	color:#fff;
	display:block;
	width:40px;
	height:30px;
}
#content blockquote .quote.start{
	float:left;
	background:url(basic/quote-top.gif) top left no-repeat;
	margin:5px 0 0;
}
#content blockquote .quote.end{
	float:right;
	background:url(basic/quote-bottom.gif) top left no-repeat;
}
#content .quoted{
	font-weight:bold;
	margin:10px 0 0 15px;
}
#content .gallery img.vert{
	float:left;
	margin:0 5px 20px 0;
	padding:35px 12px;
	width:138px;
	background:url(basic/gallery-bg.gif) top left no-repeat;
}
#content .gallery img.hor{
	float:left;
	margin:0 5px 20px 0;
	padding:11px 35px 15px;
	height:138px;
	background:url(basic/gallery-bg.gif) top left no-repeat;
}
#content .gallery img.last{
	margin:0 0 20px;
}

#content form label{
	display:block;
	width:120px;
	float:left;
}
#content form .field{
	width:400px;
}
#content form .field.plz{
	width:118px;
}
#content form .field.city{
	width:276px;
}
#content form textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height:170px;
}
#content form .submit{
	float:right;
	margin:0 30px 0 0;
}
#content form .error{
	border:1px solid #c41d22;
}
#content form label.error{
	border:none;
	color:#c41d22;
}
#content form p{
	margin-bottom: 15px;
}
.highlight{
	color: #c41d22;
}
/*Columns*/
.column{
	float:left;
	margin:0 15px 15px 0;
}
.column.oneCol{
	width:270px;
}
.column.twoCols{
	width:555px;
}
.column.threeCols{
	width:840px;
}
.column.last{
	margin:0 0 15px;
}
.column .column.oneCol{
	width:175px;
}

/* ******************************************************
   Footer
   ****************************************************** */
#footer{
	width:900px;
	height:68px;
	padding:17px 0 19px;
	background:url(basic/content-bg.gif) top center no-repeat;
}
#footer .left{
	float:left;
}
#footer .right{
	float:right;
}

/* ******************************************************
   Overlay
   ****************************************************** */
#overlay{ 
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(basic/overlay-bg.png); 
	display:none;
}
#overlay a img{
	position:relative;
	top:55px;
} 
#overlay .content{ 
	margin:40px auto;
	padding:10px;
	border:5px solid #555;
	text-align:left;
	width:640px;
	height:480px;
	background:#fff;
	overflow:hidden;
	-moz-box-shadow:10px 10px 10px #666;
	-webkit-box-shadow:10px 10px 10px #666;
}
#overlay .content p{
	background:#777;
	margin:10px 0 0;
	padding:10px 0 0 0;
	font-size:14px;
	color:#fff;
	height:90px;
	text-align:center;
} 

/*]]>*/