@charset "utf-8";
/* CSS Document */
a img {border: 0 none;}
body {
	background: #fdf0c0;
	margin: 0;
	margin-top: 10px;
	font-family: "Comic Sans MS", "Comic Sans", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 150%;
	color: #e63120;
}
#container {
	width:1009px;
	margin: 0 auto;
}
#box #head {
	height: 184px;
	background:url(box_head.gif) bottom no-repeat;
	position: relative;
	margin-top: 80px;
}
#logo {
	position:absolute;
	top: -30px;
	left: 440px;
	width:216px;
}
h2#header {
	text-indent: -5000px;
	background: url(logo.gif);
	height: 124px;
	margin:0;
	padding: 0;
	width: 216px;
}
#topnav {
	position: absolute;
	left: 280px;
	top: 55%;
}
#main {
	background:url(bg.gif) repeat-y;
	padding-bottom: 4px;
}
#menu {
	width: 207px;
	padding: 5px;
	float: left;
	margin-left: 5px;
	color: #e63120;
}
#content {
	width: 741px;
	padding: 5px 5px 5px 36px;
	overflow:auto;
}
#footer {
	clear: both;
	background: url(footer.gif) top no-repeat ;
	position: relative;
	padding-top: 220px;
	top: -17px;
}
#myAlternativeContent {
	position: absolute;
	top: 140px;
	right: 10px;
}
#kontakt {
	position: relative;
	top: 15px;
	left: 10px;
	width:150px;
}
#copyright {
	position: absolute;
	top: 300px;
	right: 10px;
	text-align:right;
	width:200px;
}

/*
 * Navigationselemente
 */
/*
 * Topnavigation
*/
#topNavList li {
	display: inline;
	list-style-type: none;
	padding-right: 50px;
	font-size: 30px;
}
#topNavList a {
	text-decoration: none;
	color: #e63120;
}
#topNavList a:hover, #topNavList a:focus {
	position: relative;
	top: 5px;
	z-index: 100;
}
/*
 * Marken
 */
#menu ul, #menu li {margin: 0; padding: 0; list-style: none;}
#menu ul {margin-left: 10px; line-height: 100%;}
#menu ul li {padding-bottom: 20px;}
#menu ul li a {
	color: #e63120;
	text-decoration: underline;
	font-size: 14px;
	font-weight: bold;
}
#menu ul li ul {margin-left: 20px;line-height: 250%;}
#menu ul li ul li {padding-bottom: 0px;}
#menu ul li ul li {
	list-style:disc;
	margin-left: 10px;
	color: #e63120;
}
#menu ul li ul li a {
	text-decoration: none;
	font-weight: normal;
}
/*
 * Kontaktlink
 */
#kontakt a, #copyright a {
	font-weight: 18px;
	color: #0669b2;
	text-decoration: none;
}
#kontakt a:hover, #kontakt a:focus, #copyright a:hover, #copyright a:focus {
	position: relative;
	top: 2px;
}

/*
 * Typo
 */
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	font-size: 22px !important;
	color: #e63120;
	line-height: 120%;
}
address {
	font-style: normal;
}
#menu h1, #menu h2 {
	color: #e63120;
	font-size: 26px;
	font-weight: normal;
}
#menu h2 {font-size: 20px;}
.news-latest-date a,#menu a{

	color: #001d42;
	text-decoration: underline;
}
.news-latest-item h3 {margin: 0; font-weight: normal;}
#menu .news-latest-item h3 a  {
	color: #001d42;
	text-decoration: none;
}
div.news-latest-item {
	margin-bottom: 30px;
	font-size: 14px;
	line-height: 150%;
}
div.news-latest-item img {
	text-align: center;
	padding-top: 10px;
}
.news-list-item img {
	float: left;
	margin: 0 5px 2px 0;
}
.news-list-item h3 {
	font-size: 14px !important;
}
.news-list-item h3 span.news-list-date {font-size: 12px !important;}
.news-list-morelink {clear:left;}
.news-single-img {
	float: right;
	margin: 0 0 2px 5px;
}
hr.clearer {clear: both;}
hr {
   padding: 0;
   height: 2px;
   background: #e63120;
   color: #e63120;
   border: solid 0;
}
.news-single-item, .news-single-item a {
	color: #e63120;
}
#content a:link, #content a:active, #content a:visited {
	color: #e63120;
	text-decoration:underline;
}
#content a:hover, #content a:focus {
	color: #e63120;
	text-decoration:none;
} 
/*
 * sysEXT: rteHTMLarea
 */
p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, div.align-left, address.align-left, td.align-left { text-align: left; }
p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, div.align-center, address.align-center, td.align-center { text-align: center; }
p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, div.align-right, address.align-right, td.align-right { text-align: right; }
p.align-justify, h1.align-justify, h2.align-justify, h3.align-justify, h4.align-justify, h5.align-justify, h6.align-justify, div.align-justify, address.align-justify, td.align-justify { text-align: justify; }
div.indent, p.indent, .indent {padding-left: 200px;}
.behappy, #content .behappy a:link, #content .behappy a:active, #content .behappy a:visited, #content .behappy a:hover, #content .behappy a:focus  {color: #685c4c;}
.lillebi, #content .lillebi a:link, #content .lillebi a:active, #content .lillebi a:visited, #content .lillebi a:hover, #content .lillebi a:focus  {color: #e6307b;}
.pitzelpatz, #content .pitzelpatz a:link, #content .pitzelpatz a:active, #content .pitzelpatz a:visited, #content .pitzelpatz a:hover, #content .pitzelpatz a:focus  {color: #186eb7;}
.farmily, #content .farmily a:link, #content .farmily a:active, #content .farmily a:visited, #content .farmily a:hover, #content .farmily a:focus {color: #109fd9;}
.sino, #content .sino a:link, #content .sino a:active, #content .sino a:visited, #content .sino a:hover, #content .sino a:focus  {color: #8ba463;}
.joje, #content .joje a:link, #content .joje a:active, #content .joje a:visited, #content .joje a:hover, #content .joje a:focus  {color: #FFFFFF;}
.huehner, #content .huehner a:link, #content .huehner a:active, #content .huehner a:visited, #content .huehner a:hover, #content .huehner a:focus  {color: #c83049;}
.peppels, #content .peppels a:link, #content .peppels a:active, #content .peppels a:visited, #content .peppels a:hover, #content .peppels a:focus  {color: #60baef;}
