/*Stylesheet www.bs-markup.de, 03. April 2006*/

/*Farben

#8bda4a grün
#87bb3e dunkelgrün
#4abdda blau
#dd4d65 rot

*/

* {/*Universalilator*/
margin:0;
padding:0;
}
body {
color: #444;
font: normal 100.01%/1.4 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif!important;
background: #655a2c;
}

/*-----Grundelemente für den Seitenaufbau-----*/

#center {
margin-left: 8px;
float: left;
width: 750px;
text-align: left; /*Aufhebung der Zentrierung für Text in Container*/
font-size: 85%;
background: url(css_images/back_body.gif) repeat-y;
padding: 0 0 0 6px;
}
html>body #center {
margin-left: 15px;
}
#container {
margin-left: 2px;
float: left;
width: 750px;
background: #fff;
text-align: left;
border-right: 5px solid #000;
}
html>body #container {
margin-left: 5px;
}
#logo {
float: left;
width: 100%;
height: 160px;
background: #fff;
}
#content {
float: left;
width: 750px;
margin-top: 10px;
}
#main {
float: left;
width: 66%;
}
#sidebar {
float: left;
padding-top: 5px;
width: 33.9%;
font-size: 95%;
background: #fff url(css_images/back_sidebar.gif) repeat-y;
}
#footer {
float: left;
margin: 10px -3px 0 0;
width: 100%;
color: #777;
background: #fff url(css_images/back_footer.gif) repeat-x;
border-top: 1px solid #87bb3e;
font-size: 95%;
}
.mygallerygallery {
margin: 25px;
padding: 10px 15px;
}
.mypicup, .mypicback, .mypicfor {
margin: 0 50px;
font-size: 500%;
font-weight: bold;
}
.myfooter {
margin: 15px 20px;
background: #8bda4a url(css_images/back_myfooter.gif) 5px 50% no-repeat;
padding: 2px 25px;
text-align: left;
color: #fafafa;
}

/*-----Textlinks-----*/

a:link, a:visited {
color: #000;
text-decoration: none;
border-bottom: 1px solid #87bb3e;
}
a:hover, a:active, a:focus {
color: #666;
text-decoration: none;
border-bottom: 1px solid #dd4d65;
}
#logo a:link, #logo a:visited {
text-decoration: none;
border: none;
}
#logo a:hover, #logo a:active, #logo a:focus {
text-decoration: none;
border: none;
}
.mygallerygallery a:link, .mygallerygallery a:visited, .mypicsgallery a:link, .mypicsgallery a:visited {
text-decoration: none;
}
.mypicsgallery a {
border: none;
}
.mypicup a:link, .mypicback a:link, .mypicfor a:link, .mypicup a:visited, .mypicback a:visited, .mypicfor a:visited {
border: none;
text-decoration: none;
}
.alignleft, .alignright {
margin: 10px 25px;
}

/*-----Navigationen-----*/

#navi ul, #insitenavi ul {
float: left;
margin: 8px 10px 0 0;
}
#navi li, #insitenavi li {
float: left;
display: inline;
}
#navi {
float:left;
width:100%;
background: #8bda4a url(css_images/back_navi.gif) 0 100% repeat-x;
line-height:normal;
border-top: 2px solid #87bb3e;
}      
	#navi ul {
	margin:0;
	padding:5px 10px 0 20px;
	list-style:none;
	font-variant: small-caps;
	}
	#navi li {
	display:inline;
	margin:0;
	padding:0;
	border-top: 2px solid #000;
	}
	#navi a {
	float:left;
	border: none;
	margin:0 1px;
	padding:3px 5px;
	text-decoration:none;
	color: #000;
	}
		#navi a span.navicon {
		padding-left: 8px;
		background: url(css_images/back_navicon.gif) 0 50% no-repeat;
		}
	#navi a:link, #navi a:visited {
	background: #fff url(css_images/back_anavi.gif) repeat-x;
	}
	#navi a:hover, #navi a:active {
	background: none;
	color: #fafafa;
	}
        #navi a.here {
	background: #fff url(css_images/back_anavihere.gif) repeat-x;
	color: #000;
	}
	#navi a:hover, #navi a#here:hover {
	background: #fff url(css_images/back_naviconhover.gif) 3px 50% no-repeat;
	color: #87bb3e;
	}
	#insitenavi a:link, #insitenavi a:visited {
	text-decoration: none;
	color: #fff;
	}	
#skiplink {
padding-left: 15px;
background: url(css_images/back_skiplink.gif) no-repeat 0 50%;
margin: 0 12px 0 0;
}		
#subcontentlink {
padding-left: 15px;
background: url(css_images/back_subcontentlink.gif) no-repeat 0 50%;
}

/*-----Verschiedene Elemente zum Seitenaufbau-----*/

#subcontent {
float: left;
clear: both;
width: 100%;
padding-top: 20px;
margin-top: 20px;
border-top: 5px solid #222;
}

/*-----Überschriften-----*/

h1, h3, h4, h5, h6 {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif!important;
}
h1, h2, h3 {
font-weight: lighter;
clear: both;
}
h1 {
width: 750px;
height: 160px;
text-indent: -999em;
background: url(css_images/back_h1.jpg) no-repeat;
}
h2, h3, h4, h5 {
margin: 20px 25px 8px 25px;
font-size: 125%;
}
h2 {
font-size: 165%;
font-weight: lighter;
background: url(css_images/back_h2.gif) 100% 0 repeat-y;
border-bottom: 2px solid #8bda4a;
}
	h2.blog {
	margin-bottom: 2px;
	}
		h2.blog a:link, h2.blog a:visited {
		text-decoration: none;
		color: #000;
		border: none;
		}
h3 {
margin-top: 15px;
font-size: 140%;
}
#sidebar h2 {
margin: 15px 25px;
}
#sidebar h3 {
margin: 10px 25px;
font-size: 140%;
}
#sidebar h4 {
margin: 10px 25px;
font-size: 120%;
}

/*-----Texte-----*/

p {
margin: 10px 25px;
}
#logo p {
margin: 5px 20px;
font-size: 100%;
color: #444;
background: url(css_images/back_h1.gif) no-repeat 0 50%;
}
p.postinfo {
margin: 0 30px 10px 25px;
background: url(css_images/back_postinfo.gif) 0 50% no-repeat;
color: #888;
font-size: 90%;
}
p.postmetadata {
padding-top: 5px;
border-top: 2px solid #ddd;
}
.commentlist p {
margin: 10px 0;
}
blockquote {
margin: 10px 20px;
padding-left: 40px;
background: #fff url(css_images/back_blockquote.gif) 2% 0 no-repeat;
border-bottom: 1px solid #ddd;
color: #555;
text-align: justify;
font-size: 90%;
}

/*-----Listen-----*/

ul {
margin: 15px 20px 15px 40px;
list-style-image: url(css_images/back_li.gif);
}
li {
border-bottom: 1px solid #eee;
}
#navi li {
border: none;
}
ul.nobullets {
margin-left: 25px;
list-style-type: none;
list-style-image: none;
}
ul.sublinks {
margin: 10px 20px;
}
ul.sublinks li {
margin: 0 5px;
padding-left: 15px;
border-bottom: 1px solid #dcdcdc;
background: url(css_images/back_li_sublinks.gif) 0 52% no-repeat;
}
#sidebar ul {
margin: 15px 25px 15px 40px;
}
dl {
margin: 10px 20px;
}
	dt {
	clear: both;
	margin: 15px 0 5px 0;
	font-weight: bold;
	font-size: 115%;
	}
ol {
margin: 15px 30px 15px 25px;
}

/*-----Formulare-----*/

#main form {
margin: 25px;
width: 440px;
}
fieldset {
margin: 15px 30px;
padding: 15px 0;
border: 1px solid #eee;
}
legend {
margin: 5px;
color: #666;
font-weight: bold;
font-style: oblique;
}
label {
margin: 10px 0 15px 0;
font-weight: bold;
font-style: oblique;
}
form p {
margin: 10px 10px 5px 10px;
}
#sidebar form {
margin: 0 15px 0 15px;
}
#sidebar form p, #sidebar form input {
margin: 5px;
}

/*-----Tabellen-----*/

table img {
margin: 5px;
padding: 2px;
background: #fcfcfc;
border: 1px solid #ccc;
}
table {
empty-cells: hide; 
margin: 0 20px 20px 20px;
}
caption {
text-align: left;
font-weight: bold;
font-style: oblique;
margin: 10px 20px;
}
td {
border: 1px solid #ddd;
padding: 5px;
}
td.txt {
width: 125px;
font-weight: bold;
}

/*-----Grafiken-----*/

img {
border: none;
}
.mygallerygallery img, .mypicture img {
border: 2px solid #ccc;
}
.leftfloat, .rightfloat {
float: left;
margin: 0 10px 10px 0;
background: #fafafa;
}
.rightfloat {
float: right;
margin: 0 0 10px 10px;
}
img#top {
float: right;
margin: 10px 20px;
}

/*-----diverse Elemente-----*/

acronym {
cursor: help;
border-bottom: 1px dotted #e93353;
}

@media handheld {

#navi {
background: #444;
}

}

@media print {

#navi, #logo, #sidebar, #footer, form, h3#respond {
display: none;
}

#main {
width: 16cm;
font-size: 12pt;
}

#container {
border: none;
}

}