/* Temp CSS File for temporary styles in CMS */

.maincontent { 
	float:left;
	width:850px;
	}
.sidebar {
	float:right;  
	width:150px
	}

	.cmscontent h1, .cmscontent h3 ,.cmscontent h4, .cmscontent h5,.cmscontent h6 {padding-top:24px; }					
	
	/* within cmscontent lists always use the square */
	.cmscontent	ul { list-style: square outside;}
	.cmscontent	li { margin-bottom: 3px;}

	/* define h2 always with the raute image and set the respective margin for the following elements */
	.cmscontent  h2 		{ 	display:block;  
							padding:0 15px 0 34px;  
							margin-top:12px; 
							overflow:visible; 
							font-size: 16px; 
							line-height:22px; 
							background:url(../images/buttons/raute.png) 
							no-repeat 0 7px;  
							cursor:pointer; 
							overflow:hidden;}

							@media only screen and (-webkit-min-device-pixel-ratio: 2) {	.cmscontent  h2 		{ 	display:block;  
							padding:0 15px 0 34px;  
							margin-top:12px; 
							overflow:visible; 
							font-size: 16px; 
							line-height:22px; 
							background:url(../images/buttons/raute.png) 
							no-repeat 0 7px;  
							cursor:pointer; 
							overflow:hidden;} }
							
							
							
	.cmscontent  h2  ~  p { 	margin-left:34px; 
							margin-bottom:15px;
							padding-right:23px; 
						} 
	.cmscontent	 h2 ~ ul { margin-left: 68px; }
						
/*	.cmscontent h1, h3 ~ p , h4, h5, h6 ~ p { margin:0 0 15px 0;} */
	
	/* set default margin for p and ul following all headings except h2 */						
	.cmscontent  h1 ~ p , .cmscontent  h3 ~ p , .cmscontent  h4 ~ p , .cmscontent  h5 ~ p, .cmscontent  h6 ~ p { margin:0 0 15px 0;} 
	.cmscontent  h1 ~ ul , .cmscontent  h3 ~ ul , .cmscontent  h4 ~ ul , .cmscontent  h5 ~ ul, .cmscontent  h6 ~ ul { margin-left: 34px; }

    h4.blau { color:#32a5e8;}
	
	  .add-bottom-40 { margin-bottom: 40px !important; }