html, body { height:100%;}
body {background:#fff;font-family:Arial;}
#pg_wrap {min-height:100%;height:auto;padding-bottom:30px;}
#header, #floatswrap, .beispiele,  #footer { min-width:960px;padding:0 1em;}
#header .container, #floatswrap .container, .beispiele .container,  #footer .container { max-width:960px;margin:0 auto;/*border:1px solid lime;*/}

/*############ HEADER AREA ############################################################*/
#header {background: url(../images/header_bgd.gif) repeat-x;border-bottom:2px solid #8b8b51;}
#header .container {position:relative;}
#header h1 {float:left; width:960px; height:98px; position:relative;/*border:1px solid yellow;*/}
/* hide from Mac IE5.x \*/
#header h1 {overflow:hidden;}
/* end hide*/
#header h1 em { background:url(../images/logo.png); position:absolute; left:0; top:0; display:block; width:960px; height:98px; }
#header h1 a { color:#999;cursor:pointer; }
#header .monitor {width:198px;height:164px;background:url(../images/monitor.png) no-repeat;position:absolute;top:50px;left:0;}
#header h4 {clear:both;text-align:right;margin:0;padding:100px 40px 0 0;*border:1px solid pink;*/}
#header h4 a {color:#555;}

/*############ CONTENT AREA ############################################################*/
#floatswrap {position:relative;padding:18px 0 0 0;background:white;border-top:1px solid #333300;border-bottom:2px solid #8b8b51;}
#main_col { float:left;width:60%;}
#right_col { float:right; width:317px;}

body.agb #floatswrap #main_col, body.impressum #floatswrap #main_col { float:left;width:100%;}

/*############ MAIN AREA ############################################################*/
#main_col {border:5px solid #f2f2db;}
#main_col .main_col_inner {background:#e3e3b0;padding:8px;}
#main_col h3 {margin:0;}
/*############ RIGHT AREA ############################################################*/
#right_col {background:url(../images/right_col_bgd.jpg) no-repeat;}
#right_col .right_col_inner {margin:22px 22px 109px 22px;}
#right_col fieldset {border-style:none;margin:0;}
#right_col label {text-align:left;width:90px;}
#right_col label em {color:#cc5407;}
#right_col input[type='text'], #right_col input[type='file'], #right_col textarea {width:150px;}
#right_col textarea {height:100px;margin-left:0px;}
#right_col input[type='image'] {margin-left:104px;}
#right_col label.error {font-size:0.8em;color:red;text-align:left;width:auto;padding-left:25px;background: transparent url(../images/cancel.png) no-repeat scroll left; }
#message {height:251px;}
#message h4, #message p {color:#333300;}


/*############ BEISPIELE AREA ############################################################*/
#floatswrap h4 {clear:both;margin:0;}
.beispiele {border-top:1px solid #333300;padding-top:50px;}

.csc-textpic {overflow:hidden;float:left;width:240px;text-align:center;}
.beispiele div.csc-textpic div.csc-textpic-imagewrap, .beispiele div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image {float:none;margin:0 auto;} 


/*############ FOOTER AREA ############################################################*/

#footer {clear:both;position:relative;z-index:10;height:28px;margin-top:-28px;background: url(../images/footer_bgd.gif) repeat-x top left;}
#footer .container {padding-top:8px;}
#footer  h6 {float:left;color:#fafafa;font-weight:normal;margin:0;}
#footer  ul {float:right;margin:0;}
#footer ul li { display:inline;float:left;}
#footer ul li a { float:left; display:block;color:#fafafa;padding-left:1em;font-size:0.8em;}


/*################## POWER-MAIL PLUGIN ###################################### */

#tx-powermail-pi1_fieldset_2 legend {display: none;}
.powermail_mandatory_js {color:red;font-size:0.8em;}