html, body{ 
 margin:25px 0 0 0; 
 padding:0; 
 text-align:center; 
 background-color: #ccc;
 font-family: Arial, Verdana, sans-serif;
} 
 
#pagewidth{ 
 width:780px;
 text-align:left;  
 margin-left:auto; 
 margin-right:auto; 
 background-color:#FFFFFF;
} 
 
#header{
 position:relative; 
 height:25px; 
 background-color:#D39CA4; 
 background-image: url('http://www.exchange-dialogue.com/images/logo-oben.gif');
 background-repeat:no-repeat; 
 float:left;
 width:100%;
 text-align:right;
} 
 
#leftcol{
 width:170px; 
 height:800px;
 float:left; 
 position:relative; 
 background-image: url('http://www.exchange-dialogue.com/images/logo-sidebar.gif');
 background-color:#E5DCDD; 
 }
 
#maincol{background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative; 
 width:610px; 
 }
 
a, a:visited, a:active {
text-decoration: none;
color: #000;
}
  
a:hover {
background-color:#E5DCDD;
} 
 
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block;  
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

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


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

.titel-maincol {
color:#D39CA4;
font-size: 1.2em;
padding-top: 37px;
padding-left: 20px;
}

/* Navigation*/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu {
cursor:pointer;
margin-bottom: 5px;
margin-top:39px;
width:140px;
padding-left:20px;
}

#menu dt {
cursor: pointer;
margin: 2px 0;
line-height: 20px;
font-weight: bold;
font-size: 1.0em;
}


#menu dd {
margin-bottom: 0.5em;
padding-left:10px;
padding-bottom:10px;
font-size: .8em;
list-style:none;
}

#menu li {
text-align: left;
}

#menu li a, #menu dt a {
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

#menu li a:hover, #menu dt a:hover {
background: #eee;
}

#active {
font-weight: bold;
color:#D39CA4;
}

/* other styles */

.imgside {
padding-left:30px; 
margin-bottom:30px;
padding-top:auto;
}

.language {
color: #fff;
}

.post {
		padding: 10px 0 0 0px;
		margin-left: 0px;
     	border-bottom: 1px solid #eee;
}
		
.post-a {
		padding: 2px 0 0 2px;
		margin-left: 0px;
}
		
.post-a h3 {
		color:#E5DCDD; 
		font-size: 1em;
}	
		
.post-a img {
	padding-right: 20px;
	float:left
}
			
.storytitle {
		margin-top: 10px;
		margin-bottom: 0px;
 		font-weight: bold;
 		color: #D39CA4;
}

.storytitle a {
		text-decoration: none;
}
		
.storycontent a {
		text-decoration: none;
		padding-left:0px;
}

#newsblock {
	margin:10px 0 auto 70px;
	font-size: .8em;
	width:500px;
}	

#newsblock img {
	padding-right: 20px;
	padding-bottom: 20px;
	float:left
} 

.contact {
	font-size: .9em;
	line-height:1.8em;
	margin-right:10px;
}
.contact a:visited {
	text-decoration: none;	
	color:#fff;
	}