Results of the CSS crunched for www.peri.de

Let's see what we've done for www.peri.de

CSSCruncher.com has crunched this CSS to
31.32 %Less Size! I cant't believe it!

BUT UHH OHH! We found some errors in your CSS code!

Crunched CSS code:

html,body{height:100%;margin:0;padding:0;direction:ltr}
body{background:#ededed;color:#000;font-family:Arial,Helvetica,sans-serif;font-size:0.78em;direction:ltr}
#page{width:79.9em;text-align:left;position:relative;min-height:100%;height:auto !important;height:100%;padding:0px}
#header{float:left;width:79.7em}
.floatleftright{float:left;text-align:left}
#hnav{margin-left:6.4em;padding-top:2.7em;float:left;overflow:hidden;width:46.8em}
* html #hnav{padding-top:2.5em}
#content{width:63.75em;float:right;background:#d9dadb;min-height:600px;height:auto !important;height:200px}
#content_application{width:80em;background-image:url(/shared/siteimg/siteback.gif);float:left}
#content_start{background-color:#d9dadb;width:80em;float:left;height:200px;min-height:200px;height:auto !important;height:200px}
* html #content_start{width:80em;padding:0em}
#contentapp{width:63.4em;float:left;background-image:url(/shared/siteimg/siteback.gif);min-height:630px;height:auto !important;height:630px}
#leftarea{overflow:visible;float:left;background:#ededed;width:16.1em;height:inherit}
* html #leftarea{width:16.15em}
#mainarea{background:#FFFFFF;width:46.4em;min-height:630px;height:auto !important;height:630px;float:left;padding:0.2em;padding-top:1.6em}
* html #mainarea{width:47.2em;padding:0em;padding-top:0.2em}
#mainarea_application{background:#FFFFFF;width:46.9em;min-height:630px;height:auto !important;height:630px;float:left}
* html #mainarea_application{width:47.2em}
#mainarea_start{width:60.4em;float:left;padding:0em;overflow:hidden;width:63em}
* html #mainarea_start{width:60em;padding:0px;overflow:hidden;width:63.3em}
#rightarea{float:right;background:transparent;width:16.5em;min-height:630px;height:auto !important;height:100%;overflow:hidden}
* html #rightarea{width:16.5em;overflow:hidden}
#left{padding-right:1em;padding-left:1em}
#right{padding-right:1em;padding-left:1em}
#main{padding-right:1em;padding-left:1em;padding-bottom:2em;padding-top:0.4em;min-height:600px;height:100%;background:#FFFFFF}
#main_application{padding-right:1em;padding-left:1.2em !important;padding-left:1.1em;padding-bottom:2em;padding-top:1.6em !important;padding-top:1.6em;min-height:600px;background:#FFFFFF}
* html #main{padding-top:0.4em}
#main ul{margin-left:0px;padding-left:0px}
.obj_distance{margin:0px;margin-bottom:0.5em;padding:0px;float:left;width:99%}
img{border:0}
* html td{font-size:0.78em}
h1{font-size:1.2em;font-weight:bold;color:#1f1d21;color:#474549;margin:0px;margin-bottom:0.3em}
h2{font-size:1.0em;font-weight:bold;color:#666666;margin:0px;margin-bottom:0.0em}
* html h1{}
#logo{float:left;padding-top:1.0em;padding-left:1em;padding-right:1.5em;padding-bottom:0;position:relative}
#logo img{}
#brand{margin-left:12.1em;padding-top:0.6em;font-size:1.42em;font-weight:bold}
* html #brand{margin-left:12em}
#startlink{font-size:1.5em;color:#1f1d21;font-weight:bold;text-decoration:none}
#startlink:hover{color:#CC0000}
.headline_home_grey{font-size:1.5em;color:#A5A6A8;font-weight:bold}
.pe_startobject{min-height:537px;height:auto !important;height:537px}
#mainarea ul li,#mainarea_application ul li{list-style-type:none;background-image:url(/shared/siteimg/list_bullet_grey.gif);background-repeat:no-repeat;background-position:0em 0.5em;list-style-position:outside;padding-left:0.7em}
#mainarea ol li,#mainarea_application ol li{margin-left:-1.4em}
.redbar{float:right;width:123px;height:7px;background:#CC0000;overflow:hidden;margin-top:-7px}
.topspace a{margin-top:1em;border:1px solid red}
#search{margin-left:1em;vertical-align:middle}
#search .searchtext{height:1.3em;width:11.2em;vertical-align:top}
#searchgo{height:100%;vertical-align:top;width:26px;height:24px;padding:0px;border:none;background:transparent}
* html #search .searchtext{height:1.65em;width:11.8em}
* html #search .searchgo{height:1.4em}
#search a{text-decoration:none;color:#7b7c7e}
#search a:hover,#search ul a:focus{color:#CC0000}
#resultlist{padding-top:0.2em}
* html #resultlist{padding-top:1.2em;padding-left:0.1em}
#innertablist{list-style:none}
#innertablist li{display:inline}
#innertablistbottom{list-style:none}
#innertablistbottom li{display:inline;list-style-type:none}
#innertablist #L1current,#innertablist #L2current{color:black;font-weight:bold}
#innertablist #L1current a,#innertablist #L2current a{color:black;padding-bottom:5px}
#innertablistbottom #L1currentbottom,#innertablistbottom #L2currentbottom{color:black;font-weight:bold}
#innertablistbottom #L1currentbottom a,#innertablistbottom #L2currentbottom a{color:black;padding-bottom:5px}
#innertablist li,#innertablistbottom li{list-style-type:none;background-image:url();padding-left:0.3em}
#right p{margin-top:10px}
#right img{margin-top:0.25em;margin-bottom:0.25em}
#login{padding-top:3em;padding-right:1em;padding-left:1em}
#main .topspace{margin-top:1em}
#hnav ul{margin:0;padding:0}
#hnav ul li{list-style:none;display:inline}
#hnav ul li a{text-decoration:none;color:#1f1d21;font-weight:bold;padding-top:0.25em;padding-right:1.1em;padding-bottom:0.25em;padding-left:1.1em}
* html #hnav ul li a{width:1em;w/idth:auto}
#hnav ul li a:hover,#hnav ul li a:focus{background:#FFFFFF;color:#CC0000;padding-top:0.25em}
#hnav ul li.active{background:#bbbbbb;padding-top:0.25em;color:#CC0000}
* html #hnav ul li.active{padding-top:0;border:solid}
.highlight{background:#FFFFFF}
#bread{margin-right:0.8em;float:right;white-space:nowrap;padding-top:1em;font-size:11px}
* html #bread{margin-right:0.7em}
#bread ul{margin:0;padding:0}
#bread ul li{list-style:none;display:inline}
#bread ul a{text-decoration:none;color:#7b7c7e}
* html #bread ul a{width:1em;w/idth:auto}
#bread ul a:hover,#bread ul a:focus{color:#CC0000}
#tnav{float:right;padding-right:0.8em;padding-top:2.5em;margin-bottom:0.2em;width:14.4em}
* html #tnav{width:15.4em;padding-right:0.7em;padding-top:2.7em}
#tnav ul{margin:0;padding:0}
#tnav ul li{list-style:none;width:33%}
* html #tnav ul li{display:inline;width:33%}
#tnav ul a{text-decoration:none;color:#7b7c7e;margin:0px;padding:0px}
* html #tnav ul a{width:1em;w/idth:auto}
#tnav ul a:hover,#tnav ul a:focus{color:#CC0000}
#vnav{overflow:hidden;margin:0;padding:0}
#vnav ul{margin:0;padding:0;border-top-style:solid;border-top-width:0.05em;border-top-color:#FFFFFF}
#vnav li{list-style-type:none;border-bottom-width:0.05em;border-bottom-style:solid;border-bottom-color:#FFFFFF}
#vnav a{display:block;text-decoration:none;padding-top:0.25em;padding-bottom:0.25em;padding-left:0.9em;padding-right:1em}
* html #vnav a{width:14.6em;w\idth:16.1em;padding-left:1.0em}
#vnav ul ul a{padding-left:2em}
* html #vnav ul ul a{width:14.6em;w\idth:16.1em}
#vnav ul ul ul a{padding-left:2.7em}
* html #vnav ul ul ul a{width:12.1em;w\idth:13.65em}
#vnav ul ul{background-color:#ebecec}
#vnav ul ul ul{background-color:#d1d4d9}
#vnav a:link,#vnav a:active,#vnav a:visited{color:#1f1d21}
#vnav a:hover,#vnav a:focus{background-color:#FFFFFF;background-image:url(/shared/siteimg/balken_gelb.gif);background-repeat:no-repeat;color:#CC0000}
#vnav .last{border-bottom-style:none}
#vnav li.active{background:#FFFFFF;background-image:url(/shared/siteimg/balken_gelb.gif);background-repeat:no-repeat}
#vnav a.arrow4{background-image:url(/shared/siteimg/bullet_black.gif);background-repeat:no-repeat;background-position:1em 0.7em;list-style-position:outside;padding-left:1.7em}
#vnav a.arrow4:focus{background-image:url(/shared/siteimg/balkmen_gelb_punkt.gif);background-repeat:no-repeat;background-position:0em 0em;color:#CC0000;list-style-position:outside}
#vnav a.arrow4:hover{background-image:url(/shared/siteimg/balken_gelb_punkt_rot.gif);background-repeat:no-repeat;background-position:0em 0em;color:#CC0000;list-style-position:outside}
#vnav a.arrow5{background-image:url(/shared/siteimg/bullet_black.gif);background-repeat:no-repeat;background-position:1.7em 0.7em;padding-left:2.4em;list-style-position:outside}
#vnav a.arrow5:focus{background-image:url(/shared/siteimg/balken_gelb_punkt_5.gif);background-repeat:no-repeat;background-position:0em 0em;color:#CC0000;list-style-position:outside}
#vnav a.arrow5:hover{background-image:url(/shared/siteimg/balken_gelb_punkt_rot_5.gif);background-repeat:no-repeat;background-position:0em 0em;color:#CC0000;list-style-position:outside}
#vnav a.arrow6{background-image:url(/shared/siteimg/bullet_black.gif);background-repeat:no-repeat;background-position:2.4em 0.7em;padding-left:3.1em;list-style-position:outside}
#vnav a.arrow6:focus{background-image:url(/shared/siteimg/balken_gelb_punkt_6.gif);background-repeat:no-repeat;background-position:0em 0em;color:#CC0000;list-style-position:outside}
#vnav a.arrow6:hover{background-image:url(/shared/siteimg/balken_gelb_punkt_rot_6.gif);background-repeat:no-repeat;background-position:0em 0em;color:#CC0000;list-style-position:outside}
#vnav a.arrow7{background-image:url(/shared/siteimg/bullet_black.gif);background-repeat:no-repeat;background-position:3.1em 0.7em;padding-left:3.9em;list-style-position:outside}
#vnav a.arrow7:focus{background-image:url(/shared/siteimg/balken_gelb_punkt_7.gif);background-repeat:no-repeat;background-position:0em 0em;color:#CC0000;list-style-position:outside}
#vnav a.arrow7:hover{background-image:url(/shared/siteimg/balken_gelb_punkt_rot_7.gif);background-repeat:no-repeat;background-position:0em 0em;color:#CC0000;list-style-position:outside}
#right a{text-decoration:none;color:#CC0000}
#right a:hover,#right a:focus{color:#1f1d21}
#login ul{margin:0;padding:0}
#login ul li{list-style:none;display:inline}
#login ul a{padding-right:1.4em;text-decoration:none;color:#7b7c7e}
* html #login ul a{width:1em;w/idth:auto}
#login ul a:hover,#login ul a:focus{color:#CC0000}
#rightslot1{float:left;padding:0em;padding-top:0em;clear:both;width:14.5em}
#rightslot2{float:left;clear:both;width:14.5em}
#rightslot3{float:left;clear:both;width:14.5em}
#main a,#main_application a,#mainarea_start a,#mainarea_start a:visited,#popup_footer a{text-decoration:none;color:#CC0000}
#main a:hover,#main a:focus #main a:visited,#main_application a:hover,#main_application a:focus,#main_application a:visited,#mainarea_start a:hover,#mainarea_start a:focus,#popup_footer a:focus,#popup_footer a:hover{text-decoration:none;color:#1f1d21}
#main .head{font-size:16px;color:#1f1d21;font-weight:bold}
#main .grey{color:#1f1d21}
#main .fett{color:#1f1d21;font-weight:bold}
#main .gray{font-size:16px;color:#afb0b2;font-weight:bold}
#main .small{font-size:5px}
.bullet{font-size:14px}
.red{color:#CC0000}
.orderedAlphaList{border:solid 0px red;list-style-type:upper-alpha;list-style-image:none;list-style-position:inside}
input.w100percent{width:100%}
input.w49percent{width:49%}
input.w50percent{width:50%}
select.w50percent{width:49%}
select.w100percent{width:100%}
textarea.w100percent100{width:100%;height:100px}
.print{display:none}
.headpaddingtext{padding-bottom:0px}
.category{font-size:1.0em}
.paddingimgtext{padding-left:0px;padding-right:10px}
.padBaudaten{padding-left:10px}
.statement{background-color:#EDEDED;padding-left:0px;padding-right:2px}
.statement_schrift{padding-right:0px;padding-left:12px;border-bottom:5px solid white}
.pad_pix_rot{padding-left:0px;padding-right:2px}
.catimage{width:120px;float:left;margin-right:15px;margin-top:3px}
.dirkichsehdich{border:3px solid green}
.threeimage{width:120px;margin-right:5px;margin-top:3px}
.pro3image{float:left}
.AppDetails{padding-bottom:24px}
h1.appHeadline{font-size:1.0em;color:#1f1d21;font-weight:bold;display:inline}
h2.gray{font-size:12px;color:#666666;font-weight:bold;display:inline}
#content .fett{color:#1f1d21;font-weight:bold}
.pe_download{width:99%;clear:both}
.pe_artikel_border{width:100%;float:left;clear:both;overflow:hidden}
.pe_artikel{float:left;clear:both;margin-bottom:1em}
.pe_artikel_grey{background:#EDEDED;padding:1em}
* html .pe_artikel{margin:0em;float:left;width:100%}
.pe_artikel_grey{background:#EDEDED;padding:1em}
div.pe_artikel_flowli ul{margin-top:0px}
div.pe_artikel_flowli ul li{list-style-image:url(/shared/siteimg/list_bullet_grey.gif) !important;margin:0px !important;padding:0px !important;margin-left:1.5em !important;background-image:url(none) !important;list-style-position:outside !important}
div.pe_artikel_flowli div.float_img{margin-right:2.0em}
div.pe_artikel_flowli div.head_line{display:block;margin-left:-1.2em}
.pe_teaser_border{width:100%;float:left;clear:both;overflow:hidden}
.pe_teaser{float:left;clear:both;margin:0em;padding:0em;width:96%;margin-bottom:1em}
* html .pe_teaser{margin:0em;float:left;width:100%}
.pe_teaser_grey{background-color:#EDEDED;padding:1em 1em 1em 1em}
.pe_text_border{width:100%;float:left;clear:both;overflow:hidden;border:solid 1px red}
.pe_text{float:left;clear:both;margin:0em;padding:0em;width:96%;margin-bottom:1em}
* html .pe_text{margin:0em;float:left;width:100%}
.pe_businesscard_border{width:100%;float:left;clear:both;overflow:hidden}
.pe_businesscard{float:left;clear:both;margin:0em;padding:0em;width:100%;margin-bottom:1em}
.pe_headline{padding-top:0em}
* html .pe_headline{padding-top:1.1em}
.start_bild_hoch{padding:0px;float:left}
.start_inhalt_hoch{float:left;height:593px;width:295px;padding:1em}
.start_bild_quer{clear:both;overflow:hidden}
.start_inhalt_quer{clear:both;width:99%;padding-top:1em;padding-right:1em}
.start_inhalt{float:left;padding:1em;height:504px;width:25.49em}
* html .start_inhalt{height:528px;width:27em}
#mainarea .headline_link,#right .headline_link,#mainarea_application .headline_link{color:black;font-weight:bold}
#mainarea .headline_link:hover,#right .headline_link:hover,#mainarea_application .headline_link:hover{font-weight:bold;color:#CC0000}
.pe_startobject{float:left;background-color:white;width:63.2em}
* html .pe_startobject{width:63.3em}
#mainarea .pe_startobject #headline a{font-size:1.5em;color:#1f1d21;font-weight:bold;text-decoration:none}
#mainarea .pe_startobject #headline a:hover{font-weight:bold;color:#CC0000}
.column2loc{overflow:hidden;width:44.7em}
* html .column2loc{overflow:hidden;width:45.1em}
#column2_left{float:left;width:20.5em}
* html #column2_left{width:48.5%}
#column2_right{float:right;width:21.5em;overflow:hidden}
* html column2_right{width:48.5%}
.yellow{background-color:#FFCC00}
.red{background-color:#CC0000}
.object_error{float:left;clear:both;background-color:#FF9e9e;border:solid 2px #CC0000;padding:0.5em}
#fokusmenu a{color:#999999}
.float_img{float:left;clear:both;margin-right:0.5em;margin-bottom:0.5em}
.propadding{padding-left:12px;padding-right:2px}
.proseitenzaehler{width:80%;text-align:left;white-space:nowrap}
.probacklink{width:20%;text-align:right;white-space:nowrap}
.pfeil_fwd{background-image:url(/shared/siteimg/util/pfeil_rechts.gif);width:12px;height:9px;background-repeat:no-repeat;background-position:0px;cursor:pointer}
.pfeil_bwd{background-image:url(/shared/siteimg/util/pfeil_links.gif);width:12px;height:9px;background-repeat:no-repeat;background-position:0px;cursor:pointer}
.pfeil_fwd_grau{background-image:url(/shared/siteimg/util/pfeil_rechts_grau.gif);width:12px;height:9px;background-repeat:no-repeat;background-position:0px}
.pfeil_bwd_grau{background-image:url(/shared/siteimg/util/pfeil_links_grau.gif);width:12px;height:9px;background-repeat:no-repeat;background-position:0px}
a.newslink{text-decoration:none;font-family:Arial,Helvetica,sans-serif;display:block;float:left;clear:both;width:100%;margin:0em;padding:0.5em 0.5em 0.5em 0.5em;background-color:#ffffff;border-bottom:solid 1px #dadada;color:black}
a.newslink:hover{background-color:#f3f3f3;text-decoration:none;color:#cc0000}
.pe_basiclayout_fokus_nonavi{width:560px;padding:0px;margin:0px}
.pe_basiclayout_fokus_nonavi_mainarea{width:560px;padding:0px;margin:0px}
.pe_basiclayout_fokus_nonavi_main{float:left;clear:both;padding:0px;margin:0px}
.pe_basiclayout_fokus_nonavi_inmain{width:560px;background-color:white}
.pe_basiclayout_fokus_nonavi_headline{float:left;clear:both;width:100%}
.pe_basiclayout_fokus_nonavi_navi{float:left;clear:both;width:560px;padding-bottom:0.5em;padding-left:0px}
.pe_basiclayout_fokus_nonavi_content{float:left;width:560px;overflow:hidden}
.pe_basiclayout_fokus_nonavi_incontent{float:left;padding:0px;width:560px;background-color:#d1d1d1;text-align:left;overflow:hidden}
.pe_basiclayout_fokus_nonavi_description{float:left;width:560px;background-color:white;overflow:hidden;border:solid 0px red}
.pe_basiclayout_fokus_nonavi_indescription{float:left;padding:1em 0em 0em 0em;clear:both;width:460px}
.pe_basiclayout_fokus_nonavi_link{position:absolute;float:right;padding:0px;margin-left:320px;clear:both;width:240px;height:30px;border:solid 0px blue}
.pe_content1_1column{padding:0em;padding-top:0.9em;width:100%}
.application_default{width:100%;border:0px solid silver}
#absoluteempty div.maincontentfoot{clear:both;width:600px;margin-left:50px}
#absoluteempty .pe_teaser .floatleftright{color:#999999;font-family:sans-serif;font-size:11px}
#absoluteempty .pe_teaser .floatleftright a{color:black;text-decoration:none}
.testrb{border:1px solid red}
.float_img{float:left;clear:both;margin-right:0.5em;margin-bottom:0.5em}
.brot{border:1px solid red}
.bblau{border:1px solid blue}
.bgruen{border:1px solid green}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}

» Show original CSS code

« Hide original CSS code

/* Positionierung */

html, body {
	height: 100%; /* Required */
	margin: 0;
	padding: 0;
	direction:ltr;
}

body {
	background:#ededed;
	color: #000;
    font-family: Arial, Helvetica, sans-serif;
	font-size:0.78em;
	direction:ltr;
}

#page {

width: 79.9em;
	/*overflow:hidden;*/
	text-align: left;
	position: relative;
	min-height: 100%; /* For Modern Browsers */
	height: auto !important;  /*For Modern Browsers */
	height: 100%; /* For IE */
	padding:0px;
}

#header {

/*background: #999;*/
	float:left;
	width:79.7em;
}

.floatleftright
{
	float:left;
	text-align:left;
}

#hnav {
	/*background: #ff0;
	margin-left: 16.1em;*/
	margin-left:6.4em;
	padding-top: 2.7em;
	float: left;
	overflow:hidden;
	width:46.8em;

}
* html #hnav {
	padding-top: 2.5em;	/* fuer IE 6 zurueckgesetzt */
}

#content {
	width:63.75em;
	float:right;
	background:#d9dadb;
	/*background-image: url(http://dev.peri.de/shared/siteimg/siteback.gif);*/
	min-height: 600px; /* For Modern Browsers */
	height: auto !important;  /*For Modern Browsers */
	height: 200px; /* For IE */

/*clear: both;*/
}

#content_application
{
	width:80em;
	background-image: url(/shared/siteimg/siteback.gif);
	float:left;
}

#content_start {

background-color:#d9dadb;
	width:80em;
	float:left;
	height:200px;
	min-height: 200px; /* For Modern Browsers */
	height: auto !important;  /*For Modern Browsers */
	height: 200px; /* For IE */

}

* html #content_start
{
	width:80em;
	padding:0em;
}

#contentapp {
	width:63.4em;
	float:left;
	/*background:#d9dadb;*/
	background-image: url(/shared/siteimg/siteback.gif);
	min-height: 630px; /* For Modern Browsers */
	height: auto !important;  /*For Modern Browsers */
	height: 630px; /* For IE */

/*clear: both;*/
}

#leftarea {
	/*overflow:hidden;*/
	overflow:visible;
    float: left;
	background:#ededed;
	width: 16.1em;
	/*width: 26.5em;*/
	height:inherit;
}

* html #leftarea
{
	width:16.15em;

}

#mainarea {

background:#FFFFFF;
	/*background-color:transparent;*/
	width:46.4em;
	min-height: 630px; /* For Modern Browsers */
	height: auto !important;  /*For Modern Browsers */
	height: 630px; /* For IE */
	float:left;
	padding:0.2em;
	padding-top:1.6em;
}
* html #mainarea
{
	width:47.2em;
	/*width:300px;*/

padding:0em;
	padding-top:0.2em;
}

#mainarea_application {

background:#FFFFFF;
	/*background-color:transparent;*/
	width:46.9em;
	min-height: 630px; /* For Modern Browsers */
	height: auto !important;  /*For Modern Browsers */
	height: 630px; /* For IE */
	float:left;

/*
	padding:1em;
	padding-top:2em;
	*/
}
* html #mainarea_application
{
	width:47.2em;

}

/*.application
{
	width:99%;
}*/

#mainarea_start {

width:60.4em;
	float:left;
	padding:0em;
	overflow:hidden;
	width:63em;
}

* html #mainarea_start
{
	width:60em;
	padding:0px;
	overflow:hidden;
	width:63.3em;
}

#rightarea {
    float: right;
	/*background: #d9dadb;*/
	background:transparent;
	width: 16.5em;
	min-height: 630px;  /*For Modern Browsers */
	height: auto !important;  /*For Modern Browsers */
	height: 100%; /* For IE */
	overflow:hidden;

}

* html #rightarea
{
	width:16.5em;
	overflow:hidden;
}

#left {
	padding-right: 1em;
	padding-left: 1em;

}

#right {
	padding-right: 1em;
	padding-left: 1em;
}

#main {

padding-right: 1em;
	padding-left: 1em;
	padding-bottom: 2em;
	padding-top: 0.4em;
	min-height:600px;
	height:100%;
	background:#FFFFFF;

/*background:transparent;*/
}

#main_application {
	padding-right: 1em;
	padding-left: 1.2em !important;
	padding-left: 1.1em;
	padding-bottom: 2em;
	padding-top: 1.6em !important;
	padding-top: 1.6em;
	min-height:600px;
	background:#FFFFFF;
	/*background:transparent;*/
}

* html #main {
	/*font-size: 0.78em;*/
	padding-top: 0.4em;
}

#main ul
{
	margin-left:0px;
	padding-left:0px;
}

.obj_distance
{
	margin: 0px;
	margin-bottom:0.5em;
	padding: 0px;
	float:left;
	width:99%;
}

img {
	border: 0;
}

* html td {
	font-size: 0.78em;
}

h1 {
	font-size: 1.2em;
	font-weight:bold;
	color: #1f1d21;
	color: #474549;
	margin: 0px;
	margin-bottom: 0.3em;

}

h2 {
	font-size: 1.0em;/*1.45em*/
	font-weight:bold;
	color: #666666;/*color: #1f1d21;color: #474549;*/
	margin: 0px;
	margin-bottom: 0.0em;/*0.2em*/
}

* html h1 {
	/*
	font-size: 1.45em;
	margin-bottom: 0.3em;
	*/
}

#logo {
	/*background: #00f;*/
	float:left;
	padding-top: 1.0em;
	padding-left: 1em;
	padding-right: 1.5em;
	padding-bottom: 0;
	position:relative;
}
#logo img {
}

#brand {
	/*background: #f0f;*/
	margin-left: 12.1em;
	padding-top: 0.6em;
	font-size: 1.42em;
	font-weight:bold;
	/*color: #1f1d21;*/
}

* html #brand
{
	margin-left:12em;
}

#startlink{
	font-size: 1.5em;
	color:#1f1d21;
	font-weight: bold;
	text-decoration:none;
}

#startlink:hover
{
	color:#CC0000;
}

.headline_home_grey {
	font-size: 1.5em;
	color:#A5A6A8;
	font-weight: bold;
}

.pe_startobject
{
	min-height: 537px; /* For Modern Browsers */
	height: auto !important;  /*For Modern Browsers */
	height: 537px;
}
/*
#content:after {
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0px;
	visibility: hidden;
}

#mainarea ul li, #mainarea_application ul li
{
	list-style-type:none;
	background-image: url(/shared/siteimg/list_bullet_grey.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.5em;
	list-style-position:outside;
	padding-left:0.7em;
}

#mainarea ol li, #mainarea_application ol li
{
	margin-left:-1.4em;
}

.redbar
{
	float:right;
	width:123px;
	height:7px;
	background:#CC0000;
	overflow:hidden;
	margin-top: -7px;
}
/*

#mainarea li, #mainarea_application li
{
	border:solid 1px green;
	list-style-type:none;
	background-image: url(/shared/siteimg/list_bullet_grey.gif);
	background-repeat: no-repeat;
}
*/

.topspace a{
	margin-top: 1em;
	border: 1px solid red;
}

/* Suchformular */
#search {
	margin-left: 1em;
	vertical-align: middle;
}
#search .searchtext {
	height:1.3em;
	width: 11.2em;
	vertical-align:top;
}
#searchgo {
	height: 100%;
	vertical-align:top;
	width:26px;
	height:24px;
	padding:0px;
	border:none;
	background:transparent;
}
* html #search .searchtext {
	height:1.65em;
	width: 11.8em;
}
* html #search .searchgo {
	height:1.4em;
}

#search a
{
	text-decoration:none;
	color:#7b7c7e;

}

#search a:hover, #search ul a:focus {
	color:#CC0000;
}

/*Suchergebnisliste*/
#resultlist
{
	padding-top:0.2em;

}

* html #resultlist
{
	padding-top:1.2em;
	padding-left:0.1em;
}

#innertablist
{
	list-style: none;
}

#innertablist li
{
	display:inline;
}

#innertablistbottom
{
	list-style: none;
}

#innertablistbottom li
{
	display:inline;
	list-style-type:none;
}

#innertablist #L1current,#innertablist #L2current {
  color:black;
  font-weight:bold;
  }

#innertablist #L1current a,#innertablist #L2current a {
  color:black;
  padding-bottom:5px;
  }

#innertablistbottom #L1currentbottom,#innertablistbottom #L2currentbottom  {
  color:black;
  font-weight:bold;
  }

#innertablistbottom #L1currentbottom a,#innertablistbottom #L2currentbottom a{
  color:black;
  padding-bottom:5px;
  }

#innertablist li, #innertablistbottom li
{
	list-style-type:none;
	background-image:url();
	padding-left:0.3em;
}

#right p {
	margin-top: 10px;
}
#right img {
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}
#login {
	padding-top: 3em;
	padding-right: 1em;
	padding-left: 1em;
}

#main .topspace {
	margin-top: 1em;
}

/* Navigation */
/* Horizontal */
#hnav ul {
	margin: 0;
	padding: 0;
}
#hnav ul li {
	list-style: none;
	display: inline;

}
#hnav ul li a {
	text-decoration:none;
	color:#1f1d21;
	font-weight:bold;
	padding-top: 0.25em;
	padding-right: 1.1em;
	padding-bottom: 0.25em;
	padding-left: 1.1em;
}
* html #hnav ul li a {
	width: 1em;    /* nur fuer IE 5.0x erforderlich */
	w/idth: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
}
#hnav ul li a:hover, #hnav ul li a:focus {
	background:#FFFFFF;
	color:#CC0000;
	padding-top: 0.25em;

}
#hnav ul li.active {
	background:#bbbbbb;
	padding-top: 0.25em;
	color:#CC0000;

}
* html #hnav ul li.active {
	padding-top: 0;	/* fuer IE 6 zurueckgesetzt */
	border:solid;

}

.highlight
{
	background:#FFFFFF;
}

/* Breadcrumb */
#bread
{
	margin-right:0.8em;
		/*background: #0ff;*/
	float:right;
	white-space: nowrap;
	padding-top: 1em;
	font-size:11px;
}

* html #bread
{
	margin-right:0.7em;
}

#bread ul {
	margin: 0;
	padding: 0;
}
#bread ul li {
	list-style: none;
    display: inline;
}
#bread ul a {
	text-decoration:none;
	color:#7b7c7e;
}
* html #bread ul a {
    width: 1em;    /* nur fuer IE 5.0x erforderlich */
    w/idth: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
}
#bread ul a:hover, #bread ul a:focus {
	color:#CC0000;
}

/* Terti?r */
#tnav {
	/*background: #0ff;*/
	float:right;
	padding-right: 0.8em;
	padding-top: 2.5em;
	margin-bottom:0.2em;
	width:14.4em;
}

* html #tnav
{
	width:15.4em;
	padding-right:0.7em;
	padding-top:2.7em;
}

#tnav ul {
	margin: 0;
	padding: 0;
}
#tnav ul li {
	list-style: none;

width:33%;
}

* html #tnav ul li{
	display: inline;
	width:33%;
}

#tnav ul a {
	text-decoration:none;
	color:#7b7c7e;
	margin:0px;
	padding:0px;
}
* html #tnav ul a {
    width: 1em;    /* nur fuer IE 5.0x erforderlich */
    w/idth: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
}
#tnav ul a:hover, #tnav ul a:focus {
	color: #CC0000;
}

/* Vertikale Navigation */

#vnav
{
	overflow:hidden;
	margin: 0;
	padding: 0;
	/*width:26.5em;
		border:dashed;*/
}

#vnav ul {
	margin: 0;
	padding: 0;
	border-top-style: solid;
	border-top-width: 0.05em;
	border-top-color: #FFFFFF;
}
#vnav li {
	list-style-type: none;
	border-bottom-width: 0.05em;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

#vnav a {
	display: block;
	text-decoration: none;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	padding-left: 0.9em;
	padding-right: 1em;
}

* html #vnav a {  /* Korrekturen fuer IE 5.x */
	width: 14.6em;
	w\idth: 16.1em;
	padding-left: 1.0em;
}
#vnav ul ul a {
	padding-left: 2em;
}
* html #vnav ul ul a {  /* Korrekturen fuer IE 5.x */
	width: 14.6em;
	w\idth: 16.1em;
}
#vnav ul ul ul a {
	padding-left: 2.7em;
}
* html #vnav ul ul ul a {  /* Korrekturen fuer IE 5.x */
	width: 12.1em;
	w\idth: 13.65em;
}
/* Vertikal: Zweite Ebene */
#vnav ul ul {
	background-color: #ebecec;;
}
/* Vertikal: Dritte Ebene */
#vnav ul ul ul {
	background-color: #d1d4d9;
}
/* Vertikal: Hyperlinks */
#vnav a:link, #vnav a:active, #vnav a:visited {
	color: #1f1d21;
}

#vnav a:hover, #vnav a:focus {
	background-color: #FFFFFF;
	background-image: url(/shared/siteimg/balken_gelb.gif);
	background-repeat: no-repeat;
	color: #CC0000;
	/*width:100%;*/
}

#vnav .last {
	border-bottom-style: none;
}

#vnav li.active {
	background:#FFFFFF;
	background-image: url(/shared/siteimg/balken_gelb.gif);
	background-repeat: no-repeat;
}

#vnav a.arrow4 {
	background-image: url(/shared/siteimg/bullet_black.gif);
	background-repeat: no-repeat;
	background-position: 1em 0.7em;
	list-style-position:outside;
	padding-left:1.7em;
}

#vnav a.arrow4:focus
{
	background-image: url(/shared/siteimg/balkmen_gelb_punkt.gif);
	background-repeat: no-repeat;
	background-position: 0em 0em;
	color:#CC0000;
	list-style-position:outside;
}

#vnav a.arrow4:hover
{
	background-image: url(/shared/siteimg/balken_gelb_punkt_rot.gif);
	background-repeat: no-repeat;
	background-position: 0em 0em;
	color:#CC0000;
	list-style-position:outside;
}

#vnav a.arrow5 {
	background-image: url(/shared/siteimg/bullet_black.gif);
	background-repeat: no-repeat;
	background-position: 1.7em 0.7em;
	padding-left:2.4em;
	list-style-position:outside;
}

#vnav a.arrow5:focus
{
	background-image: url(/shared/siteimg/balken_gelb_punkt_5.gif);
	background-repeat: no-repeat;
	background-position: 0em 0em;
	color:#CC0000;
	list-style-position:outside;
}

#vnav a.arrow5:hover
{
	background-image: url(/shared/siteimg/balken_gelb_punkt_rot_5.gif);
	background-repeat: no-repeat;
	background-position: 0em 0em;
	color:#CC0000;
	list-style-position:outside;
}

#vnav a.arrow6 {
	background-image: url(/shared/siteimg/bullet_black.gif);
	background-repeat: no-repeat;
	background-position: 2.4em 0.7em;
	padding-left:3.1em;
	list-style-position:outside;
}

#vnav a.arrow6:focus
{
	background-image: url(/shared/siteimg/balken_gelb_punkt_6.gif);
	background-repeat: no-repeat;
	background-position: 0em 0em;
	color:#CC0000;
	list-style-position:outside;
}

#vnav a.arrow6:hover
{
	background-image: url(/shared/siteimg/balken_gelb_punkt_rot_6.gif);
	background-repeat: no-repeat;
	background-position: 0em 0em;
	color:#CC0000;
	list-style-position:outside;
}

#vnav a.arrow7 {
	background-image: url(/shared/siteimg/bullet_black.gif);
	background-repeat: no-repeat;
	background-position: 3.1em 0.7em;
	padding-left:3.9em;
	list-style-position:outside;
}

#vnav a.arrow7:focus
{
	background-image: url(/shared/siteimg/balken_gelb_punkt_7.gif);
	background-repeat: no-repeat;
	background-position: 0em 0em;
	color:#CC0000;
	list-style-position:outside;
}

#vnav a.arrow7:hover
{
	background-image: url(/shared/siteimg/balken_gelb_punkt_rot_7.gif);
	background-repeat: no-repeat;
	background-position: 0em 0em;
	color:#CC0000;
	list-style-position:outside;
}

/* Rechter Bereich */
/* Hotspot-Bereich */
#right a {
	text-decoration: none;
	color:#CC0000;
}
#right a:hover, #right a:focus {
	color:#1f1d21;
	/*background:#d9dadb;*/
}

/* Login */
#login ul {
	margin: 0;
	padding: 0;
}
#login ul li {
	list-style: none;
    display: inline;
}
#login ul a {
	padding-right: 1.4em;
	text-decoration:none;
	color:#7b7c7e;
}
* html #login ul a {
    width: 1em;    /* nur fuer IE 5.0x erforderlich */
    w/idth: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
}
#login ul a:hover, #login ul a:focus {
	color:#CC0000;
}

/* News im rechten Bereich */
#rightslot1
{
	float:left;
	padding:0em;
	padding-top:0em;
	clear:both;
	width:14.5em;
}

#rightslot2
{
	float:left;
	clear:both;
	width:14.5em;
}

#rightslot3
{
	float:left;
	clear:both;
	width:14.5em;
}

/* Hauptbereich */
#main a, #main_application a, #mainarea_start a, #mainarea_start a:visited, #popup_footer a{
	text-decoration: none;
	color:#CC0000;
}

#main a:hover, #main a:focus #main a:visited, #main_application a:hover, #main_application a:focus, #main_application a:visited, #mainarea_start a:hover, #mainarea_start a:focus, #popup_footer a:focus, #popup_footer a:hover {
	text-decoration: none;
	color:#1f1d21;
}

#main .head {
	font-size: 16px;
	color:#1f1d21;
	font-weight: bold;
}
#main .grey {
	color:#1f1d21;
}
#main .fett {
	color:#1f1d21;
	font-weight: bold;
}

#main .gray {
	font-size: 16px;
	color:#afb0b2;
	font-weight: bold;
}

#main .small {
	font-size: 5px;
}
.bullet {
	font-size: 14px;
}
.red {
	color:#CC0000;
}

.orderedAlphaList
{
	border:solid 0px red;
	list-style-type: upper-alpha;
	list-style-image:none;
	list-style-position:inside;
}

/*
#menubar
{
	width:14.8em;
	float:right;

}

* html #menubar
{
	float:left;
	width:10em;
}
/* input and textareas */
input.w100percent { width: 100%; }
input.w49percent { width: 49%; }
input.w50percent { width: 50%; }
select.w50percent { width: 49%; }
select.w100percent { width: 100%; }
textarea.w100percent100 { width: 100%; height: 100px; }

.print
{
	display:none;
}
/* ======================
	applikationen
=========================*/
.headpaddingtext {
	padding-bottom: 0px;
}
.category { font-size: 1.0em;}
.paddingimgtext {padding-left: 0px;padding-right: 10px;}
.padBaudaten { padding-left: 10px; }
.statement { background-color:#EDEDED;padding-left: 0px; padding-right: 2px; }
.statement_schrift{ padding-right:0px; padding-left:12px; border-bottom: 5px solid white; }
.pad_pix_rot { padding-left: 0px; padding-right: 2px; }
.catimage {
	width: 120px;
	float:left;
	margin-right: 15px;
	margin-top: 3px;

/*
	margin-top: -3px !important;
	padding-top: 0px !important;
	padding-top: -20px;
	*/
}
.dirkichsehdich{ border: 3px solid green; }
.threeimage{
	width: 120px;
	margin-right: 5px;
	margin-top: 3px;
}
.pro3image {
	float: left;
}
.AppDetails{ padding-bottom: 24px; }
h1.appHeadline {
	font-size: 1.0em;
	color:#1f1d21;
	font-weight: bold;
	display: inline;
}
h2.gray {
	font-size: 12px;
	color:#666666; /*#999999;*/
	font-weight: bold;
	display: inline;
}
#content .fett {
	color:#1f1d21;
	font-weight: bold;
}

/*CSSe f?r Objektklassen */

.pe_download
{
	width:99%;
	clear:both;
}

.pe_artikel_border
{
	width:100%;
	float:left;
	clear:both;
	overflow:hidden;

}

.pe_artikel
{
	float:left;
	clear:both;
	margin-bottom:1em;

}

.pe_artikel_grey
{
	background:#EDEDED;
	padding:1em;
}

* html .pe_artikel
{
	margin:0em;
	float:left;
	width:100%;
}

.pe_artikel_grey
{
	background:#EDEDED;
	padding:1em;
}

/*
formatierung pe_article mit bild und fließender liste
*/
	div.pe_artikel_flowli ul {
		margin-top: 0px;
	}
	div.pe_artikel_flowli ul li {
	    list-style-image:     url(/shared/siteimg/list_bullet_grey.gif) !important;
	    margin: 0px !important;
	    padding: 0px !important;
		margin-left: 1.5em !important;
		background-image: url(none) !important;
		list-style-position: outside !important;
	}

div.pe_artikel_flowli div.float_img  {
		margin-right: 2.0em;
	}
	div.pe_artikel_flowli div.head_line  {
		/*float: left;*/
		display: block;
		margin-left: -1.2em;
	/*
		display: inline;
		margin-left: -1.5em;
		padding-bottom: 2em;
	*/
	}
/*
/formatierung pe_article mit bild und fließender liste
*/

/*
#main .pe_artikel a
{
	font-weight:bold;
	color:#000000;
}

#main .pe_artikel a:hover
{
	font-weight: bold;
	color:#CC0000;
}
*/

.pe_teaser_border
{
	width:100%;
	float:left;
	clear:both;
	overflow:hidden;
}

.pe_teaser
{
	float:left;
	clear:both;
	margin:0em;
	padding:0em;
	width:96%;
	margin-bottom:1em;
}

* html .pe_teaser
{
	margin:0em;
	/*margin-bottom:1em;*/
	float:left;
	width:100%;
}

.pe_teaser_grey
{
	background-color:#EDEDED;
	padding:1em 1em 1em 1em;
}

.pe_text_border
{
	width:100%;
	float:left;
	clear:both;
	overflow:hidden;
	border:solid 1px red;
}

.pe_text
{
	float:left;
	clear:both;
	margin:0em;
	padding:0em;
	width:96%;
	margin-bottom:1em;
}

* html .pe_text
{
	margin:0em;
	/*margin-bottom:1em;*/
	float:left;
	width:100%;
}

.pe_businesscard_border
{
	width:100%;
	float:left;
	clear:both;
	overflow:hidden;

}

.pe_businesscard
{
	float:left;
	clear:both;
	margin:0em;
	padding:0em;
	width:100%;
	margin-bottom:1em;
}

.pe_headline
{
	padding-top:0em;
}

* html .pe_headline
{
	padding-top:1.1em;
}

.start_bild_hoch {
	padding:0px;
	float:left;
}

.start_inhalt_hoch {
	float:left;
 	height:593px;
 	width:295px;
 	/*padding-right:1em;*/
	padding:1em;
}

.start_bild_quer {
 	clear:both;
 	overflow:hidden;
}
.start_inhalt_quer {
	 clear:both;
	 width:99%;
	 padding-top:1em;
	 padding-right:1em;
}

.start_inhalt
{
	float:left;
	padding:1em;
	height:504px;
	width:25.49em;
}

* html .start_inhalt
{
	height:528px;
	width:27em;
}

#mainarea .headline_link, #right .headline_link, #mainarea_application .headline_link
{
	color:black;
	font-weight:bold;
	/*float:left;*/
}

#mainarea .headline_link:hover, #right .headline_link:hover, #mainarea_application .headline_link:hover
{
	font-weight: bold;
	color:#CC0000;
}

.pe_startobject
{
	float:left;
	background-color:white;
	width:63.2em;
}

* html .pe_startobject
{
	width:63.3em;
}

#mainarea .pe_startobject #headline a
{
	font-size: 1.5em;
	color:#1f1d21;
	font-weight: bold;
	text-decoration:none;
}

#mainarea .pe_startobject #headline a:hover
{
	font-weight: bold;
	color:#CC0000;
}

.column2loc
{
	overflow:hidden;
	width:44.7em;
}

* html .column2loc
{
	overflow:hidden;
	width:45.1em;
}
#column2_left
{
	float:left;
	width:20.5em;

}

* html #column2_left
{
	width:48.5%;
}

#column2_right
{
	float:right;
	width:21.5em;
	overflow:hidden;
}

* html column2_right
{
	width:48.5%;
}

.yellow
{
	background-color:#FFCC00;
}

.red
{
	background-color:#CC0000;
}

/*Formatierung f?r Fehlermeldung bei fehlerhaften Objekten */
.object_error
{
	float:left;
	clear:both;
	background-color:#FF9e9e;
	border:solid 2px #CC0000;
	padding:0.5em;
}

#fokusmenu a
{
	color:#999999;
}

.float_img
{
	float:left;
	clear:both;
	margin-right:0.5em;
	margin-bottom:0.5em
}
/* spezial für rtl <=> ltr */
/* produkte */
.propadding {
	 padding-left:12px;
	 padding-right:2px;
}
.proseitenzaehler {
	width: 80%;
	text-align: left;
	white-space: nowrap;
}
.probacklink {
	width: 20%;
	text-align: right;
	white-space: nowrap;
}
.pfeil_fwd {
	background-image: url(/shared/siteimg/util/pfeil_rechts.gif);
	width: 12px;
	height:9px;
	background-repeat: no-repeat;
	background-position: 0px;
	cursor: pointer;
}
.pfeil_bwd {
	background-image: url(/shared/siteimg/util/pfeil_links.gif);
	width: 12px;
	height:9px;
	background-repeat: no-repeat;
	background-position: 0px;
	cursor: pointer;
}
.pfeil_fwd_grau {
	background-image: url(/shared/siteimg/util/pfeil_rechts_grau.gif);
	width: 12px;
	height:9px;
	background-repeat: no-repeat;
	background-position: 0px;

}
.pfeil_bwd_grau {
	background-image: url(/shared/siteimg/util/pfeil_links_grau.gif);
	width: 12px;
	height:9px;
	background-repeat: no-repeat;
	background-position: 0px;
}

a.newslink
	{
		text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;
		display:block;
		float:left;
		clear:both;
		width:100%;
		margin:0em;
		padding:0.5em 0.5em 0.5em 0.5em;
		background-color:#ffffff;
		border-bottom:solid 1px #dadada;
		color:black;
	}

a.newslink:hover
	{
		background-color:#f3f3f3;
		text-decoration:none;
		color:#cc0000;
	}

/*-------------------------------------------------
tempalte bezogen
--------------------------------------------------*/
.pe_basiclayout_fokus_nonavi {
	 width:560px;
	 padding:0px;
	 margin:0px;
}

.pe_basiclayout_fokus_nonavi_mainarea { 	width:560px;padding:0px;margin:0px}
.pe_basiclayout_fokus_nonavi_main {  		float:left;clear:both;padding:0px;margin:0px}
.pe_basiclayout_fokus_nonavi_inmain {  		width:560px;background-color:white}
.pe_basiclayout_fokus_nonavi_headline {  	float:left;clear:both;width:100%}
.pe_basiclayout_fokus_nonavi_navi {  		float:left;clear:both;width:560px;padding-bottom:0.5em;padding-left:0px}
.pe_basiclayout_fokus_nonavi_content {  	float:left;width:560px;overflow:hidden}
.pe_basiclayout_fokus_nonavi_incontent {  	float:left;padding:0px;width:560px;background-color:#d1d1d1;text-align:left;overflow:hidden}
.pe_basiclayout_fokus_nonavi_description {  float:left;width:560px;background-color:white;overflow:hidden;border:solid 0px red}
.pe_basiclayout_fokus_nonavi_indescription {float:left;padding:1em 0em 0em 0em;clear:both;width:460px;}
.pe_basiclayout_fokus_nonavi_link {  		position:absolute;float:right;padding:0px;margin-left:320px;clear:both;width:240px;height:30px;border:solid 0px blue}

.pe_content1_1column {
	 padding:0em;
	 padding-top:0.9em;
	 width:100%;
	 /*
	 clear:both;
	 overflow:hidden;
	 */
}

/*-------------------------------------------------
applications
--------------------------------------------------*/
.application_default { width: 100%; border: 0px solid silver;}
/*
*/

/*====================================
weihnachten
====================================*/
#absoluteempty div.maincontentfoot { clear: both; width:600px; margin-left:50px;}
#absoluteempty .pe_teaser .floatleftright{ color: #999999; font-family: sans-serif; font-size:11px; }
#absoluteempty .pe_teaser .floatleftright a { color:black; text-decoration:none; }

/*-------------------------------- */
/* test ... */
/*-------------------------------- */

.testrb { border: 1px solid red; }

.float_img
{
	float: left;
	clear:both;
	margin-right:0.5em;
	margin-bottom:0.5em;
}

.brot { border: 1px solid red; }
.bblau { border: 1px solid blue; }
.bgruen { border: 1px solid green; }

/* info => http://www.jassesnee.de/easyclear/ */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

Some information about this website:

URL: http://www.peri.de/
CSS URL: http://www.peri.de/shared/styles/peri.css
Charset: utf-8
Title: PERI GmbH - Formwork Scaffolding Engineering
Meta-Description: The PERI GmbH, founded in 1969, is a worldwide leading manufacturer and supplier of formwork and scaffolding systems.
Meta-Keywords: concrete, formwork, scaffolding, engineering, wall formwork, peri, slab formwork