/* CSS-Datei für responsives Template von CMBasic
auch darstellbar auf Mobilgeräten
CMBasic is free software under the GNU/GPL
Copyright Johann-Christian Hanke 
Copyright CSS-Datei Johann-Christian Hanke
http://www.cmbasic.de 
http://cmbasic.sourceforge.net */

/* 
Layouthinweise:
Gesamtfarbe: #52661F 
Gesamtfarbe, aufgehellt: #768B4A
Logo wird ab sofort in index.php eingebunden

*/

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

/* Gesamtschrift und Gesamtrand festlegen */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #D50100;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}
li {
	list-style-position: outside;
	list-style-image: url(roter-punkt.png);
	list-style-type: disc;
}

ul {
	margin-left: 100px;
	margin-bottom: 15px;
	margin-top: 10px;
}

/*start KD*/
#mittig {
	margin: 0 auto;
	margin-top: 60px;
	width:960px;
}
#kopf {
	width:960px;
	height:180px;
	float:right;
	background-image: url(oben.png);
	background-repeat: no-repeat;
}

#navigation {
	width:900px;
	float:right;
	background-image: url(mitte.png);
	background-repeat: repeat-y;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	padding-right: 30px;
	height: 33px;
	margin-top: 147px;
}

#inhalt {
	width:800px;
	float:right;
	background-repeat: repeat-y;
	padding-left: 80px;
	padding-right: 80px;
	background-image: url(bg.png);
	padding-top: 30px;
}

#unten {
	width:960px;
	float:right;
	background-repeat: no-repeat;
	height: 140px;
	background-image: url(unten.png);
}

#rand_unten {
	width:960px;
	height:30px;
	float:right;
	text-align: center;
	color: #000;
	padding-top: 40px;
}
#rand_unten  a {
	color: #000;
}
h1 {
	font-size: 30px;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	color: #D50100;
	padding-bottom: 15px;
	padding-top: 10px;
}
h2 {
	font-size: 20px;
	font-weight: bold;
	color: #000;
	font-family: Verdana, Geneva, sans-serif;
	padding-top: 10px;
	padding-bottom: 10px;
}
h3 {
	font-size: 16px;
	font-weight: bold;
	color: #D50100;
	padding-top: 10px;
	padding-bottom: 5px;
}


/*ende KD*/
p {
	padding-top: 5px;
	padding-bottom: 5px;
}

a {
	color: #D50100;
	text-decoration: none;
}
a:hover {
	color: #D50100;
	text-decoration: underline;
}
.img_rechts {
	float: right;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 0px;
	border: 0px;
}
.img_links {
	float: left;
	margin-left: 0px;
	margin-top: 5px;
	margin-bottom: 3px;
	margin-right: 10px;
	border: 0px;
}
.box {
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #D50100;
	border-left-color: #D50100;
	background-color: #FFC4C4;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 50px;
	margin-left: 50px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#navi_backend {
	background-color: #FFF;
	width: 300px;
	margin-top: 10px;
	margin-left: 10px;
	visibility: hidden;
}
#fb_container {
	float: right;
	height: 600px;
	width: 300px;
	margin-bottom: 10px;
	margin-left: 10px;
	overflow-x: hidden;
	overflow-y: scroll;
	border: 1px solid #CCC;
}