/*   
Theme Name: Ersocon
Theme URI: blog.ersocon.net
Description: Ein WordPress Theme im ersocon.net Design
Author: Alexej Bondarenko
Author URI: ersocon.net
Template: 
Version: 0.0.2
.
General comments/License Statement if any.
.
*/

* { /* Mit Universalselektor die Polsterungseigenschaften aller (Block-)Elemente auf null setzen */
    margin: 0;
    padding: 0;
    font: 10px verdana, arial, sans-serif;
}

body {
    text-align: center; /* Für IE 5.01 & 5.5, um die Box #wrapper horizontal zu zentrieren */
}

div {
    text-align: left; /* text-align:center wieder aufheben, damit DIV-Inhalte linksbündig ausgerichtet sind */
}

html, body {
    height: 100%; /* Anzeigebereich in der Vertikalen auf 100% strecken */
}

body.Ersonet {
    background-image: url('images/layout/background.png');
    background-repeat: repeat-x;    
}

li, dt, dd , ul {
    display: inline;
}

a, h2 a:hover, h3 a:hover {
    color: #06c;
    text-decoration: none;
}

a:hover {
    color: #147;
    text-decoration: underline;
}

h1 {
    color: #555555;
    font-size: 18px;
    text-align: left;
    margin: 0 0 0 0;
    padding-left: 4px;
    font-family: arial, verdana, sans-serif;
}

h2 {
    color: #555555; 
}

h3 {
    color: #555555;
    font-size: 10px;
    text-align: left;
    margin: 0 0 0 0;
    padding-left: 4px;
    font-family: verdana;
}

body, input, textarea {
    -x-system-font: none;
    font-family: Arial,Verdana,sans-serif;
    font-size: 12px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
}

input.text, 
input.textlong{
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    line-height: 20px;
    vertical-align:bottom;    
}
/* DIV-Boxen */

div#eraWrapper {
    position: relative;
    margin: 0 auto;
    width: 1000px;
    min-height: 100%; /* Mindesthöhe in modernen Browsern */
    height: auto !important; /* !important-Regel für moderne Browser */
    height: 100%; /* Mindesthöhe in IE (<7) */
    /*background: url(3cols.png) repeat-y;*/
    border-left: 0px solid #b8b8b8;
    border-right: 0px solid #b8b8b8;
    text-align: center;
}

div#eraHeader {
    height: 30px;
    background: #fff;
    /*border-bottom: 1px solid #b8b8b8;*/
    /*background-image: url(/gfx/header/header-back-lightblue.gif);*/
}

div#leftCol {
    width: 685px;
    float: left;
    padding-bottom: 45px;
    margin-top: 10px;
}

div#rightCol {
    width: 300px;
    float: right;
    margin-top: 10px;
    padding-bottom: 50px;
}

div#ErsonetHeader {
    height: 71px;   
}

div#ErsonetFooter {
    clear: both;
    position: absolute;
    bottom: 0;
    width: 1000px;
    background: #fff;
    height: 35px;
    text-align: center;
    color: #474747;
    border-top: 1px #cccccc dotted;
}

div#ErsonetCopyrightMark {
    font-size: 10px;
    width: 300px;
    float: left;
    padding-top: 5px;
    color: #999999;
    font-family: verdana, arial;
}

div.ErsonetFooterLinks {
    float: right;
    width: 600;
    padding-top: 5px;
}

div.ErsonetFooterLinks a {
    font-size: 10px;
    color: #999999;
    text-decoration: none;
}

div.ErsonetFooterLinks a:hover {
    text-decoration: underline; 
}
    
div#ErsonetMainMenu {
    margin-bottom: 10px;
    height: 47px;
    background-image: url('images/layout/main-menu.png');
    background-repeat: no-repeat;
}

div.ErsonetMainMenuItemLeft,
div.ErsonetMainMenu li {
    display: inline;
    margin: 18px 5px 0 30px;
    float: left;
}

div.ErsonetMainMenuItemRight {
    display: inline;
    margin: 18px 30px 0 5px;
    float: right;
}

div.ErsonetMainMenuItemLeft a,
div.ErsonetMainMenuItemRight a,
div.ErsonetMainMenu li a {
    color: #000000;
    font-size: 12px;
    font-family: arial, verdana;
    text-decoration: none;
}

div#ErsonetBreadcrumbMenu {
    border-bottom: 1px #cccccc dotted;
    padding: 0 0 5px 4px;
    color: #666666;
    font-size: 9px;
    font-family: verdana, arial;    
}

div.ErsonetBreadcrumbMenuItem {
    display: inline;
    padding: 0 0 5px 0; 
}

div.ErsonetBreadcrumbMenuItem a {
    color: #1aa5f8;
    font-size: 9px;
    font-family: verdana, arial; 
}

div.ErsonetLogo {
    height: 71px;
    width: 370px;
    background-image: url('images/logo-main.png');
    float: left;
}

div.ErsonetLogo div {
    float: right; 
    display: inline; 
    margin: 37px 0 0 0; 
    color: #ffffff;
}

div.ErsonetUserinfo {
    float: right;
    color: #ffffff; 
}

div.ErsonetContentForm {
    background-color: #ffffff; 
    border: 1px solid #e0e0e0; 
    color: #666666; 
    padding: 8px; 
    font-size: 12px; 
    font-family: Arial, Verdana;
    border-bottom: 0px;
    border-top: 0px;
}
div.ErsonetFieldSet {
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    background-color: #f9f9f9;
    background-image: url('../images/field-set-bg.png');
    background-repeat: repeat-x;
    padding: 5px;
    color: #444444;
    margin: 0;
}
div.ErsonetField,
div.ErsonetFieldAlt {
    border-bottom: 1px #eeeeff solid;
    margin-left: 18px;
}
div.ErsonetFieldName {
    width: 200px;
    float: left;
    margin: 4px;
    font-size: 11px;
}
div.ErsonetFieldValue {
    width: 400px;
    float: left;
    display: inline;
    margin: 4px;
    font-size: 11px;
}
div.ErsonetFieldSet div {
    padding-left: 15px;
    background-image: url('../images/icons/list-item.png');
    background-repeat: no-repeat;
    background-position: 3px 3px;   
}
div.ErsonetProductNavi {
    background-image: url('../images/layout/navigation-bg.png');
    background-repeat: repeat-x;
    background-position: bottom;
    margin-top: 16px;
}
h1.ErsonetTopBoxHeaderTitle,
h2.ErsonetTopBoxHeaderTitle {
    border-left: 1px solid #ececec; 
    border-right: 1px solid #ececec; 
    border-bottom: 1px solid #ececec; 
    padding: 2px 8px 6px 8px; 
    font-size: 14px; 
    color: #555555;
    background-image: url('images/layout/field-set-bg.png');
    background-repeat: repeat-x;
    font-family: arial, verdana, sans-serif;
}
h3.subinfo {
	border-left: 1px solid #ececec; 
    border-right: 1px solid #ececec;
	border-bottom: 1px dotted lightgrey; 
	margin: 0; 
	padding: 4px 0 4px 10px;
}
h3.bottominfo {
    border-top: 1px dotted lightgrey; 
    padding: 4px 0 0 0;	
}
div.ErsonetProductNaviItem {
    float: left; 
    margin-left: 4px;
    display: block;
    cursor: pointer;    
}
div.ErsonetProductNaviContent {
    border-left: 1px solid #ececec; 
    border-right: 1px solid #ececec; 
    border-bottom: 1px solid #ececec; 
    padding: 2px 8px 6px 8px; 
    font-size: 14px; 
    color: #555555;
    background-image: url('../images/field-set-bg.png');
    background-repeat: repeat-x;
    font-family: arial, verdana, sans-serif;    
}
div.ErsonetProductNavi div.current div.ErsonetProductNaviContent {
    border-bottom: 1px solid #ffffff;
    background: none;   
}

div.ErsonetProductNaviContent a {
    font-size: 14px; 
    color: #555555;
    text-decoration: none;
    font-family: arial, verdana, sans-serif;    
}

a.ErsonetLink {
    color: red;
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
}
div.ErsonetRoundBoxContent strong {
    font-weight: bold;
    font-family: arial, verdana;
    font-size: 11px;    
}
div.ErsonetRoundBoxContent p {
    margin: 2px 0 4px 0;    
    font-size: 10px;
    margin: 4px 4px 10px 4px;
    font-family: Arial;
    font-size: 13px;
    color: #444444;
}
div.ErsonetRoundBoxContent {
    font-size: 12px;    
}
div.ErsonetRoundBoxContent ul {
    list-style-type: disc; 
    display: block;
}
div.ErsonetRoundBoxContent ul li {
    list-style-type: disc; 
    display: list-item;
    margin: 0 0 0 30px; 
}
/********************************** AWARD *************************************/

div.ErsonetAward {
    padding: 4px 12px;
    display: block;
}

div.ErsonetAward .image {
    float: left;
    display: inline;
    width: 80px;
    height: 80px;
    margin: 0;
}

div.ErsonetAward .title {
    float: left;
    margin: 0 0 0 16px;
    width: 500px;
    height: 15px;   
}
div.ErsonetAward .grantDate {
    float: right;
    font-size: 11px;
    height: 15px; 
}

div.ErsonetAward .content {
    float: left;
    font-size: 11px;
    width: 350px; 
    margin: 8px 0 0 16px;
}

/********************************** STARS *************************************/

div.ErsonetStars,
div.ErsonetStarsActive {
    height: 32px;   
}

div.ErsonetStars {
    background-image: url('../images/icons/stars-empty.png');
    background-repeat: no-repeat;
    width: 170px;
    float: left;
}

div.ErsonetStarsActive {
    background-image: url('../images/icons/stars-full.png');
    background-repeat: no-repeat;
}

div.ErsonetStars .high {
    background-image: url('../images/icons/stars-high.png');
}

div.ErsonetStars .low {
    background-image: url('../images/icons/stars-low.png');
}

/********************************* RATING *************************************/
div.ErsonetRating {
    width: 170px;
    margin-left: 25px;  
}
div.ErsonetRating .current {
    margin-left: 70px;  
}
div.ErsonetRating,
div.ErsonetRating .current,
div.ErsonetRating .max,
div.ErsonetRating .divider {
    font-size: 35px;
    color: #666666;
    font-weight: bold;
    float: left;
    font-family: arial, verdana, sans-serif;
}

div.ErsonetRating .max,
div.ErsonetRating .divider {
    font-size: 25px;
    margin-top: 9px;
}

div.ErsonetRatingText {
    float: left;
    width: 170px;
    text-align: center;
    margin-top: 6px;
    color: #666666; 
}
/**************************** PHOTO_THUMBNAIL *********************************/

div.ErsonetThumbnail {
    width: 220px; 
    height: 250px; 
    float: left;
    margin-right: 10px;
    border-top: 1px solid #e5e5e5;
    background-image: url('../images/layout/photo-template-220.png');
    background-position: bottom;
    background-repeat: no-repeat;   
}

div.ErsonetThumbnail div.imageContent {
    width: 200px; 
    height: 200px;
    margin: 10px 10px 0 10px; 
    float: left;
    margin-right: 10px;
    border: 1px solid #e5e5e5;
    background-image: url('../images/test/image2.jpg');
    background-position: -120px -90px;
}

div.ErsonetThumbnail div.link {
    width: 200px; 
    float: left;
    margin: 4px 0 0 10px;
}
div.ErsonetFailMessageContainer {
    border: 1px solid #e4a9a9;
    background-color: #fceded;
    margin: 0 0 8px 0;
    padding: 12px;  
}
div.ErsonetFailMessageContainer div {
    margin: 0px;   
}
div.ErsonetSuccessMessageContainer {
    border: 1px solid #b2deab;
    background-color: #edffea;
    margin: 0 0 8px 0;
    padding: 12px;  
}
div.ErsonetDisplayGroup {
    border: 1px solid #c3d9ff;
    background-color: #ecf4fd;
    margin-bottom: 8px;
    display: block;
    clear: both;
    padding: 12px;
}
div.ErsonetFormElement {
    clear: left;
    display: block;
}
div.ErsonetFormElement label {
    display: inline-block;
    margin: 0 0 2px 0;
    float: left;
    clear: left;   
}
div.ErsonetFormElement input.text,
div.ErsonetFormElement select.text,
div.ErsonetFormElement textarea.text,
div.ErsonetFormElement input.textlong,
div.ErsonetFormElement textarea.textlong,
div.ErsonetDisplayGroup #captcha-input {
    display: inline-block;
    border: 1px solid lightgrey;
    clear: left;
    float: left;
    margin: 0;
    width: 300px;
    height: 20px;
    padding: 0px 4px;
    margin-bottom: 4px;
}
div.ErsonetFormElement input.textlong {
    width: 630px;
}
div.ErsonetFormElement textarea.text {
    width: 630px;
    height: 150px;  
}
div.ErsonetFormElement span.mceEditor {
    float: left;    
}
div.ErsonetDisplayGroup img {
    border: 1px solid lightgrey;
    clear: left;
    float: left;
    margin: 0;
    width: 300px;
    margin-bottom: 4px;
}
div.eraMainMenu ul {
    display: inline;
    padding: 0px;
    margin: 0px;
}

div.eraMainMenu ul li {
    display: inline;
    /*margin-left: 8px;*/
    margin-right: 5px;
    /*margin-top: 6px;*/
}

div.eraMainMenu ul li.floatRight {
    display: inline;
    margin-left: 5px;
    margin-right: 0px;
    /*margin-top: 6px;*/
}

div.eraLoginBox {
    width: 280px;
    float: center;
    padding: 30px 360px 0 360px;    
}

div.ErsonetLoginBox {
    width: 250px;
    float: center;
    padding: 30px 360px 0 360px;    
}

div.eraBoxGreen {
    background: url(../gfx/box/box_green_tl.gif) 0 0 no-repeat;
    margin: 0px;
    padding: 0px;
    margin-bottom: 10px;
}

div.eraBoxGreen div {
    background: url(../gfx/box/box_green_tr.gif) 100% 0 no-repeat;
}

div.eraBoxGreen div div {
    background: url(../gfx/box/box_green_bl.gif) 0 100% no-repeat;
}

div.eraBoxGreen div div div {
    background: url(../gfx/box/box_green_br.gif) 100% 100% no-repeat;
    padding: 10px;
    width: auto !important;
    width: 100%;
}

div.eraBoxGreen {
    background: url(../gfx/box/box_green_tl.gif) 0 0 no-repeat;
    margin: 0px;
    padding: 0px;
    margin-bottom: 10px;
}

div.eraBoxGrey {
    background: url(../gfx/box/box_grey_tl.gif) 0 0 no-repeat;
    margin: 0px;
    padding: 0px;
    margin-bottom: 20px;
}

div.eraBoxGrey div {
    background: url(../gfx/box/box_grey_tr.gif) 100% 0 no-repeat;
}

div.eraBoxGrey div div {
    background: url(../gfx/box/box_grey_bl.gif) 0 100% no-repeat;
}

div.eraBoxGrey div div div {
    background: url(../gfx/box/box_grey_br.gif) 100% 100% no-repeat;
    padding: 10px;
    width: auto !important;
    width: 100%;
}

.eraBoxSpGreen{display:block}
.eraBoxSpGreen *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#EBFFDB}
.eraBoxSpGreen1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f6ffef;
  border-right:1px solid #f6ffef;
  background:#f0ffe4}
.eraBoxSpGreen2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fdfffb;
  border-right:1px solid #fdfffb;
  background:#eeffe1}
.eraBoxSpGreen3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #eeffe1;
  border-right:1px solid #eeffe1;}
.eraBoxSpGreen4{
  border-left:1px solid #f6ffef;
  border-right:1px solid #f6ffef}
.eraBoxSpGreen5{
  border-left:1px solid #f0ffe4;
  border-right:1px solid #f0ffe4}
.eraBoxSpGreenfg{
  background:#EBFFDB}

/******************************* BASIC BOX ************************************/
.ErsonetBox {
    display:block;
}
.ErsonetBox * {
    display:block;
    height:1px;
    overflow:hidden;
    font-size:.01em;
    background:#F1F1F1;
}
.ErsonetBox1 {
    margin-left:3px;
    margin-right:3px;
    padding-left:1px;
    padding-right:1px;
    border-left:1px solid #f8f8f8;
    border-right:1px solid #f8f8f8;
    background:#f4f4f4;
}
.ErsonetBox2 {
    margin-left:1px;
    margin-right:1px;
    padding-right:1px;
    padding-left:1px;
    border-left:1px solid #fdfdfd;
    border-right:1px solid #fdfdfd;
    background:#f3f3f3;
}
.ErsonetBox3 {
    margin-left:1px;
    margin-right:1px;
    border-left:1px solid #f3f3f3;
    border-right:1px solid #f3f3f3;
}
.ErsonetBox4{
    border-left:1px solid #f8f8f8;
    border-right:1px solid #f8f8f8;
}
.ErsonetBox5 {
    border-left:1px solid #f4f4f4;
    border-right:1px solid #f4f4f4;
}
.ErsonetBoxfg {
    background:#F1F1F1;
}
.ErsonetBoxPadding {
    padding: 0 8px 2px 8px;
}

/******************************** BLUE BOX ************************************/
.lightBlue .ErsonetBox * {
    background:#EBF6FF;
}
.lightBlue .ErsonetBox1 {
    border-left:1px solid #f6fbff;
    border-right:1px solid #f6fbff;
    background:#f0f8ff;
}
.lightBlue .ErsonetBox2 {
    border-left:1px solid #fdfeff;
    border-right:1px solid #fdfeff;
    background:#eef7ff;
}
.lightBlue .ErsonetBox3 {
    border-left:1px solid #eef7ff;
    border-right:1px solid #eef7ff;
}
.lightBlue .ErsonetBox4 {
    border-left:1px solid #f6fbff;
    border-right:1px solid #f6fbff;
}
.lightBlue .ErsonetBox5 {
    border-left:1px solid #f0f8ff;
    border-right:1px solid #f0f8ff;
}
.lightBlue .ErsonetBoxfg {
    background:#EBF6FF;
}

/******************************* ERROR BOX ************************************/
.error .ErsonetBox * {
    background:#FFDADA;
}
.error .ErsonetBox1 {
    border-left:1px solid #ffefef;
    border-right:1px solid #ffefef;
    background:#ffe3e3;
}
.error .ErsonetBox2 {
    border-left:1px solid #fffbfb;
    border-right:1px solid #fffbfb;
    background:#ffe1e1;
}
.error .ErsonetBox3 {
    border-left:1px solid #ffe1e1;
    border-right:1px solid #ffe1e1;
}
.error .ErsonetBox4 {
    border-left:1px solid #ffefef;
    border-right:1px solid #ffefef;
}
.error .ErsonetBox5 {
    border-left:1px solid #ffe3e3;
    border-right:1px solid #ffe3e3;
}
.error .ErsonetBoxfg {
    background:#FFDADA;
}

/******************************** INFO BOX ************************************/
.info .ErsonetBox * {
    background:#FFEFD8;
}
.info .ErsonetBox1 {
    border-left:1px solid #fff8ee;
    border-right:1px solid #fff8ee;
    background:#fff3e1;
}
.info .ErsonetBox2 {
    border-left:1px solid #fffdfb;
    border-right:1px solid #fffdfb;
    background:#fff2df;
}
.info .ErsonetBox3 {
    border-left:1px solid #fff2df;
    border-right:1px solid #fff2df;
}
.info .ErsonetBox4 {
    border-left:1px solid #fff8ee;
    border-right:1px solid #fff8ee;
}
.info .ErsonetBox5 {
    border-left:1px solid #fff3e1;
    border-right:1px solid #fff3e1;
}
.info .ErsonetBoxfg {
    background:#FFEFD8;
}

/******************************* ROUND BOX ************************************/
.ErsonetRoundBoxTop,
.ErsonetRoundBoxTopHeader,
.ErsonetRoundBoxBot,
.ErsonetRoundBoxHeader,
.ErsonetRoundBoxHeaderBot {
    background: transparent none repeat scroll 0 0;
    display: block;
    font-size: 1px;
}

.ErsonetRoundBoxBot {
    clear: both;
}    

.ErsonetRoundBox1,
.ErsonetRoundBox2,
.ErsonetRoundBox3,
.ErsonetRoundBoxHeaderBot {
    height: 1px;    
}

.ErsonetRoundBox2,
.ErsonetRoundBox3,
.ErsonetRoundBox4 {
    background: #FFFFFF none repeat scroll 0 0;
    border-left: 1px solid #e0e0e0;    
    border-right: 1px solid #ececec;
}

.ErsonetRoundBox1,
.ErsonetRoundBox2,
.ErsonetRoundBox3,
.ErsonetRoundBox4 {
    display: block;
    overflow: hidden;    
}

.ErsonetRoundBox1 {
    background: #e0e0e0 none repeat scroll 0 0;
    margin: 0 5px;  
}

.ErsonetRoundBox2 {
    border-width:0 2px;
    margin: 0 3px;  
}

.ErsonetRoundBox3 {
    margin: 0 2px;  
}

.ErsonetRoundBox4 {
    height: 2px;
    margin: 0 1px;  
}

.ErsonetRoundBoxContent,
.ErsonetRoundBoxContentH {
    background: #FFFFFF none repeat scroll 0 0;
    border: 1px solid #e0e0e0;
    border-width: 0 1px;
    display: block;
    padding: 2px 8px 2px 8px;
    color: #666666;
    font-size: 12px;
    font-family: arial, verdana;    
}

.ErsonetRoundBoxContent h2 {
    font-size:15px;
    line-height:200%;
    font-family: arial, verdana;    
}

.ErsonetRoundBoxContentH {
    padding: 5px;
}

.ErsonetRoundBoxHeader .ErsonetRoundBox2,
.ErsonetRoundBoxHeader .ErsonetRoundBox3,
.ErsonetRoundBoxHeader .ErsonetRoundBox4 {
    background: #EEEEEE none repeat scroll 0 0;
}

.ErsonetBoxHeader {
    background: #EEEEEE none repeat scroll 0 0;
    padding-bottom: 4px;    
}

.ErsonetRoundBoxHeaderBot {
    border: 0px solid #CCCCCC;
    background: #CCCCCC none repeat scroll 0 0;
}

/****************************** NAVIGATION STYLES *****************************/
div.ErsonetProductNavi .inactive .ErsonetRoundBox2,
div.ErsonetProductNavi .inactive .ErsonetRoundBox3,
div.ErsonetProductNavi .inactive .ErsonetRoundBox4,
div.ErsonetProductNavi .inactive .ErsonetRoundBox5 {
    background-color: #edf4f9;  
}

/****************************** HEADER STYLES *****************************/
b.ErsonetRoundBoxTopHeader .ErsonetRoundBox2,
b.ErsonetRoundBoxTopHeader .ErsonetRoundBox3,
b.ErsonetRoundBoxTopHeader .ErsonetRoundBox4,
b.ErsonetRoundBoxTopHeader .ErsonetRoundBox5 {
    background-color: #edf4f9;  
}

/****************************** FORM STYLES ***********************************/
.ErsonetFormElement {
    display: block;
    margin-bottom: 4px;
    height: 22px;
}
.ErsonetFormElement #objErsodocAccountName,
.ErsonetFormElement #objErsodocAccountPassword {
    float: left;
    display: inline;
    clear: left;
    height: 20px;
}
#ErsonetLoginForm .ErsonetFormElement label,
#ErsonetLoginForm #submit {
    float: left;
    display: inline;
    clear: left;
}

div.ErsonetRoundBoxContent p {
    margin: 15px 10px 20px 10px;
    font-family: Arial;
    font-size: 13px;
    color: #444444;
    line-height: 20px;
}

div.ErsonetRoundBoxContent ol {
    margin: 0px 10px 25px 10px;
    list-style-type: decimal;
}

div.ErsonetRoundBoxContent ol li {
    display: list-item;
    padding: 2px 0 4px 0px;
    list-style-type: decimal;
    font-family: Arial;
    font-size: 13px;
    color: #444444;
    line-height: 20px;
    margin-left: 30px;    
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
    margin-right: 0px;
}

/* clearfix zum Aufheben der Floatumgebung */

.clearfix:after {
content: ".";
display: block;
height: 0;
font-size: 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 */