html {
	margin: 0; 
	padding: 0;}

body {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin: 5; 
	padding: 5;
	background: cornsilk; 
	color: black;}

h1 {
	font-size: 200%; 
	text-transform: lowercase; 
	letter-spacing: 3px;
	margin: 0; 
	padding: 0.66em 0 0.33em 16%;
	}

h3 {
	font-size: 133%; 
	margin: 0; 
	padding: 0 0 0 0.5em; 
	}

h4 {
	font-size: 100%; 
	margin: 0; 
	padding: 0.33em 0 0; 
	}

h1, h3, h4 {line-height: 1em;}

p {
	line-height: 1.66; 
	margin: 0.5em 3em 1em 3em;}

a {
	color: SlateGray;  
	text-decoration: none; 
	text-align: left;
	}

a:hover {
	color: DarkRed;
	background: AliceBlue;}

div#titel {
	position:absolute;
	width: 95%; 
	height:20px; 
	z-index:1; 
	left: 22px; 
	top: 4px; 
	valign: middle; 
	text-align: center; 
	font-family: courier;
	font-size: 32pt;
	font-weight: bold;
	color: black;
	text-transform:uppercase;
	}
div#titel h3{
        background-image: url(http://www.57ps.de/images/wilderhund.jpg); 
        background-repeat:no-repeat;} 

div#links {
    position: absolute; 
    top: 7em; 
    left: 10px; 
    width: 20%; 
    /*margin-top: 2.33em;*/ 
    border: none;
    font: 12px Verdana, sans-serif; 
    background-color: cornsilk; 
    z-index: 100;} 
/* div#links a {
    display: block; 
    text-align: left; 
    font: bold 1em sans-serif;
    padding: 5px 10px; 
    margin: 0 0 1px; 
    border-width: 0;
    text-decoration: none; 
    color: #FFC; 
    background: cornsilk;
    border-right: 5px solid #505050;} */

div#links a:hover {
    color: DarkRed;
    background: AliceBlue;
    border-right: 5px double white;}

div#links a span {display: none;}

/* div#links a:hover span {
    display: block;
    position: absolute; top: 220px; left: 0; width: 125px;
    padding: 5px; margin: 10px; z-index: 100;
    color: AliceBlue; 
    background: cornsilk;
    font: 10px Verdana, sans-serif; 
    text-align: left;} */



/* div#links {
        position: absolute; 
	top: 7em;
	float: left; 
	width: 21%; 
	margin-top: 2.33em;
	font-size: 11px; 
	background-color: cornsilk;
	border: none;} */

div#links mainnavigation{ 
    font-family: verdana, geneva, arial, helvetica, sans-serif;
    font-size: 11pt;
    line-height: 1.25em;
    color: #F0F0F0;
    letter-spacing: 1pt;
    font-weight: normal;
    padding: 0; 
    margin-top: 0;
    text-transform:uppercase;
    size: 1pt;
    noshade;
    width:22%; 
	}
	
div#links a {
	display: block; 
	color: SlateGray; 
	padding: 3px 12px; 
	margin: 0; 
	text-decoration: none; 
	text-align: left;
	border-top: 1px solid color:CornflowerBlue;}

div#links a:hover {
	color: DarkRed;
	background: AliceBlue;} 

div#links h4 {
	background: rgb(33%,33%,33%);
	color: white;
	text-align: center; 
	margin: 0; 
	padding: 0.25em 0 0.125em 0;}

/* div#rechts {
	position: absolute; 
	top: 8em; 
	margin: 0 20% 1em 20%; 
	padding: 0;} */

div#rechts {
    position: absolute; 
    top: 8em;
	margin: 0 20% 1em 20%; 
    /* width: 60%; */ 
    /*margin-top: 2.33em;*/ 
    border: none;
    font: 12px Verdana, sans-serif; 
    background-color: cornsilk; 
    z-index: 100;} 
div#rechts .bordered:before{
        content: url(http://www.57ps.de/images/kleinerwilderhund.jpg); 
        }

div#margin {
	position: fixed; 
	top: 1em; 
	right: 0; 
	width: 18%;
	font-size: 11px; 
	z-index: 11;}

div#margin h4 {
	background: rgb(70%,70%,55%); 
	color: black;
	margin: 0; 
	padding: 0.33em 0 0 0.5em; 
	border-width: 0;}

div#margin a {
	display: block; 
	padding: 8px 0 2px 10px; 
	margin: 0;
	border-left: 1px solid rgb(70%,70%,55%);}

div#margin a:hover {
	background: rgb(85%,85%,70%);}

.listodd{
font-family: verdana, geneva, arial, helvetica, sans-serif;
font-size: 12px;
line-height: 19px;
vertical-align: top;
}

.listeven{
font-family: verdana, geneva, arial, helvetica, sans-serif;
font-size: 12px;
line-height: 19px;
color: #000000;
background-color: #F3F3EE;
vertical-align: top;
}

.bu{
    font-size: 9px;
    font-family: verdana, geneva, arial, helvetica, sans-serif;
    text-transform: none;
    color: grey;
    font-weight:normal;
}

.copyright{
font-size: 9px;
font-family: verdana, geneva, arial, helvetica, sans-serif;
}

.bordered {
padding: 12px;
border-style: dotted;
border-width: 1px;
border-color: #000000
}

.border_right{
border-right-style: solid;
border-right-width: 1;
border-color: #000000
}

.border_top{
border-top-style: solid;
border-top-width: 1;
border-color: #000000
}

.border_bottom{
border-bottom-style: solid;
border-bottom-width: 1;
border-color: #000000
}

.border_top_right{
border-right-style: solid;
border-right-width: 1;
border-top-style: solid;
border-top-width: 1; border-color: #000000
}

.border_left_right {
border-right-style: solid;
border-right-width: 1;
border-left-style: solid;
border-left-width: 1;
border-color: #000000
}

.border_left_right_bottom {
border-right-style: solid;
border-right-width: 1;
border-left-style: solid;
border-left-width: 1;
border-bottom-style: solid;
border-bottom-width: 1;
border-color: #000000
}

.news_feed {
font-size: 9px;
line-height: 14px;
margin-left: 5px;
}

.news_feed_title{
font-size: 9px;
font-weight: bold;
line-height: 14px;
}

.news_clock {
font-size: 9px;
font-weight: bold;
line-height: 14px;
padding-left: 5;
padding-right: 5
}



.buchstart{
font-weight: bold;
line-height: 14px;
margin-left: 20px;
margin-bottom: 2px;
margin-top: 12px;
}
.buchtext{
line-height: 14px;
margin-left: 20px;
margin-bottom: 2px;
margin-top: 2px;
}


.search_form {
        font-family : Arial, Helvetica, sans-serif;
        border-style: solid;
        border-width: 1;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        border-color: #000000;
        height: 15px;
        width: 94px;

}

.headlabel_tiny {
		font-family: bodoni, palatino, garamond, serif;
		font-size: 18px;
		font-weight: bold;
		text-transform:uppercase;
		}
line-height: 24px;
.headlabel_tiny_address {
		font-family: bodoni, palatino, garamond, serif;
		font-size: 15px;
		font-weight: bold;
		text-transform:uppercase;
		}


.fliesstext{
		font-size: 9pt;
		line-height: 18px;
		color: #666666;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-style: normal;
		text-transform: none
		}

.worte_autor{
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-size: 10px;
	margin-top: 4px;
	margin-bottom: 12px;
	font-style:italic;
	}

form { margin: 0px; border: none; }

.code {
    color: grey;
    background-color:  #F8F8FF;
    }

.supertitle {
	margin-top: 2px;
	margin-bottom: 2px;
	font-weight: bold;
	font-size: 10px;
	line-height: 12px;
	color: grey;
	text-transform:uppercase;
	letter-spacing: 3pt;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	text-decoration: none
	}

.teasertitle {
	font-size: 29px;
	font-weight: bold;
	line-height: 29px;
	color: #9C9C9C;
	margin-top: 5px;
	margin-bottom: 4px;
 	}


.mainnavigation{ 
    font-family: verdana, geneva, arial, helvetica, sans-serif;
    font-size: 6pt;
    color: #F0F0F0;
    letter-spacing: 1pt;
    font-weight: normal;
    line-height: 1em;
    padding: 0;
    margin-top: 0;
    text-transform:uppercase;
    size: 1pt;
    noshade;
    width:28%; 
	}


/*Jax-Calendar */

/* Appearance of the Calendar-Modul */

.calendar
{
	width : 180px;
	height: 180px;
}

.calendar .headline {
	color: Silver;
	font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
	background-color: cornsilk;
	border-bottom : 1pt solid Silver;
	border-left : 1pt solid Silver;
	border-right: 1pt solid Silver;
	border-top : 1pt solid Silver;
/*	background : url(ice.jpg);*/
}

.calendar .headline A:link {
	color: SlateGray;
	text-decoration: none;
}

.calendar .headline A:visited {
	color: silver;
	text-decoration: none;
}

.calendar .headline A:hover {
	color: DarkRed;
	background: AliceBlue;
        text-decoration: none;
}

.calendar .headline .today_select  {
	background-color: cornsilk;
	border-top: 1pt solid Silver; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align : center;
	text-decoration: underline;	
    	font-size: 65%;
}


.calendar .overview {
	background-color: cornsilk;
        color:Silver;
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
	text-align : center;
	border-left : 1pt solid Silver;
	border-right: 1pt solid Silver;
	border-bottom : 1pt solid Silver;
	height: 100%;
	width: 100%;
}

.calendar .overview A:link {
	text-decoration: none;
}

.calendar .overview A:visited {
	text-decoration: none;
        color: Silver;
}

.calendar .overview A:hover{
	background-color: cornsilk;
	color: DarkRed;
	text-decoration: none;
}

.calendar .overview .last_month {
	color: Silver;
}

.calendar .overview .next_month {
	color:Silver;
}

.calendar .overview #today {
	color: cornsilk;
	background-color: Silver;
}

.calendar .overview #selected {
	color: silver;
	background-color: cornsilk;
	margin-top: auto;
	margin-bottom: auto;
}

.calendar .overview .dayname {
	background-color: Cornsilk;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: auto;
	margin-bottom: auto;
}

.calendar .overview .reserved {
	font-weight: bold;
	font-size: 80%;
	text-decoration: underline;
}

/* Appearance of the Eventlist */

.event_list_title   {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
        line-height:2em;
	/* color: #006699; */
	background-color: cornsilk;	
}

.event_list {
	width : 98%;
	height: auto;
	background-color: Silver;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	border : 1pt solid Silver;
}

.event_list .headings {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
        /* padding: 5px 5px 5px 5px; */
	color: silver;
	font-size: 80%;
	background-color: cornsilk;
/*	background : url(ice.jpg);*/
}

.event_list .col_status {
	width: 50pt;
}

.event_list .col_date {
	width: 100pt;
}

.event_list .col_event {
	width: auto;
}

.event_list .status {
	font-size: 80%;
	color: Red;
	font-weight: bold;   
	vertical-align : top;
}

.event_list .date {
    font-size: 75%;
	/* color: #888888; */
        color: SlateGrey;
	font-family: Arial, Helvetica, sans-serif;
}

.event_list .event {
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align : top;
}

.event_list A  {
  text-decoration: none;
}

.event_list A:hover  {
  text-decoration: underline;
}

.event_list .error_message {
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
	margin-left : auto;
	margin-right : auto;
	padding-left : 10pt;
	padding-right : 10pt;
	padding-top: 10pt;
	padding-bottom: 10pt;
	background-color: #EAF0FF;
	}
	
.cal_view_select {
margin: 5px;
}
	

/* Appearance for Event-Infos */

.event_info {
	width : auto;
	height: auto;
	/* background-color: #FEFADE; */
        background-color: cornsilk;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
        border : 1pt solid;
        color:  Silver;
		}

.event_info .headings {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: SlateGray;
	font-size: 80%;
	background-color: cornsilk;
        padding: 5pt 5pt 5pt 25pt;
/*	background : url(ice.jpg);*/
}

.event_info .title {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-bottom : 1pt solid Silver;
}

.event_info .date {
        padding-left: 5px;
        vertical-align : top;
        padding: 2pt 5pt 5pt 5pt;
	background-color: cornsilk;
	color: SlateGrey;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	width: 100pt;
	border-bottom : 1pt solid Silver;
}

.event_info .description {
	font-family: Arial, Helvetica, sans-serif;
	padding: 10pt 10pt 10pt 10pt;
	font-size: 80%;
}

.line_color0 {
	background-color: cornsilk;
	padding-top:3pt;
	padding-bottom:3pt;
}

.line_color1 {
	background-color: cornsilk;
	padding-top:3pt;
	padding-bottom:3pt;
}

.author_info {
	font-family: Arial;
	font-size: xx-small;
	color: #CCCCCC;
}

.author_info A {
	color: #CCCCCC;
}

.next_event_select  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	background-color: cornsilk;
	text-align : left;
}

.next_event_select A {
	font-size: 80%;
	color: silver;
	background-color: cornsilk;
	text-align : center;
	text-decoration: underline;
}


.qs_months, .qs_prev_years, .qs_next_years {
	zindex : 1000;
	position : absolute;
	width:50px;
        background-color: cornsilk;
	/* background-color: #77AADD; */
	border: 1pt solid Silver; 
	padding-left: 5px;
	padding-right: 5px;
	visibility: hidden;
}

.qs_months table, .qs_prev_years table, .qs_next_years table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
}

.qs_months table A, .qs_prev_years table A, .qs_next_years table A {
	display:block; width: 30px;
	text-decoration : none;
	color: silver;
}

.qs_months table A:hover, .qs_prev_years table A:hover, .qs_next_years table A:hover {
	display:block; width: 30px;
	background-color: red;
	color: Silver;
}