* { margin: 0; padding: 0; }

div.clear {
	clear: both;
	line-height: 0;
	height: 0;
	font-size: 0;
	border: 0;
	padding: 0;
	margin: 0;
}

body {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 14px; line-height: 20px;
	color: #333; background: #fff;
}

p { margin: 0 0 18px 0; }
p.lead {
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 20px;

}
p.indent {
	margin-left: 15px;
}


ul {
	margin-bottom: 15px;
}

ul li {
	list-style-position: inside;
}
a { text-decoration: underline; color: #333; }

h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 27px;
	line-height: 32px;
	margin: 45px 0 30px 0;
	color: #ed1c24;
	font-weight: normal;
}

h3 {
	font-family: Arial, sans-serif;
	font-size: 17px;
	color: #ed1c24;
	font-weight: normal;
	margin-bottom: 15px;
}

h4 {
	font-family: Helvetica, Arial, sans-serif;
	
}

h4.casestudy {
	margin-bottom: 15px;
}

div.left { float: left; }
div.right { float: right; }

#compare div {
	width: 200px;
	margin-bottom: 15px;
}

#compare h3 {
	font-family: Arial, sans-serif;
	font-size: 14px;
	border-bottom: 1px dotted #ed1c24;
	margin-bottom: 0px;
	font-weight: bold;
	height: 50px;
	color: #000;
	
}


/* this contains everything */

#container {
	position: absolute;
	width: 850px;
	left: 35px;
	
}

/* HEAD AND TITLE WITH IMAGE REPLACEMENT */
#head {
	position: absolute;
	left: 0; top: 30px;
	width: 850px; height: 105px;
}
#head h1 { width: 850px; height: 105px; }
#head h1 a {
	display: block;
	width: 850px; height: 105px;
	/* iamge replacement */
	text-indent: -9999em;
	background: url("../images/logo.jpg") 0 0 no-repeat;
}

/* STRAPLINE ON TOP */
#topline {
	position: absolute;
	left: 0; top: 0;
	height: 29px;
	width: 850px;
	border-bottom: 1px dotted #ed1c24;
	
	font-family: Arial, Helvetica, sans-serif;
	line-height: 29px;
	font-weight: bold;
	font-size: 10px;
	color: #666;
}

/* MENU */
#menu {
	position: absolute;
	top: 135px;
	height: 27px; width: 850px;
	border-bottom: 8px solid #ed1c24;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

	z-index: 1974;
}

#menu a { text-decoration: none; }

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 27px; line-height: 27px;
}

#menu a {
	display: block;
}

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

#menu li {
	float: left;
	margin-right: 25px;
	height: 27px;

	background: #fff;

	/*border: 1px solid #0f0;*/
	/*	width: 10em;*/
}

#menu li ul {
	color: #fff;
	font-size: 11px;
	line-height: 22px;
	font-weight: bold;

	width: auto;
	height: auto;

	padding: 10px 12px 10px 10px;
	margin-left: -10px;
	background: #ed1c24;
	position: absolute;
	
	display: none;
	
	/*left: -999em;*/
}

#menu ul li ul a { color: #fff; }

#menu li li { 
	margin: 0; 
	clear: both;
	background: none;
	padding-right: 10px;
}

#menu li:hover ul {
	/*left: auto;*/
}

#menu li:hover ul, #menu li.sfhover ul {
	/*left: auto;*/
}

#menu li:hover, #menu li.sfhover {
	position: static;
}

/* main content area */

#content {
	position: absolute;
	left: 0; top: 170px;
	width: 850px;
	min-height: 400px;

	z-index: 3;
}


/* image on homepage */
div.hp_image {
	height: 290px;
	background: #
}

/* big text below image */
div.hp_intro {
	font-size: 15px;
	line-height: 21px;
	background: url("../img/bg_pattern.gif") 0 bottom;
	padding-bottom: 20px;
	border-bottom: 1px dotted #ed1c24;
}

div.hp_intro div.text {
	margin: 14px 0 0 0;
	float: left;
	width: 600px;
}

div.hp_intro p {
	margin: 0 0 21px 0; 
}

/* small menu 'gallery' */

div.hp_intro ul {
	font-size: 14px;
	line-height: 27px;
	list-style: none;
	float: right;
	width: 180px;
	list-style: none;
}

div.hp_intro ul li { border-bottom: 1px solid #ed1c24; }
div.hp_intro a { text-decoration: none; }
div.hp_intro a:hover { text-decoration: underline; }


/* quarter columns (for frontpage) */

div.qcols { 
	margin: 24px 0 0 0; 
}

div.qcol-img { 
	margin-top: 24px;
	height: 170px;
}

div.qcol-img img.middle {
	margin-left: 28px;
	margin-right: 28px;
}

div.qcol-img img {
	float: left;
	border: 0;
}

div.semicols {
	padding-bottom: 10px;
	border-bottom: 1px dotted #ed1c24;
}
div.semicol {
	width: 405px;
	margin-left: 27px;
	margin-top: 20px;
	float: left;
	font-size: 13px;
	line-height: 18px;
}

div.quarter_col {
	width: 263px;
	margin-left: 27px;
	float: left;
	font-size: 13px;
	line-height: 18px;
}

/* no margin on firsts */
div.quarter_col:first-child, div.semicol:first-child { margin-left: 0; }

div.quarter_col h2 {
	font-family: Arial, sans-serif;
	font-size: 16px;
	line-height: 20px;
	margin: 0 0 20px 0;
	color: #000;
	font-weight: bold;
}

div.semicol h2 {
	font-family: Arial, sans-serif;
	font-size: 20px;
	line-height: 22px;
	margin: 0 0 20px 0;
	color: #ed1c24;
	font-weight: normal;
}


/* columns for content pages */

#side {
	width: 340px;
	margin-left: 40px;
	float: right;
}

#main {
	float: left;
	width: 422px;
}

#main p img.float_left {
	float: left;
	margin-top: 4px;
	margin-right: 10px;
}

div.navlinks {
	/* define width for navigation here */
	float: right;

}

div.navlinks p {
	width: 340px;
	height: 30px;
	line-height: 30px;
	border-bottom: 1px dotted #ed1c24;
	margin-top: 0;
	margin-bottom: 0;
}
/* navigation links top left */
div.navlinks a {
	width: 280px;
	display: block;
	height: 30px;
	line-height: 30px;
	border-bottom: 1px dotted #ed1c24;
	text-decoration: none;
	float: right;
}
div.navlinks { margin: 0 0 30px 0; }
div.navlinks a.re { background: url("../img/pfeil_re.gif") right 0 no-repeat; }
div.navlinks a.li { background: url("../img/pfeil_li.gif") right 0 no-repeat; }
div.navlinks a:hover { text-decoration: underline; }

#side div.image {
	padding-bottom: 8px;
	border-bottom: 1px dotted #ed1c24;
	margin-bottom: 8px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 13px;
}

#side div.image h4 {
	color: #ed1c24;
	margin: 3px 0 0 0;
}

#side div.image p {
	margin: 0;
}



#footer {
	margin: 60px 0 30px 0;
	border-top: 1px dotted #ed1c24;
	height: 30px;
	width: 850px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 30px;
}

/* CONTACT FORM */

#contactform input, #contactform textarea { width: 300px }
#contactform label { display:  block; }
#contactform fieldset { margin: 0 0 1em 0; border: 0;}
#contactform #surname { float: left; margin-left: -999px; }
#contactform input.send { width: 80px; }