﻿/* general stuff */

body{
	margin: 0;
	padding: 0;
	font-family: verdana, arial, sans-serif;
	background: #db8b84 url(pics/bg_body.jpg) top repeat-x;
}

td, li, p {
	font-size: 12px;
}

p {
	line-height: 15px;
}

h1, h2, h3 {
	margin: 0px;
	font-weight: bold;
}

h1 {
	font-size: 16px;
	height: 23px;
	line-height: 20px;
}
h2 {
	font-size: 14px;
	height: 21px;
	line-height: 20px;
}


form {
	margin: 0px;
	padding: 0px;
}

.clr {clear:both;}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#site {
	width: 760px;
	margin: 20px auto;
}

#header {
	height: 120px;
	background: url(pics/header.png) no-repeat;
}

#maintop {
	margin: 26px 0 0 38px;
	height: 10px;
	background: url(pics/bg_maintop.jpg) no-repeat;
}

#main {
	border: 0;
	/*margin: 0 0 0 38px;*/
	background: url(pics/bg_main.jpg) right repeat-y;
}

#leftcol {
	float: left;
	width: 216px;
}

#rightcol {
	float: right;
	width: 541px;
	background: url(pics/contentright.jpg) top right no-repeat;
}

#mainbottom {
	margin-left: 38px;
	height: 40px;
	font-size: 10px;
	line-height: 30px;
	background: url(pics/bg_mainbottom.jpg) right no-repeat;
}

#random {
	margin: 20px 0 0 38px;
	width: 180px;
	height: 140px;
	background: url(pics/bg_random.jpg) no-repeat;
}
#random img {
	margin-right: 20px;
}
#logger {	/* kann nicht im Contentbereich auftauchen! */
	/*float: right;
	padding: 10px;
	border: 1px solid #ccc;*/
	padding: -40px 0 0 10px;
	width: 180px;
}

#content {
	margin: 0px 70px 0px 16px;
}

#contentheader {
	margin: 0 0 5px 0;
	padding-top: 0;
	height: 23px;
	border-bottom: 2px solid #BB1F17;
	color: #bb1f17;
}

.limitcol {
	width: 195px;
	padding-left: 5px;
}
.limitcol2 {
	width: 260px;
	padding-left: 5px;
}
.limitcolright {
	float: right;
	width: 195px;
	padding-right: 5px;
}

.fadefield {
	background: url(pics/bg_transwhite_60.png);
}

.jobs li {
	list-style: disc;
	margin: 0 0 5px 20px;
}

.inserat {
	/*margin-right: 270px;*/
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

.leftpic {
	float: left;
	width: 240px;
	margin: 0 10px 10px 0;
}
.rightpic {
	float: right;
	width: 240px;
	margin: 0 10px 10px 10px;
}

.contentlist1 {
	list-style: disc;
	padding: 5px 20px;
}
.contentlist1 li {
	padding: 2px 0;
}

.ablauf td {
	padding: 0 10px 10px 10px;
}

.framefield, .actual {
	padding: 0 10px;
	border: 1px solid #999;
	border-radius: 5px;
}
.actual {
	margin:40px 0;
	width:260px;
}

hr {
width:  90%; 
 }
hr.separator {
width:  40%; 
 }


.button {
border: 1px solid #bbb;
font-size: 12px;
}

.inputbox {
	margin: 2px 0;
	border: 1px solid #bbb;
}

/* __________________ galery _____________________________________________________ */

#galery {
	margin: 0 0 0 -30px;
}

/* __________________ content backgrounds ________________________________________ */

.start, .eltern, .verein, .impressum, .anmeldung, .galery, .aktuelles, .kueche {
	width: 450px;
	min-height: 430px;
}
.start {
	background: url(pics/bg_start.jpg) 0 30px no-repeat;
}
.eltern {
	background: url(pics/bg_eltern.jpg) 0 30px no-repeat;
}
.verein {
	background: url(pics/bg_verein.jpg) 0 30px no-repeat;
}
.impressum {
	background: url(pics/bg_impressum.jpg) 0 30px no-repeat;
}
.anmeldung, .aktuelles {
	background: url(pics/bg_anmeldung.jpg) right 30px no-repeat;
}
/* .galery {
	background: url(pics/bg_galery.jpg) no-repeat;
} */
.kueche {
	background: url(pics/bg_kueche1.jpg) top right no-repeat;
}

/* __________________ own elements _______________________________________________ */

.limitcol {
	width: 195px;
	padding-left: 5px;
}
.limitcol2 {
	width: 75%;
	padding-left: 5px;
}
.limitcolright {
	float: right;
	width: 195px;
	padding-right: 5px;
}

.dwltable {
	border: 2px solid #efefef;
}
.dwltable td {
	padding: 0 5px 10px 5px;
}
.contentfieldright {
	float: right;
	margin: 0 0 10px 20px;
	width: 180px;
	padding: 10px;
	background: #ffffe3;
}