/*
    Luna und Futurebeam-Design proudly presents this CSS ;-)
*/

body, html{
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    font-family:Verdana, Arial, Times New Roman;
    font-size:1em;
}


body{
    color:#564135;
    background:url(../bilder/bordeaux_pixel.gif);
}


a{
    font-weight:normal;
    color:#800000;
}

a:link, a:visited, a:active{
    text-decoration:none;
	font-weight:normal;
	color:#800000;
}

a:hover{
    text-decoration:underline;
    color:#800000;
}

img{
	border-width: 0px;	
}

#navi a{
    font-weight:bold;
}

#navi a:link, #navi a:visited, #navi a:active{
    color:#ECD6AF;
    text-decoration:none;
}

#navi a:hover{
    color:#ECD6AF;
    text-decoration:underline;
}


h1{
	margin:0;
	padding:0;
	font-size:1.4em;	
	text-align:left;
}


h2{
	margin:3px 0 0 0; /*orul*/
	padding:0;
	font-size:1em;	
	text-align:left;
}

h3{
	margin:0;
	padding:0;
	font-size:1em;	
	text-align:left;
}

ul{
	margin-top:1px;
	padding-left:20px;
}

p{
	text-align:justify;
}

/* IDs */

#main{
    width:760px;
    margin:0;
    padding:0;
    padding-top:1px;
    background:url(../bilder/logo_claudia_willscher.jpg) no-repeat left top;    
}


#content{
    width:507px;
    margin: 130px 0 0 190px; /*orul*/
    padding:25px;
    background:url(../bilder/terracotta_pixel.gif);
    font-size:0.8em;
} 


div>#content{
	    margin: 130px 0 0 193px; /*orul*/
}


#navi{
    float:left;
    width:173px;
    margin:200px 0 0 0; /*orul*/
    padding:10px 0 10px 0; /*orul*/
    background:url(../bilder/bordeaux_pixel.gif);
    font-size:0.8em;
    list-style:none;
    color: #ECD6AF;
}


#navi li{
    margin:0px 5px 0px 5px;/*orul*/
    padding:5px 1px 5px 15px; /*orul*/
    display:block;
}


#navi li a{
	font-weight:bold;
	display:block;
}


#navi li a:hover{
	text-decoration:none;
	background-color:#ECD6AF;
	color:#800000;
}

#navi ul{
	margin: 0 0 0 15px;
	padding: 0;
	list-style:none;	
}

#navi ul li{
	margin: 0;
	padding: 1px 1px 1px 1px;	
}

#navi ul li a{
	font-weight:normal;	
}

#termine {
	margin:0;
	width:100%;
	text-align:center;
	border: 1px solid #564135;
	border-width: 1px 0 0 1px;
}

#termine th, #termine td {
	margin: 0;
	padding:.5em .25em;
	border-right: 1px solid #564135;
	border-bottom: 1px solid #564135;
} 

#termine th {
	font-weight: bold;
}

#termine .datum {
	width:90px;	
}

#termine .kurs {
	width:200px;	
}

#termine .ort {
	width:130px;	
}

#tierfotos {
	margin:0;
	width:100%;
	text-align:center;
}

#tierfotos th, #tierfotos td {
	margin: 0;
	padding:.5em .25em;
	width: 150px;
	height: 150px;
} 

#blutegel {
	margin:0;
	width:100%;
	text-align:center;
}

#blutegel th, #blutegel td {
	margin: 0;
	padding:.5em .25em;
	width: 160px;
	vertical-align: top;
} 

/* Klassen */
.cleared{
	clear:both;	
}

.centered{
    text-align:center;
}

.rightaligned{
    text-align:right;
}

.justified{
    text-align:justify;
}

.pictitle{
    font-size:0.8em;
}

.leftfloat{
    border:0px;
    float:left;
    margin:10px;
}

.rightfloat{
    border:0px;
    float:right;
    margin:10px;
}

#navi a.active, #navi a:visited.active, #navi a:active.active, #navi a:link.active{
	text-decoration:none;
	background-color:#ECD6AF;
	color:#800000;
}