/* --------------------------------------------------------------------------------
    Globals, Body */
	
 * { 
	margin:0px;
	padding:0px;
	border:0px;
 }
 
 body {
	margin:0px;
	background:#f8f9ed url(images/header/main.png) left top repeat-x;
	font:normal 14px/1.6em /*'Segoe UI',*/'Trebuchet MS',Verdana,Tahoma,Arial,sans-serif;
	color:#666;
	text-align:center;
	position:relative;
 }
 
 /* General Rule */
 a > span { display:none; }
 
 *.left { float:left; text-align:left; }
 *.right { float:right; text-align:right; }
 
 
 
 /* --------------------------------------------------------------------------------
    Wrapper */
	
 body > div#wrapper {
	text-align:left;
	clear:both;
	float:none;
	margin:0px auto;
	width:1000px;
 }
	
	
 
 /* --------------------------------------------------------------------------------
    Header */
	
 div#wrapper div#header {
	float:left;
	width:1000px;
	height:auto;
 }
 
 /* Banner */
 div#wrapper div#header div#banner {
	float:left;
	width:1000px;
	height:134px;
	margin:0px;
	background:transparent none;
 }
 
 div#wrapper div#header div#banner div#background {
	position:absolute;
	left:0px;
	top:0px;
	float:left;
	text-align:left;
	width:540px;
	height:134px;
	background:transparent url(images/header/banner.png) left top no-repeat;
 }

div#wrapper div#header div#banner div > a#logo {
	float:right;
	text-align:right;
	height:134px;
	width:460px;
 }
 
 
 
 /* --------------------------------------------------------------------------------
    Navigation */
	
 div#wrapper div#header ul#navigation {
	float:left;
	width:900px;
	padding:0px 50px;
	border-bottom:1px solid #cb6;
	list-style:none;
 }
 
 div#wrapper div#header ul#navigation li { float:left; list-style:none; margin:5px 6px 0px 0px; height:auto; width:auto; }
 div#wrapper div#header ul#navigation li a { float:left; background:transparent url(images/navigation/navigation.png) no-repeat; background-position:left top; }
 div#wrapper div#header ul#navigation li > span { display:none; }
 div#wrapper div#header ul#navigation li#nav-logo { width:169px; height:25px; background:url(images/navigation/krautikus.png) left top no-repeat; }
 
 div#wrapper div#header ul#navigation li#nav-start a { width:80px; height:25px; background-position:0px 0px; }
 div#wrapper div#header ul#navigation li#nav-start a:hover { background-position:0px -25px; }
 
 div#wrapper div#header ul#navigation li#nav-a-z a { width:80px; height:25px; background-position:-80px 0px; }
 div#wrapper div#header ul#navigation li#nav-a-z a:hover { background-position:-80px -25px; }
 
 div#wrapper div#header ul#navigation li#nav-hilfe a { width:85px; height:25px; background-position:-160px 0px; }
 div#wrapper div#header ul#navigation li#nav-hilfe a:hover { background-position:-160px -25px; }
 
 div#wrapper div#header ul#navigation li#nav-forum a { width:110px; height:25px; background-position:-245px 0px; }
 div#wrapper div#header ul#navigation li#nav-forum a:hover { background-position:-245px -25px; }
 
 div#wrapper div#header ul#navigation li#nav-impressum a { width:165px; height:25px; background-position:-355px 0px; }
 div#wrapper div#header ul#navigation li#nav-impressum a:hover { background-position:-355px -25px; }
 
 /* Suche */
 div#wrapper div#header ul#navigation li#nav-search {
	float:left;
	width:auto;
	margin:5px 3px 0px 0px;
 }
 
 div#wrapper div#header ul#navigation li#nav-search form#searchform { float:left; width:auto; }
 div#wrapper div#header ul#navigation li#nav-search form#searchform input#searchtopic {
	float:left;
	width:120px;
	padding:1px 4px;
	font:normal 13px/1.4em /*'Segoe UI',*/'Trebuchet MS',Verdana,Tahoma,Arial,sans-serif;
	color:#999;
	border:2px solid #bbb;
 }
 div#wrapper div#header ul#navigation li#nav-search form#searchform input#searchtopic:focus { color:#333; border:2px solid #777; }
 div#wrapper div#header ul#navigation li#nav-search form#searchform input#_submit { display:none; visibility:hidden; }
 div#wrapper div#header ul#navigation li#nav-search form#searchform a#submitlink {
	float:left;
	width:21px;
	height:21px;
	margin:2px;
	background:transparent url(images/navigation/search.png) left top no-repeat;
 }
 
 
 
 /* --------------------------------------------------------------------------------
    Sidebar */
	
 div#wrapper div#sidebar {
	float:left;
	width:190px;
	height:auto;
	background:transparent url(images/sidebar/ranke.png) left top no-repeat;
 }
 
 /* Header & General */
 div#wrapper div#sidebar ul#sidebar-information { 
	float:left;
	width:176px;
	margin:55px auto 0px 7px;
	background:#b3c168 url(images/sidebar/main.png) left top no-repeat;
	list-style:none;
	border:1px solid #a37b45;
	border-top:0px none;
	padding-bottom:3px;
 }
 div#wrapper div#sidebar ul#sidebar-information li { float:left; list-style:none; }
 div#wrapper div#sidebar ul#sidebar-information li.sidebar-header h3 {
	float:left;
	width:174px;
	padding:10px 1px 3px 0px;
	background:transparent url(images/sidebar/header.png) left bottom repeat-x;
	font:bold 22px/1.2em /*'Segoe UI',*/'Trebuchet MS',Verdana,Tahoma,Arial,sans-serif;
	text-align:center;
	color:#fff;
 }
 div#wrapper div#sidebar ul#sidebar-information li.sidebar-header h3 > span {
	font:italic 12px/1.4em /*'Segoe UI',*/'Trebuchet MS',Verdana,Tahoma,Arial,sans-serif;
 }
 
 /* Links */
 div#wrapper div#sidebar ul#sidebar-information li.sidebar-links ul {
	float:left;
	width:168px;
	height:auto;
	border:1px solid #996;
	list-style:none;
	margin:0px 3px;
	background:#abbd75 url(images/sidebar/links.png) left top no-repeat;
	padding-top:2px;
 }
 div#wrapper div#sidebar ul#sidebar-information li.sidebar-links ul li { float:left; list-style:none; }
 div#wrapper div#sidebar ul#sidebar-information li.sidebar-links ul li a { 
	float:left; 
	width:160px;
	padding:3px;
	text-align:center;
	font:bold 16px/1.4em /*'Segoe UI',*/'Trebuchet MS',Verdana,Tahoma,Arial,sans-serif;
	color:#663;
	text-decoration:none;
	background:#e9f0d0;
	margin:1px 1px 2px 1px;
 }
 div#wrapper div#sidebar ul#sidebar-information li.sidebar-links ul li a:hover { background:#fff4d6; color:#652; }
 
 /* Links-Menue (Werbung) */
 div#wrapper div#sidebar ul#sidebar-links {
	float:left;
	width:171px;
	margin:55px auto 0px 7px;
	background:#b3c168 url(images/sidebar/links.png) left bottom no-repeat;
	list-style:none;
	border:1px solid #a37b45;
	border-left:3px solid #a37b45;
	border-right:3px solid #a37b45;
	padding:4px 0px;
 }
 div#wrapper div#sidebar ul#sidebar-links li { float:left; list-style:none; }
 div#wrapper div#sidebar ul#sidebar-links li a {
	float:left;
	width:auto;
	height:auto;
	border:1px solid #adbe73;
 }
 div#wrapper div#sidebar ul#sidebar-links li a:hover { border:1px solid #cdde76; }
 
 div#wrapper div#sidebar ul#sidebar-links li#link-kinderhefte a {
	width:167px;
	height:28px;
	margin:2px 1px;
	background:url(images/links/kinderhefte.png) left top no-repeat;
 }
 
 
 
 /* --------------------------------------------------------------------------------
    Page & Content */
	
 div#wrapper div#page {
	float:left;
	width:806px;
	background:#aab557;
	border:2px solid #974;
	margin:10px 0px;
 }
 
 /* Content Navigation */
 div#wrapper div#page ul#content-navigation {
	float:right;
	width:796px;
	margin-top:10px;
	padding:0px 5px;
	list-style:none;
 }
 
 div#wrapper div#page ul#content-navigation li { float:right; list-style:none; }
 div#wrapper div#page ul#content-navigation li a {
	float:left;
	width:auto;
	font:bold 18px/1.4em /*'Segoe UI',*/'Trebuchet MS',Verdana,Tahoma,Arial,sans-serif;
	color:#663;
	text-decoration:none;
	border:1px solid transparent;
	padding:4px 45px;
 }
 div#wrapper div#page ul#content-navigation li a:hover { color:#441; }
 
 div#wrapper div#page ul#content-navigation li.active a {
	border:1px solid #f8f9ed;
	background:#f8f9ed;	
	color:#aa7;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-khtml-border-left-top-radius:10px;
	-khtml-border-right-top-radius:10px;
	-webkit-border-left-top-radius:10px;
	-webkit-border-right-top-radius:10px;
 }
 div#wrapper div#page ul#content-navigation li.active a:hover { color:#996; }

 /* Content */
 div#wrapper div#page div#content {
	float:left;
	width:726px;
	margin:0px 5px 5px 5px;
	padding:35px;
	background:#f8f9ed;
	color:#666;
 }
 
 div#wrapper div#page div#content h1 {
	float:left;
	width:726px;
	font:bold 25px/1.4em /*'Segoe UI',*/'Trebuchet MS',Verdana,Tahoma,Arial,sans-serif;
	margin:15px 0px 5px 0px;
	color:#555;
 }
 
 /* Absaetze */
 div#wrapper div#page div#content p {
	margin-bottom:15px;
 }
 
 /* Fett */
 div#wrapper div#page div#content b {
	letter-spacing:0px;
 }
 
 /* Links */
 div#wrapper div#page div#content a,
 div#wrapper div#page div#content a:visited,
 div#wrapper div#page div#content a:link {
	text-decoration:none;
	border-bottom:1px dotted #000;
	color:#000;
 }
 div#wrapper div#page div#content a[href^="http://"], div#wrapper div#page div#content a[target="_blank"] {
	background:transparent url(images/link.png) right center no-repeat;
	padding-right:17px;
 }
 
 div#wrapper div#page div#content a:hover,
 div#wrapper div#page div#content a:active {
	color:#444;
	border-bottom:1px solid #444;
 }
 
 /* Bilder */
 div#wrapper div#page div#content img {
	margin:10px;
	border:0px;
 }
 
 div#wrapper div#page div#content a img,
 div#wrapper div#page div#content a:visited img {
	border:1px solid #ccc;
	background:#fff none;
	padding:2px;
 }
 div#wrapper div#page div#content a:hover img {
	border:1px solid #999;
 }
 
 /* Listen */
 div#wrapper div#page div#content ul {
	clear:both;
	margin:30px 50px;
	list-style:url(images/bullet.png);
 }
 
 div#wrapper div#page div#content ul li {
	margin:10px 15px;
	list-style:url(images/bullet.png);
 }
 
 
 
 /* --------------------------------------------------------------------------------
    Footer */
	
 div#wrapper div#footer {
	float:right;
	width:800px;
	padding:5px 100px;
	margin:2px 0px;
 }
 
 div#wrapper div#footer ul#footerlist {
	float:right;
	width:auto;
	list-style:none;
 }
 div#wrapper div#footer ul#footerlist li { float:left; list-style:none; }
	
 div#wrapper div#footer ul#footerlist li a {
	float:left;
	font:normal 13px/1.4em /*'Segoe UI',*/'Trebuchet MS',Verdana,Tahoma,Arial,sans-serif;
	color:#777;
	padding:1px 10px;
	border-right:1px solid #555;
	text-decoration:none;
 }
 
 div#wrapper div#footer ul#footerlist li a:hover { color:#000; }