/*RESET CSS*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-decoration:none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul, li {
	list-style: none;
	list-style-image: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/*
Ab hier HOUSEPACIFIC Styles ######################################################################################################################
*/
body {font-family:Verdana;}
#wrapper { width:1310px; margin:0 auto;}
#headnav {width:200px; height:40px; position:relative; top: -135px; left:1030px;}
#content_wrapper {width:1310px; margin:0 auto; position:relative; top:-46px; background:url(images/foot_bg.jpg) no-repeat bottom center; padding:0 0 210px 0;}
#content {width:1100px; margin:0px 0 0 150px;}

/*
Ab hier Navigation ################################################################################################################################
*/
#headnav ul {width:100px, height:20px; float:right; margin:3px 20px 0 0;}
#headnav li {margin: 0 0 0 8px; float:left;}
#headnav li.normal a {font-size:13px; text-decoration:none; color:white;}
#headnav li.active a {font-size:13px; text-decoration:none; color:white; border-bottom:2px solid white;}

/*
Ab hier Inhaltselemente ###########################################################################################################################
*/
#content h1 {font-size:20px; margin:15px 0 10px 0px; text-transform:uppercase;padding-left:33px; background:url(images/h1_pre.jpg) no-repeat left;}
#content h3 {font-size:15px; color:#58585a; margin:-5px 0 5px 33px;}
#content p {font-size:13px; line-height: 16px; margin:0 0 0 33px;}
#content p.blue {color:#006dab; font-size:10px; font-weight:bold; margin:0 0 0 33px; padding:0; line-height:11px; text-transform:uppercase;}
#content p.grey {color:#5b5b5d; font-size:10px; margin:0 0 4px 33px; padding:0; line-height:11px;}
span.blue {color:#006dab; font-size:10px; font-weight:bold; line-height:11px; text-transform:uppercase;}
span.grey {color:#5b5b5d; font-size:10px; line-height:11px;}
#content strong {font-weight:bold;}
#content em {font-style:italic;}
#content .indent {margin-left:30px;}
#content .align-center {margin:0 auto; text-align:center;}
#content .align-right {text-align:right;}
#content p a {color:black;}
#content p a:hover {}
#content ol li {margin-left:25px; list-style-type:decimal; }
#content ul {margin:5px 0 0 0;}
#content ul li {margin:5px 0 0 18px; list-style-type:circle; }
.csc-textpic {margin-top:10px;}
.csc-textpic-imagewrap {margin:0 0 0 33px;}
.csc-textpic-caption {font-size:9px; margin:0 auto; margin-top:3px; color:grey;}

/*
Flexible ContentElemente ############################################################################################################################
*/
  .subcolumns { width: 100%; overflow:hidden; }
  .subcolumns_oldgecko { width: 100%; float:left; }

  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

  .c25l, .c25r { width: 25%; }
  .c33l, .c33r { width: 33.333%; }
  .c50l, .c50r { width: 50%; }
  .c66l, .c66r { width: 66.666%; }
  .c75l, .c75r { width: 75%; }
  .c38l, .c38r { width: 38.2%; }
  .c62l, .c62r { width: 61.8%; }

  .subc  { padding: 0 0.2em; }
  .subcl { padding: 0 0.5em 0 0; }
  .subcr { padding: 0 0 0 0.5em; }
  
.c33l_sesc {width:180px; float:left; }
.c33m_sesc {width:530px; float:left;}
.c33r_sesc {width:350px; float:left; }
  
/*
Kontaktformular #########################################################################################################################################
*/
#mailform {width:440px;margin-top:10px;color:black;font-family:tahoma; font-size:13px;}
#mailform label {width:80px; float:left;}
#mailform .csc-mailform-input {width:200px; border: 1px solid #666666; color:black;font-family:tahoma; font-size:13px;}
#mailform .csc-mailform-select {width:205px; color:black; border: 1px solid #666666;}
#mailform .csc-mailform-check {}
#mailform .csc-mailform-submit {width:200px; margin:10px 0 0px 80px; border: solid 1px #666666; color:black;font-family:tahoma; font-size:13px;}
#mailform .label {margin:3px 0 3px 0;}
#mailform textarea {font-family:tahoma; width:200px;}
#mailformMitteilung {width:350px; height:72px;border: 1px solid #666666; color:black; font-family:tahoma; font-size:13px; overflow:scroll;}

/*
Newsletter #########################################################################################################################################
*/
#newsletter_subscribe {background:url(images/newsletter_bg.jpg) no-repeat top center; width:390px; height:262px;}
#newsletter_subscribe form {position:relative; top:135px; left:100px;}
.newsletter_input {width:145px; height:18px; border: 1px solid grey; margin:0 0 5px 0; padding:4px 0 0 4px; font-family:verdana; font-size:11px; }
.newsletter_submit {margin:0 0 0 93px;}