body {
	margin: auto auto;
	padding: 0;
	font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
	font-size: 62.5%;
	color: #333;
	background-color: #FFF9DB;
	text-align: center;
}

.impressum {
	font-size:7px;
}

* {
	padding: 0;
	margin: 0;
}

/* Make sure the table cells show the right font */
td { 
	font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
}

/*-------------------------------------------------
GLOBALS & GENERAL CASES
-------------------------------------------------*/

a {text-decoration: none; padding: 1px; }
a:link { color: #03c; }
a:visited { color: #03c; }
a:hover { color: #fff; background-color: #ff9933; text-decoration: none; }


/*-------------------------------------------------
TYPOGRAPHY
-------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
        font-family: helvetica, arial, verdana, sans-serif;
        font-weight: normal;
}

/* approx 21px*/
h1 {
        font-size: 1.1em;
        margin-top: 2em; 
}

/* approx 16px*/
h2 {
        font-size: 1.6em;
        margin-bottom: 1em; 
}

/* approx 14px*/
h3 {
        font-size: 1.4em;
		margin-bottom: 1em; 
}

/* approx 12px*/
h4 {
        font-size: 1.2em;
}

/* approx 11/14 */
p {
	font-size: 1.1em;
	line-height: 1.4em;
	padding: 0;
	margin-bottom: 0em;
}
ul {
	list-style: disc;
	list-style-position: inside;
	margin-left: 0.4em;
	padding-left: 1em;
	text-indent: -1.5em;
	font-size: 1.1em;
	line-height: 1.4em;
	white-space: normal;
	text-align: left;
	}
ol {
	list-style-position: inside;
	margin-left: 0em;
	padding-left: 10em;
	text-indent: -1.1em;
	font-size: 1.1em;
	line-height: 1.4em;
	}

/* PAGE STRUCTURE 
---------------------------------------------*/

#container {
	width:900px;
	margin: auto auto;
	text-align: left;
	min-width: 84em;
	text-align: center;
}

#contentframe {
	margin: 1em 0 0 0;
	padding: 0 0;
	width: 900px;
	text-align: left;
	float: left;
}
#leer {
	margin: 0 0 0 0;
	padding: 0 0;
	width: 920px;
	height: 100px;
	text-align: center;
	float: left;
	overflow : auto;
}

/* 2 column layout c1-c1-c2 */
.c1-c2 #c2 {
	float: right;
	width: 78%;
	height:428px;
	margin: 0;
	
	overflow:auto;
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 0;
	padding-left: 2px;
}

.c1-c2 #c1 {
	float: left;
	width: 19%;
	padding: 0 0 0 0em;
	margin: 0;
	
}

.c1-c2 #c3 {
	float: left;
	width: 19%;
	padding: 0 0 0 0em;
	margin: 0;
	
}
.style3 {
	font-size: 1.7em; 
	}
.style4 {
	font-size: 24px; 
	}
.style5 {
	font-size: 18px; 
}
.style6 {
	color: #FF0000; 
}
.sidenote {
	font-size: 0.9em; 
}
.italic {
	font-style: italic; 
}
#header {
	white-space: nowrap;
	font-size: 6px;
	background: #333;
	border-top: 8px solid #FF0000;
	height: 30px;
}
#header li {
	float: left;
	display: inline;
	background: none;
	padding: 0;
}
#header li a {
	width: 80px;
	height: 20px;	
	display: block;
	color: #FFF;
	background: #333;
	font-weight: bold;
	padding: 6px 0 0 0;
	line-height: 1em;
	text-decoration: none;
	text-align: center;

}
#header li.active a,
#header li.active a:hover {
	background: #FF0000;
	position: relative;
	
}

#header li a:hover {
	background: #4D4D4D;
}
#flag {
	text-align: right;
}
#logo {
	text-align: left;
	font-weight: bold;
	color: #FF0000;
}
#concept {
	text-align: right;
}