@charset "UTF-8";

/* Eric Meyer v1.0 - 2008-02-12 */
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,b,u,i,center,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-size:100%;vertical-align:baseline;background:transparent;/*color:#3C3728*/}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
/* remember to define focus styles! */
:focus{outline:0}
/* remember to highlight inserts somehow! */
ins{text-decoration:none}
del{text-decoration:line-through}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse;border-spacing:0}

/* std layout stuff */
.floatLeft{float:left}
.floatRight{float:right}
.centered,.center{margin:0 auto 0 auto}
.clear{clear:both}
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}
.clearfix{display:inline-block}
/* Hides from IE-mac \*/
* html .clearfix {height:1%}
.clearfix{display:block}
/* End hide from IE-mac */

/* main width */
.wrap{width:904px}

/* spacing */
.spacer{margin:20px}

/* hide */
.offscreen {position: absolute;left:-20000px;top:-20000px}
.hide{display:none}

/* link */
.link {
	background: #fff url(../media/images/icon-arrow-small.png) 0 3px no-repeat;
	font-size: 11px;
	color: #ee7f00;
	padding-left: 12px;
	font-weight:800;
	text-decoration:none;
}
.link:hover {
	text-decoration: underline;
}
/* font stacks */
.fontstack-1 {font-family:Verdana,Geneva,Arial,Helvetica,sans-serif}
.fontstack-2 {font-family:Tahoma,Geneva,Verdana,sans-serif}

/* main sections */
#legal{font-size:9px;padding-top:9px;height:11px}
#legal a{text-decoration:none}
#legal a:hover{text-decoration:underline}
#legal a.imprint{color:rgb(70,70,70)}
#legal a.contact{color:rgb(162,162,162)}

#logo{padding-bottom:40px}
#image-bar{margin-bottom: 30px}
img.lp_logo{
float:right;
}
/* 
set the height of #content, to whatever your height 
of the #content-main and #content-sidebar needs to be,...
thy will inherit the height value 
*/
#content{height:550px} 

#content-main{width:540px;background-color:rgb(248,248,248);height:100%}
#content-main p{line-height:20px;font-size:12px;padding-bottom:22px}
#content-main p.last{padding-bottom:0}
#content-main p.abstract{color:rgb(238,127,0);line-height:22px;font-size:16px;border-bottom:2px solid rgb(162,162,162);padding-bottom:10px;margin-bottom:10px}
#content-main h1{font-size:16px;color:rgb(99,95,83);padding-bottom: 20px}

#content-sidebar{width:330px;background-color:rgb(248,248,248);height:100%}
#content-sidebar p{line-height:20px;font-size:12px;padding-bottom:10px}
#content-sidebar p.affirmation{color:rgb(238,127,0);line-height:22px;font-size:12px;border-bottom:2px solid rgb(162,162,162);padding-bottom:10px;margin-bottom:10px}

#footer{font-size:9px;color:rgb(70,70,70);padding:30px 0 30px 0;position:relative}
#footer a{color:rgb(238,127,0);text-decoration:none}
#footer a:hover{text-decoration:underline}
#footer img{position:absolute;right:0;bottom:23px}

/* forms */
#mailform .csc-mailform label{font-size:12px}
#mailform .csc-mailform .field-Vorname label,
#mailform .csc-mailform .field-Nachname label,
#mailform .csc-mailform .field-Firma label,
#mailform .csc-mailform .field-EMail label,
#mailform .csc-mailform .field-Nachricht label{font-size:9px}

#mailform .csc-mailform div.csc-mailform-field{padding-bottom:10px;vertical-align:top;line-height:14px}

#mailform .csc-mailform div.field-Vorname,
#mailform .csc-mailform div.field-Nachname
{float:left}

#mailform .csc-mailform div.field-Vorname input,
#mailform .csc-mailform div.field-Nachname input
{
border:1px solid #a2a2a2;margin-top:4px;font-size:12px;padding: 0 0 2px 2px;
width:138px;
display:block;
}

#mailform .csc-mailform div.field-Nachname
{
padding-left:5px;
}

#mailform .csc-mailform div.field-Firma input,
#mailform .csc-mailform div.field-EMail input,
#mailform .csc-mailform div.field-Nachricht textarea{
border:1px solid #a2a2a2;margin-top:4px;font-size:12px;padding: 0 0 2px 2px;
width:285px
}

#mailform .csc-mailform .csc-mailform-submit{clear:both; margin-top:20px; background:#f8f8f8 url(../media/images/icon-arrow.png) left top no-repeat;border:none;padding-left:30px;cursor:pointer;font-weight:800;font-size:12px;height:20px;display:block;padding-bottom:5px}
* html #mailform .csc-mailform-submit{width:260px;height:24px}
*+html #mailform .csc-mailform-submit{width:260px;height:24px}
#mailform .csc-mailform .full {width:285px}
#mailform .csc-mailform .half{width:138px}
#mailform .csc-mailform .field-Ja_ich_will_den_kostenlosen_Ne span{width: 40px}
#mailform .csc-mailform div.field-Ja_ich_will_den_kostenlosen_Ne label,
#mailform .csc-mailform div.field-Ich_bin_an_einer_unverbindlich label
{float:right; display:block; width:260px;}
#mailform .csc-mailform .required {color: #dc143c}
#mailform .csc-mailform input.required {
	border-color:#dc143c
}

/* widget: share this */
div.addthis_toolbox{padding-left: 340px}
a.addthis_button_compact{font-size:14px;color:#464646;text-decoration: none}

/* footnotes */
div.fn { font-size:9px; line-height:11px;width:904px; margin:5px auto;}
a.fn { position: relative; top: -4px; font-size: 9px;}
a.fn:after { content: ")"; }
a.fnf:after { content: ")"; }