body {
    font-family: Arial, Helvetica, sans-serif;
	font-weight: 11pt;
	height: 297mm;
	width: 210mm;
}
#top {
	
	width: 180mm;
	height: 50mm;
	text-align: left;
	border-bottom: 1px solid #eee;
	background-image: url(http://www.salana-pudel.de/grfx/druckheader.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#top h1 a:link {
        color: #000000;
	text-decoration: none;

        }

.toptext {
	display: none;
	}
	
#main .menu {
		display: none;
}

.content {
	width: 180mm;
	margin: 10px;
}

div#main {
	width: 180 mm;
	z-index:200;
	position:absolute;
	top: 232px;
	left: 0px;
	background-image: url(content_background.gif);
	background-repeat: no-repeat;
	background-position: right 145px;
}

img a {
	border-style: none;
	text-decoration: none;
	}
	
a {
	color: #666;
	text-decoration: none;
}

.postmetadata {
	display: none;
}
/* div.menu {
	width: 702px;
	float: left;
	overflow:hidden;
	background-color: #83C639;
	background-image: url(../files/meniu_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
div.menu ul {width: 680px; height: 38px; overflow:hidden; padding:0; list-style:none; text-align:left; margin-left:15px;}
div.menu ul li {float: left; }

div.menu ul li a {display: block; float: left; height: 39px; overflow:hidden; background-image:url(../files/meniu.gif); background-repeat:no-repeat; font-size: 14px; text-decoration:none; color: #e5ece5; font-weight: bold; }
div.menu ul li a span {display:none;}
div.menu ul li a.home {background-position:left top; width: 69px}
div.menu ul li a.home:hover {background-position:left -40px}
div.menu ul li a.home_selected {background-position:left -40px; width: 69px}

div.menu ul li a.schule {background-position:-69px top; width: 72px}
div.menu ul li a.schule:hover {background-position:-69px -40px}
div.menu ul li a.schule_selected {background-position:-69px -40px; width: 72px}

div.menu ul li a.hort {background-position:-141px top; width: 76px}
div.menu ul li a.hort:hover {background-position:-141px -40px}
div.menu ul li a.hort_selected {background-position:-141px -40px; width: 76px}

div.menu ul li a.eltern {background-position:-217px top; width: 115px}
div.menu ul li a.eltern:hover {background-position:-217px -40px}
div.menu ul li a.eltern_selected {background-position:-217px -40px;  width: 115px}

div.menu ul li a.partner {background-position:-332px top; width: 76px}
div.menu ul li a.partner:hover {background-position:-332px -40px}
div.menu ul li a.partner_selected {background-position:-332px -40px; width: 76px}

div.menu ul li a.projekt {background-position:-408px top; width: 111px}
div.menu ul li a.projekt:hover {background-position:-408px -40px}
div.menu ul li a.projekt_selected {background-position:-408px -40px;width: 111px }

div.menu ul li a.preturi {background-position:-519px top; width: 75px}
div.menu ul li a.preturi:hover {background-position:-519px -40px}
div.menu ul li a.preturi_selected {background-position:-519px -40px; width: 75px}

div.menu ul li a.contact {background-position:-594px top; width:76px}
div.menu ul li a.contact:hover {background-position:-594px -40px}
div.menu ul li a.contact_selected {background-position:-594px -40px; width:76px}
*/
.menu {
	width:700px;
	height:30px;
	font-size:0.85em;
	background-color: #72C527;
	bottom: 0px;
}

*html .menu {
	width:700px;
	w\idth:500px
	height:30px;
	font-size:0.85em;
	background-color: #72C527;
	bottom: 0px;
	left: -150px;
	float: left;
}
.menu h2 {
	display: none;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
	width:99px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	width:99px;
	position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	font-size:11px;
	text-decoration:none;
	color:#fff;
	width:99px;
	height:30px;
	padding-left:10px;
	line-height:29px;
	background-color: #72C527;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0;
	border-left-width: 0;
	border-right-style: solid;
	border-top-color: #fff;
	border-right-color: #fff;
	border-bottom-color: #fff;
	border-left-color: #fff;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
	width:99px;
	w\idth:99px;

}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
	background-color: #AFC697;
}
/* style the second level hover */
.menu ul ul a.drop:hover {
	background-color: #C4C697;
}
.menu ul ul :hover > a.drop {
background:#c9ba65;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#e2dfa8;
}
/* style the third level hover */
.menu ul ul ul a:hover{
background:#b2ab9b;
}
.menu ul ul ul :hover > a {
background:#b2ab9b;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {border-collapse:collapse; border:0; position:absolute; left:0; bottom:-1px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
bottom:31px;
left:0; 
width:150px;
}
* html .menu ul ul {
bottom:30px;
}
/* position the third level flyout menu */
.menu ul ul ul{
left:150px; 
bottom:0;
width:150px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-150px;
}


/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#d4d8bd; 
color:#000; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:129px
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:100px;
w\idth:100px;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#fff; 
background:#949e7c;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#fff;
background:#949e7c;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
height:auto;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
display:none;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
display:none;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
display:block;
bottom:0;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
display:block;
bottom:0;
}



div.content {
	background:#e5ece5; 
	width: 670px; 
	float: left; 
	padding: 16px 16px 0px 16px; 
	min-height: 525px;}
	

	
div.rightcolumn {
	display: none;
}

div.bigboxwrap {
	width: 668px;
	float: left;
	margin:3px 0 7px 0;
	padding-top: 5px;
	background-image: url(grfx/box_big_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
div.bigbox {
	width: 648px;
	padding:10px;
	float: left;
	position:relative;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dashed;
	border-top-color: #AFC697;
	border-right-color: #AFC697;
	border-bottom-color: #AFC697;
	border-left-color: #AFC697;
	background-image: url(grfx/box_big_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}


div.narrowboxwrap {
	width: 330px;
	float:left;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-image: url(grfx/box_narrow_bottom.gif);
	margin-top: 3px;
	margin-right: 8px;
	margin-bottom: 4px;
	margin-left: 0px;
}
div.narrowbox {
	width: 300px;
	float: left;
	position:relative;
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 10px;
}
div.narrowboxwrap.right {
	margin-right:0px!Important;

}
div.narrowboxwrap a.thumb img {float:none;
		vertical-align:middle
	}
	div.narrowboxwrap a.thumb span { text-align:center;
	display:table-cell;  vertical-align:middle; width: 140px; height: 200px   }
	div.narrowboxwrap  a.thumb { width: 140px; background:#EAEEE0; border:3px solid #EAEEE0;  height: 200px; display:block; color: #fff; text-align:center }
div.narrowboxwrap  a.thumb:hover {border:3px solid #D6DFB5;}

img.left {float: left; margin-right: 10px;}
img.center {margin: 5px 0px 50px 0px;}
div.content p {font-size: 12px; line-height: 17px; margin: 5px 0} 
div.content h2 {font-size: 24px; line-height: 28px; padding-bottom: 1px} 
div.content h3 {font-size: 16px; line-height: 22px;}
a.details 
a.details:hover 
div.narrowbox a.details
div.footer 
div.footer ul {list-style:none; float: left; width: 680px; height: 26px; padding: 6px 0;font-size: 10px; color: #1e3042}
div.footer p {font-size: 10px; color:#698882}
div.footer p a {color:#698882; text-decoration: none; }
div.footer p a:hover {color:#698882; text-decoration: underline; }
div.footer p.right {float: right; margin:0px; width: 200px; text-align: right;}
div.footer p.left {float:left; margin:0px; width: 600px}
div.footer ul li {
	list-style:none;
	display: inline;
	padding-right: 20px;
}
div.footer ul li a { color: #1e3042; text-decoration: none;}
div.footer ul li a:hover { color: #1e3042; text-decoration:underline;}

div.rightcolumn img.left 
div.rightcolumn a.button a.button div.rightcolumn a.button:hover div.rightcolumn a.button strong 
div.rightcolumn a.button span div.rightboxwrap 
div.rightbox div.rightbox a.details div.rightnav div.rightbox a.details 
div.rightbox a.details:hover div.breadcrumbs div.content ul div.content ol div.content label div.content form div.content form p div.checkboxes label.checkboxLabel #gallery #gallery ul 
	#gallery ul li #gallery ul img #gallery ul a:hover img #gallery ul a:hover ul.list ul.list li 	.infoboxright .error {
		display: none;
	}


