html { 
	height: 100%;  /* Verhinderung des Versprungs im Internet Explorer bei nicht sichtbarer Scroll-Leiste */
	margin-bottom: 1px;
}

body {
	text-align: center;  /* Horizontale Zentrierung im Internet Explorer */
	background: #ffffff;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	margin: 0; 
	padding: 0;
}

div.meta 
{
    margin: 8px auto 8px auto; /* Standardkonforme horizontale Zentrierung */
    padding: 0;
    width: 952px;
	height: 20px;
}

div.meta ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

div.meta ul.language
{
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
}

div.meta li
{
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 10px;
	color: #666666;
	line-height: 20px;
}

div.meta a
{
	color: #666666;
	text-decoration: none;
}

div.meta img 
{
	width: 22px;
	height: 14px;
	margin: 0 4px 0 0;
	border: 1px solid #cccccc;
}

div.topnav 
{
	clear: both;
	margin: 0 auto 0 auto;  /* Standardkonforme horizontale Zentrierung */
	text-align: left;
	width: 984px;
	height: 32px;
	background: url(../gfx/navbar_top.png) no-repeat;
}

div.topnav ul
{
	margin: 0 0 0 16px;
	padding: 0;
	list-style: none;
}

div.topnav li
{
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 10px;
	color: #ffffff;
	line-height: 32px;
}

div.topnav a
{
	color: #ffffff;
	text-decoration: none;
}

div.indexheader
{
	text-align: left;  /* Linke Ausrichtung des Inhalts */
	margin: 0 auto 0 auto;  /* Standardkonforme horizontale Zentrierung */
	width: 984px;
	background: url(../gfx/header_index.jpg) no-repeat;
	position: relative; top: 0px; left: 0px;
}

div.indexheader a.community
{
	display: block;
	position: absolute; top: 24px; right: 0px;
	background: url(../gfx/communityteaser_index.jpg);
	background-position: top right; 
	padding: 8px;
	text-align: center;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}

div.campusheader
{
	text-align: left;  /* Linke Ausrichtung des Inhalts */
	margin: 0 auto 0 auto;  /* Standardkonforme horizontale Zentrierung */
	width: 984px;
	background: url(../gfx/header_campus.jpg) no-repeat;
	position: relative; top: 0px; left: 0px;
}

div.campusheader a.community
{
	display: block;
	position: absolute; top: 24px; right: 0px;
	background: url(../gfx/communityteaser_campus.jpg);
	background-position: top right; 
	padding: 8px;
	text-align: center;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}

div.kidsheader
{
	text-align: left;  /* Linke Ausrichtung des Inhalts */
	margin: 0 auto 0 auto;  /* Standardkonforme horizontale Zentrierung */
	width: 984px;
	background: url(../gfx/header_kids.jpg) no-repeat;
	position: relative; top: 0px; left: 0px;
}

div.kidsheader a.community
{
	display: block;
	position: absolute; top: 24px; right: 0px;
	background: url(../gfx/communityteaser_kids.jpg);
	background-position: top right; 
	padding: 8px;
	text-align: center;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}

img.logo 
{
	width: 80px;
	height: 160px;
	margin: 0 0 0 40px;
	border: 0;
}

div.layout
{
	text-align: left;  /* Linke Ausrichtung des Inhalts */
	margin: 0 auto 0 auto;  /* Standardkonforme horizontale Zentrierung */
	width: 984px;
}

div.nav
{
	text-align: left;
	width: 240px;
	float: left;
	margin: 0 24px 0 0;
}

div.nav h1.campus
{
	margin: 24px 0 0 0;
	padding: 8px 24px 8px 24px;
	color: #333333;
	font-size: 10px;
	font-weight: bold;
	background: url(../gfx/boxheader_blue.png) no-repeat;
}

div.nav ul.campus
{
	margin: 0 0 24px 0;
	padding: 0;
	list-style: none;
	font-size: 10px;
	background: #ebf5ff;
}

div.nav ul.campus li
{
	padding: 0 0 0 24px;
	line-height: 28px;
	background: url(../gfx/pin_blue.png) no-repeat;
	background-position: center left; 
	border-left: 1px solid #99ccff;
	border-right: 1px solid #99ccff;
	border-bottom: 1px solid #99ccff;
}

div.nav ul.campus li a
{
	color: #003399;
	text-decoration: none;
}

div.nav h1.kids
{
	margin: 24px 0 0 0;
	padding: 8px 24px 8px 24px;
	color: #333333;
	font-size: 10px;
	font-weight: bold;
	background: url(../gfx/boxheader_yellow.png) no-repeat;
}

div.nav ul.kids
{
	margin: 0 0 32px 0;
	padding: 0;
	list-style-type: none;
	font-size: 10px;
	background: #fff5d6;
}

div.nav ul.kids li
{
	padding: 0 0 0 24px;
	line-height: 28px;
	background: url(../gfx/pin_yellow.png) no-repeat;
	background-position: center left; 
	border-left: 1px solid #ffcc33;
	border-right: 1px solid #ffcc33;
	border-bottom: 1px solid #ffcc33;
}

div.nav ul.kids li a
{
	color: #996600;
	text-decoration: none;
}

div.content
{
	text-align: left;
	width: 448px;
	float: left;
	margin: 32px 24px 0 0;
}

div.teaser
{
	clear: left;
}

div.teaser h1
{
	margin: 0;
	font-size: 12px; 
	color: #333333;
}

div.teaser img
{
	margin: 0 16px 24px 0;
	float: left; 
}

div.teaser p
{
	margin: 8px 0 0 0;
	font-size: 11px; 
	color: #333333;
}

div.teaser a.index
{
	color: #cc3333;
	text-decoration: none;
}

div.teaser a.campus
{
	color: #3366cc;
	text-decoration: none;
}

div.teaser a.kids
{
	color: #cc9900;
	text-decoration: none;
}

div.right
{
	text-align: left;
	width: 248px;
	float: left;
}

div.right h1
{
	margin: 24px 0 0 0;
	padding: 8px;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	background: url(../gfx/boxheader_grey.png) no-repeat;
}

div.right p
{
	margin: 0;
	padding: 8px;
	font-size: 11px;
	color: #333333;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

div.right a.index
{
	color: #cc3333;
	text-decoration: none;
}

div.right a.campus
{
	color: #3366cc;
	text-decoration: none;
}

div.right a.kids
{
	color: #cc9900;
	text-decoration: none;
}

div.footer 
{
	clear: left;
	margin: 32px auto 0 auto;  /* Standardkonforme horizontale Zentrierung */
	text-align: left;
	width: 984px;
	height: 24px;
	background: url(../gfx/navbar_bottom.png) no-repeat;
}

div.footer ul
{
	margin: 0 0 0 16px;
	padding: 0;
	list-style: none;
}

div.footer li
{
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 10px;
	color: #ffffff;
	line-height: 24px;
}

div.footer a
{
	color: #ffffff;
	text-decoration: none;
}