/* -----------------------------------------------------------------------------------------------------------------
	common
----------------------------------------------------------------------------------------------------------------- */	
	/* some nice to have resets */
	p,div, body, img { padding: 0; margin: 0; }
	a img{ border: none; }
	
	/* Clearing floats without extra markup - Based on How To Clear Floats Without Structural Markup by PiE
	   [http://www.positioniseverything.net/easyclearing.html] */
	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	
	/* Regular clearing -  apply to column that should drop below previous ones. */
	.clear { clear: both; }
	
/* -----------------------------------------------------------------------------------------------------------------
	YOUR site layout
----------------------------------------------------------------------------------------------------------------- */
  body {
    background-color: #FFFBED;
    /*background-image: url('img/gelber_hintergrund.jpg');*/
    background-repeat: no-repeat;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #404042;
  }
  
  /*** Text colors ***/
  .text-purple {
    color: #6C368C;
  }
  
  .text-orange {
    color: #FFCC00;
  }
  
  /*** Headers ***/
  h1 {
    color: #6C368C;
    font-size: 16px;
    font-weight: lighter;
  }
  
  h3 {
    color: #6C368C;
    font-weight: lighter;
  }
  
  /*** Links ***/
  a {
    color: #6C368C;
    text-decoration: underline;
    white-space: nowrap;
  }  
  
  #logo {
    margin-top: 40px;
    margin-bottom: 20px;
    text-align: center;
  }
  
  #logo a img {
    border: 0;
  }
  
  #main-box {
    width: 940px;
    min-height: 480px;
    margin: 0 auto;
    padding-top: 5px;
    background-color: white;
  }
  
  .main-mask .col1  { width: 233px;}
	.main-mask .col2  {	width: 425px;}
	.main-mask .col3  {	width: 157px;}
	
	/*** Right column ***/
	#right-col {
    padding-top: 0px;
    padding-right: 5px;
	  text-align: right;
    width: 250px;
    float: right;
	}
  
  /*** Main menu ***/
  #main-menu, #main-menu-2 {
    margin-left: 5px;
  }
  
  #main-menu a, #main-menu-2 a {
    text-decoration: none;
  }
  
    #main-menu ul, #main-menu-2 ul {
      list-style-type: none;
      margin: 0px 0px 4px 0px;   
      padding: 0px;
    }
    
    #main-menu ul li, #main-menu-2 ul li {
      width: 180px;
    }
    
      /*** Level 1 ***/
      #main-menu ul li a, #main-menu-2 ul li a {
        display: block;
        height: 21px;
        padding: 2px 0px 0px 8px;
        background-image: url('img/menu-level-1-standard-bg.png');
        background-repeat: no-repeat;
        color: #FFFFFF;
        font-size: 13px;
        /*font-weight: bold;*/
      }
      
      #main-menu ul li.active a, #main-menu-2 ul li.active a {
        background-image: url('img/menu-level-1-active-bg.png');
      }
        
        /*** Level 2 ***/
        #main-menu ul li.active ul li a, #main-menu-2 ul li.active ul li a {
          height: auto;
          padding: 2px 0px 3px 8px;
          background-image: none;
          color: #6C368C;
          font-size: 13px;
          font-weight: normal;
        }
        
        #main-menu ul li.active ul li.active a, #main-menu-2 ul li.active ul li.active a {
          color: #FFCC00;
        }
        
        #main-menu ul li.active ul li.curifsub a, #main-menu ul li.active ul li.actifsub a, #main-menu-2 ul li.active ul li.curifsub a, #main-menu-2 ul li.active ul li.actifsub a {
          display: block;
          height: 21px;
          padding: 2px 0px 0px 8px;
          background-image: url('img/menu-level-2-active-ifsbub.png');
          background-repeat: no-repeat;
          color: #6C368C;
          font-size: 13px;
          /*font-weight: bold;*/
        }
        
        /*** Level 3 ***/
        #main-menu ul li.active ul li.active ul li a, #main-menu-2 ul li.active ul li.active ul li a {
          height: auto;
          padding: 3px 0px 3px 8px;
          background-image: none;
          color: #6C368C;
          font-size: 11px;
          font-weight: normal;
        }
        
        #main-menu ul li.active ul li.active ul li.active a, #main-menu-2 ul li.active ul li.active ul li.active a {
          color: #FFCC00;
        }
	
	.top-link {
    margin-top: 50px;
    margin-bottom: 10px;
    text-align: center;
  }
  
    .top-link a {
      text-decoration: none;
    }
    
    .top-link a.arrow {
      font-weight: bold;
      color: #FFCC01;
    }
    
  /*** Footer menu ***/
  #footer-menu {
    width: 940px;
    margin: 0 auto;
    margin-top: 5px;
    color: #6C368C;
  }
  
  #footer-menu a {
    font-size: 11px;
  }
  
  #footer {
    width: 845px;
    margin: 0 auto;
    margin-top: 22px;
    margin-bottom: 45px;
    text-align: center;
    color: #6C368C;
    font-size: 11px;
  }

/* -----------------------------------------------------------------------------------------------------------------
	predefined layout - add your site layout before; everything else after
----------------------------------------------------------------------------------------------------------------- */
	.colmask { position: relative; clear: both; width: 100%; overflow: hidden; }
	.colmask .col1, .colmask .col2, .colmask .col3, .colmask .col4 { float: left; }
	
	/* |-------------------------50%-------------------------|-------------------------50%-------------------------| */
	.p50x50 .col1, .p50x50 .col2 { width: 49.9%; }
	/* |----------20%----------|----------------------------------------80%----------------------------------------| */
	.p20x80 .col1 { width: 19.9%; }
	.p20x80 .col2 { width: 79.9%; }
	/* |----------------------------------------80%----------------------------------------|----------20%----------| */
	.p80x20 .col1 { width: 79.9%; }
	.p80x20 .col2 { width: 19.9%; }
	/* |---------------30%---------------|-----------------------------------70%-----------------------------------| */
	.p30x70 .col1 { width: 29.9%; }
	.p30x70 .col2 { width: 69.9%; }
	/* |-----------------------------------70%-----------------------------------|---------------30%---------------| */
	.p70x30 .col1 { width: 69.9%; }
	.p70x30 .col2 { width: 29.9%; }
	/* |----------------33%----------------|----------------33%----------------|----------------33%----------------|  */
	.p33x33x33 .col1, .p33x33x33 .col2, .p33x33x33 .col3 { width: 33.2%; }
	/* |------------25%------------|-------------------------50%-------------------------|------------25%------------|  */
	.p25x50x25 .col1, .p25x50x25 .col3 { width: 24.45%; }
	.p25x50x25 .col2 { width: 50.9%; }	
	/* |------------25%------------|------------25%------------|------------25%------------|------------25%------------| */
	.p25x25x25x25 .col1, .p25x25x25x25 .col2, .p25x25x25x25 .col3, .p25x25x25x25 .col4 { width: 24.9%; }
	
	/* getting equal hight blocks; works due to the hidden overflow on colmask */
	.equal .col1, .equal .col2, .equal .col3, .equal .col4 { margin-bottom: -30000px; padding-bottom: 30000px; }
	
	/* set the default margin for the content div */
	#contentMain { margin: 0;}
	
	/* give them some nice margin */
	.col1 .content, .col2 .content, .col3 .content { margin: 0 10px; }
	
	/* override col1 left margin and col2 right margin for 2 cols */
	.p50x50 .col1 .content, .p20x80 .col1 .content, .p80x20 .col1 .content, .p30x70 .col1 .content, .p70x30 .col1 .content { margin-left: 0; }
	.p50x50 .col2 .content, .p20x80 .col2 .content, .p80x20 .col2 .content, .p30x70 .col2 .content, .p70x30 .col2 .content { margin-right: 0; }
	
	/* override col1 left margin and col3 right margin for 3 cols */
	.p33x33x33 .col1 .content, .p25x50x25 .col1 .content { margin-left: 0; }
	.p33x33x33 .col3 .content, .p25x50x25 .col3 .content { margin-right: 0; }

/* -----------------------------------------------------------------------------------------------------------------
	YOUR everything else
----------------------------------------------------------------------------------------------------------------- */
	
	#contentMain .colmask { padding-top: 10px; margin-top: 10px; border-top: 1px solid #000; }
	#contentMain > div:first-child { border: none; margin-top: 0; padding-top: 0; }
	
	/*** Sidebar elements ***/
  .sidebar-element {
    border-right: 2px solid #CDBBD7;
    border-bottom: 2px solid #CDBBD7;
    margin-bottom: 20px;
    font-size: 10px;
    color: #6C368C;
    text-align: left;
  }
  
  .sidebar-element .content {
  	margin: 0px;
  }
  
  .sidebar-element .content .csc-textpic {
  	margin: 0px 7px;
  }
  
  .sidebar-element-zweizeilig {
    border-right: 2px solid #CDBBD7;
    border-bottom: 2px solid #CDBBD7;
    margin-bottom: 20px;
    font-size: 10px;
    color: #6C368C;
    text-align: left;
  }
  .sidebar-element p, .sidebar-element-zweizeilig p {
    margin: 7px 0px 7px 0px;
  }
  
	.sidebar-element h3 {
    height: 21px;
    margin: 0px 0px 5px 0px;
    padding: 2px 5px 0px 3px;
    background-image: url('img/sidebar-header-bg.png');
    background-repeat: no-repeat;
    background-position: top right;
    text-align: right;
    font-size: 13px;
	}
  .sidebar-element-zweizeilig h1 {
    height: 42px;
    margin: 0px 0px 5px 0px;
    padding: 2px 5px 0px 3px;
    background-image: url('img/sidebar-2zeilig-header-bg.png');
    background-repeat: no-repeat;
    background-position: top right;
    text-align: right;
    font-size: 13px;
	}
	
p, p.bodytext { line-height: 18px; }
ul.csc-bulletlist li { margin: 8px 0px; }
.tx_mailform_captcha, .tx_mailform_textarea, .tx_mailform_text { width: 300px; background: #CEBBD6; color: #fff; border: 1px solid #fff; margin: 2px 0px; }
.tx-srfreecap-pi2-cant-read { color: #fff; }
#tx_mailform_input-item-252-FQT216IPN { width: 20px; }

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img, div.tx-rlmpflashdetection-pi1 {
  margin: 0px;
  margin-left: 0px;
}

div#languagemenu {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}

div.tx-srlanguagemenu-pi1 {
	overflow: auto;
	padding: 10px;
	width: 940px;
	margin: 0 auto;
}

div.tx-srlanguagemenu-pi1 div {
	float: right;
	width: 32px;
	text-align: right;
}

#tagcloud {
  overflow: hidden;
  text-align: center;
  padding: 20px 10px 10px 10px;
  margin: 80px 25px 10px 0;
  background-color: #CEBBD6;
}