/*
	Design by Free CSS Templates
	http://www.freecsstemplates.org
	Released for free under a Creative Commons Attribution 2.5 License
*/

/* Basic */

*
{
	margin: 0em;
	padding: 0em;
}

h1,h2,h3,h4,h5,h6
{
	text-transform: uppercase;
	letter-spacing: 0.2em;
}

h1 {
	margin-bottom: 1em;
	font-size: 1.8em;
}

h2 {
	margin-top: 1.3em;
}

h3 {
	margin-top: 1.3em;
}

body
{
	font-family: "trebuchet ms", sans-serif;
	font-size: 10pt;
	background-color: #ece4d9;
	color: #6F5129;
}

a
{
	color: #316827;
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}

/* Outer */

#outer
{
	width: 896px;
	margin: 0em auto;
	background: #ece4d9 url('../images/pageback.jpg') top left repeat-y;
}

/* Header */

#header
{
	padding: 0em;
	height: 106px;
	text-align: center;
	background: #ece4d9 url('../images/header.jpg') top left no-repeat;
}


/* Menu */

#menu { font-family: Helvetica, Verdana, Arial, sans-serif; position:relative; width:896px; height:100px; background:#ece4d9 url('../images/menuback.jpg') top left repeat-y; overflow:hidden; font:bold 100%/1;}
    #menu ul {margin:0px; padding-bottom: 10px; list-style:none;width:896px;color: #ffffff;}
    #menu li {display:inline;color: #ffffff;}
    #menu li a {text-shadow: 2px 2px 2px black; display:block; width: 136px; height: 38px; color: #ffffff;font-size: 150%; padding: 30px 0 0 12px;float:left;  text-decoration:none;}
    #menu li.news a {display:block; width: 148px; height: 102px; float:left;  text-decoration:none;}
    #menu li.tiere a {display:block; width: 148px; height: 102px; float:left; text-decoration:none;}
    #menu li.kinder a {display:block; width: 148px; height: 102px; float:left; text-decoration:none;}
    #menu li.infos a {display:block; width: 148px; height: 102px; float:left; text-decoration:none;}
    #menu li.kontakt a {display:block; width: 149px; height: 102px; float:left; text-decoration:none;}
    
    #menu li a:hover {color: #e3d429;}
    #menu li.news a:hover {background:url("../images/menu_ro_04.jpg");}
    #menu li.tiere a:hover {background:url("../images/menu_ro_05.jpg");}
    #menu li.kinder a:hover {background:url("../images/menu_ro_06.jpg");}
    #menu li.infos a:hover {background:url("../images/menu_ro_07.jpg");}
    #menu li.kontakt a:hover {background:url("../images/menu_ro_08.jpg");}
 

/* Content */

#content
{
	background:  url('../images/contentback.jpg') top left no-repeat;
}

#content p
{
	margin-bottom: 0.5em;
	line-height: 1.5em;
	font-size: 120%;
}

#content h2,h3,h4,h5,h6
{
	position: relative;
	color: #3F2109;
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	border-bottom: solid 1px #DFBF99;
}

#content h2
{
	font-size: 1.5em;
	
}

#content h3
{
	font-size: 1.1em;
}

#content ul
{
	margin-bottom: 2em;
	font-size: 120%;
	padding-left: 1em;
}
#content ol
{
	margin-bottom: 2em;
	font-size: 120%;
	padding-left: 2em;
}
#content li
{
	margin-top: 10px;
}

#content .smaller {
	font-size: 80%;
}	

#content blockquote
{
	margin-bottom: 2em;
}

#content blockquote p
{
	border-left: solid 8px #667700;
	padding-left: 1em;
	margin-bottom: 0em;
}

#content table
{
	margin-bottom: 0.5em;
	font-size: 120%;
}

#content table th
{
	text-align: left;
	font-weight: bold;
	padding: 0.5em;
}

#content table td
{
	padding: 0.5em;
}

#content table tr.rowA
{
	background-color: #DFBD99;
	color: inherit;
}

#content table tr.rowB
{
	background-color: #EFDCC2;
	color: inherit;
}

/* Primary Content */


.center {
	margin: auto;
	text-align: center;
}

#primaryContentContainer
{
	position: relative;
	z-index: 2;
	float: right;
	margin-left: -18em;
	width: 100%;
}

#primaryContent
{
	margin: 2em 3.0em 0em 19em;
	padding: 0em 0em 0em 1.5em;
	border-left: solid 1px #DFBF99;
	min-height: 400px;
}

/* Secondary Content */

#secondaryContent
{
	position: relative;
	z-index: 2;
	float: left;
	margin-left: 20px;
	width: 15em;
	margin-top: 2em;
}

#secondaryContent h2 {
	font-size: 1.1em;

}
/* Footer */

#footer
{

	height: 56px;
	padding-top: 30px;
	background: url('../images/footer.jpg') bottom left no-repeat;
	text-align: center;
}

.clear
{
	clear: both;
}

IMG {
	border: 0px;
	}

.fancybox IMG {background: url('../images/maximize_n.gif') no-repeat right bottom; padding-bottom: 15px; margin-bottom: 5px;}	

.right {float: right; margin-left: 10px; margin-bottom: 10px;}

.sidemenu {margin-bottom: 50px; width: 150px; margin-left: -15px; padding-left: 0px;}
.sidemenu UL {
	margin: 0px;
	line-height: 120%;
	padding-left: 0px;
}

.sidemenu LI {
	font-size: 100%;
	list-style: none;
	height: 45px	
	margin: 0px;
}
.sidemenu LI a {
	text-decoration: none;
	padding-left: 23px;
	width: 150px;
	display: block;
	background: url('../images/pfote.jpg') no-repeat left top;
}
.sidemenu LI a:hover {
	color: #6F5129;
	background: url('../images/pfote_o.jpg') no-repeat;

}

.post {
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	border-bottom: solid 1px #DFBF99;
	}
	
	
form {width:97%; margin:2.0em 0 0 0; padding:10px 10px 10px 10px; border:solid 1px #DFBF99;}
form fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:none;}
form fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:100%;}
form label {float:left; width:180px; margin:0 0 0 10px; padding:0px; font-size:130%; font-weight: bold;}
form select.combo {margin-bottom: .8em;width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:100%;}
form input {margin-bottom: .8em; width:300px; padding:2px; border:solid 1px #DFBF99; font-family:verdana,arial,sans-serif; font-size:100%;}
form .error {color: red; font-size: 110%; margin: 0 10px 10px 10px;}
form input.radio {margin-bottom: .8em; width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:100%;}

form textarea {width:300px; margin-bottom: .8em; height: 5em; padding:2px; border:solid 1px #DFBF99; font-family:verdana,arial,sans-serif; font-size:100%;}
form input.button {float:left; width:9.0em; margin: 0 20px 30px 0; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px #DFBF99; text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:100%;}
form input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}
form input.file {margin: 0 20px 10px 0px;}

form P { line-height: 1em; margin-bottom: 10px; padding: 0px;}



.post_title {
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: 140%;
	margin-bottom: 5px;
	}
.post_date {
	font-size: 80%;
	margin-bottom: 10px;
	}

.caption {
	font-size: 80%;
	text-align: center;
}
.ce_simplepicture IMG {
	margin-bottom: 5px;
}

.ce_events {
	margin: 20px;
}

.ce_events h2 {
	
	margin-bottom: 0px;
	font-size: 1.8em;
	font-weight: normal;
}

.ce_events .event_box {
	background-color: #f3e0c3;
	float:left;
	font-size: 90%;
	line-height: 100%;
	margin-right: 20px;
	padding: 10px;
	}

.ce_events .event_box h3 {
	margin: 0px 0px 5px 0px;
	padding: 0px 10px 0px 0px;
}

.ce_events table {
	margin: 0px;
}

.ce_events th {
	height: 38px;
	padding-left: 12px;
	padding-right: 12px;
	text-align: left;
	background: #DFBF99;
}
.ce_events tr {
	height: 34px;
	margin: 0px;
	background: #f3e0c3;
}
.ce_events td {
	margin: 0px;
	padding-left: 11px;
	padding-right: 11px;
	bdorder: 1px solid #;	
}