/* Created by http://freehtml5templates.com */
/* reset */


* {
margin: 0;
padding: 0;
}

/* render html5 elements as block */
header, footer, section, aside, nav, article {
display: block;
}

body {
background: #434343 url("/layout/bilder/bg_schwarz.jpg") repeat-x top left fixed;
line-height: 1;
font-family: 'Varela Round', sans-serif;
color: #c0c0c0;
font-size: 14px;
line-height: 18px;
}
	
/* Layot */

#container {
float: left;
width: 728x;
font-family: 'Varela Round', sans-serif;
}

#content {
margin: 0 0 0 10px;
}

#sidebar {
float: left;
overflow: hidden;
width: 200px;
margin-top: 20px;
margin: 0 0 0 20px;
}

.menu,
#main,
#wrapper {
margin: 0 auto;
width: 1100px;
}

#wrapper {
background: #999;
padding: 0 0px;
-webkit-box-shadow: 3px 3px 7px #777;
-moz-box-shadow: 3px 3px 7px #777;
}

/* Basic */
h1,h2,h3,h4,h5,h6 {
font-weight: bold;
clear: both;
color: #333;
}

a {color:#330099; text-decoration:none}
a:hover {color: #333;}
	
hr {
height: 1px;
margin-bottom: 18px;
clear: both;
color:#333;
}

p {fuss margin-bottom: 18px; }

ol { padding-left: 0.6em; margin-left:1em; }
ul { padding-left: 0.6em; margin-left: 1em; }
li { padding-left: 10px; }

/* header */
header {
margin-top: 0px;
padding: 0px 0 0 0;
}

header img {
clear: both;
display: block;
}

/* Info */
info {
background: #999;
margin: 0 0 0 20px;
width: 1100px;
display: block;
float: left;
}


/* nav */
nav {
background: #434343;
margin: 0 auto;
width: 1100px;
display: block;
float: left;
position:relative;
}

nav ul { float: none; clear: both; margin: 0px; padding: 0px; }
nav li { margin-left: 0px; }

nav .menu {
font-size: 15px;
*font-weight: bold;
margin-left: 12px;
}

nav .menu ul {
list-style: none;
margin: 0;
}

nav .menu li {
float: left;
position: relative;
}

nav .menu a {
display: block;
text-decoration: none;
color: #fff;
padding: 0 10px;
line-height: 38px;
}

nav .menu a:hover {
color: #000;
}

/* nav 1-level dropdowns */
nav .menu li ul { 
display: none; 
}

nav .menu ul li a {
display: block;
text-decoration: none;
color: #999;
background: #434343;
margin-left: 1px;
white-space: nowrap;
}
nav .menu ul li a:hover { 
background: #666; 
}

nav .menu li:hover ul {
display: block;
position: absolute;
}

nav .menu li:hover li {
float: none;
font-size: 13px;
}
nav .menu li:hover a { 
background: #333; 
}

nav .menu li:hover li a:hover { 
background: #666; 
}

/* Inhalt */
#main {
overflow: hidden;
padding: 5px 0 0 0;
}

#content {
width: 820px;
margin-bottom: 36px;
color: #444;
font-size: 16px;
line-height: 24px;
padding-left: 10px;
border-right: 1px #433335 solid;
}

article {
padding: 10px;
}

article img {
border: none;3300ff
}


/* Tabellen */	
/* Zeilen mit ungerader Nummer */
table {width: 100%;}

th { color: #333;   background-color: #666; }
	
tr:nth-child(odd) { color: black;   background-color: #a8a7a7; }
/* Zeilen mit gerader Nummer */
tr:nth-child(even) {   color: black;   background-color: #999; }

td { padding: 1px}


/* Im Tabellenkopf und -fuß keinen Hover-Effekt */
thead tr:hover,
tfoot tr:hover { 
   background-color: transparent; 
   color: inherit; 
}




/* Fotoalbum */

.foto {
	color: fff;
	background-color: #666;
	min-height: 137px;
	min-width: 137px;
	font-size: 11px;
	width: 137px;
	height: 137px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}


.bildunterschrift {
	font-size: 12px;
	text-align:center;

}

td { padding: 1px}

#content p,
#content ul,
#content ol,
#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul {
margin-bottom: 10px;
}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
color: #333;
margin: 10px 0 10px 0;
line-height: 1.5em;
}

h1 {font-size: 1.6em; text-align:center;}
h2 {font-size: 1.2em; margin-bottom: 25px;}
h3 {font-size: 1.0em; }

.alignleft,
img.alignleft {
display: inline;
float: left;
margin-right: 24px;
margin-top: 4px;
}

.alignright,
img.alignright {
display: inline;
float: right;
margin-left: 24px;
margin-top: 4px;
}

.center {
bildunterschrift
}

.meldung{ color: #ff0000; }
.neu{ color: #fff000; }

.aligncenter,
img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignleft, img.alignright, img.aligncenter {
margin-bottom: 12px;
}

.nav_suchen {
margin-top: 10px;
}

ul { float: none; clear: both; margin: 0px; padding: 0px; }
li { margin-left: 10px; }

#article ul { float: none; clear: both; margin: 0px; padding: 0px; }
#article li { margin-left: 15px; }

ul { padding-left: 0.6em; margin-left: 0.6em; }
ul.eingezogen { list-style-position: inside }
ul.ausgezogen { list-style-position: outside }

/* Rechts */
aside h2 {
font-size: 18px;
line-height: 1.5em;
text-shadow: 0px 2px 3px #ddd;
}

aside ul {
list-style: square inside;
margin-bottom: 20px;
}

.navi {
font-family: 'Varela Round', sans-serif;
color: #000;
font-size: 12px;
line-height: 20px;	}

/* Fuss */
footer {
margin-bottom: 20px;
clear:both;
}

#footer-area {
border-top: 1px solid #333;
margin-top: -4px;
padding: 18px 0;
overflow: hidden;
}

.werbung_unten{
	margin-top: 20px;
	margin-left: 40px;
	}

.suchfeld{
	margin-top: 5px;
}
	
.inschrift{
font-family: 'Rancho', cursive;
color: #000;
}
	
		/* Spalten */
  .subcolumns, .subcolumns_oldgecko {
    width: 100%;
    overflow:hidden;
  }
  .subcolumns_oldgecko { float:left }

  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

  .c25l, .c25r { width: 25% }
  .c33l, .c33r { width: 33.333% }
  .c50l, .c50r { width: 50% }
  .c66l, .c66r { width: 66.666% }
  .c75l, .c75r { width: 75% }
  .c38l, .c38r { width: 38.2% }
  .c62l, .c62r { width: 61.8% }

  .subc  { padding: 0 0.5em }
  .subcl { padding: 0 1em 0 0 }
  .subcr { padding: 0 0 0 1em }