body {
	        font:100% Arial, Verdana, Helvetica, sans-serif;
	        font-size: 13px;
	        color: #434343;
	        background-color:#FFFFFF;
	        line-height: 135%;
	        margin:0 5%;
	        /* max-width:800px */
}
        
        


h1,h2,h3 {
    font-family:"Trebuchet MS", "Times New Roman", Georgia, serif;
    font-weight:normal;
    color:#667553;
}

h1 {
    font-size:250%;
}

h2 {
    font-size:200%;
}

h3 {
    font-size:150%;
    
}

#logo { 
    margin-left:18px; 
    margin-top:27px;
    margin-bottom:40px;

}


.Pagetitel { 
    font-weight: bold;
    font-size: 130%;
   /* color: #cccccc; */
}

.knopf 
{
		font-size:90%;
		font-weight: bold;
		font-style: normal;
		text-decoration: none;
		color: #f28a27;
}


/* Links */

a img {border:0px;}

a:link { color:#f28a27;
	 text-decoration:none;
	 font-style:normal;
	 font-weight:normal;
	 }
	
a:visited { color:#f28a27;
	 text-decoration:none;
	 font-style:normal;
	 font-weight:normal;
}

a:hover { text-decoration: underline;}
	
a:active {text-decoration: underline;}	


a.navi 
{
		font-size:90%;
		font-weight: bold;
		font-style: normal;
		text-decoration: none;
		color: #23507D;
}

a.navi:visited 
{
		font-size:90%;
		font-weight: bold;
		font-style: normal;
		text-decoration: none;
		color: #23507D;
}


a.navi:hover {
text-decoration: underline;
color:#f28a27;
}



#header 
{
	font-size:90%;
	font-weight:bold;
	color:#cccccc;
	/*text-align:right; */
	float:right;
	margin-right:18px;
	
}

#footer {clear:left;
	text-align:center; 
	margin-top:36px;
}

#legal
{
	font-size:80%;
	font-weight:bold;
	color:#cccccc;
	text-align:center; 
	margin-top:18px;
	margin-bottom:22px;
}


/* hier beginnt das für die Box relevante CSS  */



div {
    margin:0;
    
}

.dialog {
     /* width:67%; */
     margin:0px auto;
     min-width:20em;
     max-width:868px; /* I only cut the left background images out to 800px. You could do much larger, etc. */
     /*color:Gray; */
    }

.ro {
    background:url(../media/ro.png) top right no-repeat;
    
}

.lo {
    background:url(../media/lo.png) top left no-repeat;
}

.ru {
    background:url(../media/ru.png) bottom right no-repeat;
}

.lu {
    background:url(../media/lu.png) bottom left no-repeat;
}

.inhalt {
    margin:0;
    padding:2.5em 2.5em 3.5em 2.5em;
}

.inhalt p {
    margin:18px;
    padding:0;
}

#media { text-align: center;
	margin-top:27px;
}