@charset "UTF-8";

/**
* Musikverein Geraberg e.V. Homepage
*
* @link http://www.mvgeraberg.de
*/

/* @section Generell */

* {
	margin: 0;
	padding: 0;
}

html {
	font: 11px tahoma, verdana, arial, sans-serif;
	color: #222222;
	height: 100%;
	background: #e9e9e9 url(/design/img/background.gif) fixed repeat;
}

body {
	text-align: left;
}

img {
	border: 0;
}

img.border {
	border: solid #222222;
	border-width: 1px;
	margin: 1px;
}

label {
    cursor: pointer;
}

input, textarea, select {
    border: solid #cccccc;
    border-width: 1px;
    margin: 0 0 5px 0;
    font-size: 11px;
    background-color: #fafafa;
}

a:active, a:focus {
	outline: 0;
	-moz-outline: 0;
}

/* @section Layout */

#bar {
	margin: 20px auto 60px auto;
	border: solid #cccccc;
	border-width: 1px 0;
	background-color: white;
	min-width: 982px;
}

#wrapper {
	width: 922px; /* anpassen */
	margin: 0 auto;
	padding: 30px;
}

#lettering {
	color: #c02229;
	font-size: 25px;
}

#picture {
	width: 348px;
	height: 248px;
	background-color: #ffffff;
	float: left;
	padding: 1px;
	border: solid #cccccc;
	border-width: 1px;
}

#contentwrapper {
	width: 768px;
	border: solid #cccccc;
	border-width: 0 1px 1px 1px;
	margin: 20px 0 0 152px;
	background-color: #ffffff;
}

#sidenav {
	float: left;
	margin: 252px 0 0 -199px;
	width: 199px;
}

#sidenav ul {
	list-style-type: none;
	margin: 0 0 40px 0;
}

#sidenav ul li {
	border: solid #cccccc;
	border-width: 1px 1px 0 0;
	background: #e9e9e9 url(/design/img/background.gif) fixed repeat;
}

#sidenav ul li.last {
	border-width: 1px 1px 1px 0;
}

#sidenav ul li a {
	text-decoration: none;
	color: #222222;
	padding: 2px 10px;
	font-variant: small-caps;
	display: block;
}

#sidenav ul li a:hover {
	color: #c02229;
	background-color: #fafafa;
}

#sidenav ul li.active a {
	background-color: #fafafa;
	color: #c02229;
}

#copy {
	color: #cccccc;
	font-size: 9px;
	padding: 0 0 0 10px;
}

#topnav {
	width: 569px;
	float: right;
	text-align: right;
	margin: 0 0 20px 0;
	border: solid #cccccc;
	border-width: 0 0 1px 0;
}

#topnav ul {
	list-style-type: none;
}

#topnav ul li {
	display: block;
	border: solid #cccccc;
	border-width: 1px 0 0 1px;
	float: right;
	background: #e9e9e9 url(/design/img/background.gif) fixed repeat;
}

#topnav ul li a {
	text-decoration: none;
	color: #222222;
	display: block;
	padding: 2px 10px;
	font-variant: small-caps;
}

#topnav ul li a:hover {
	color: #c02229;
	background-color: #fafafa;
}

#topnav ul li.active a {
	background-color: #fafafa;
	color: #c02229;
}

#content {
	width: 510px;
	float: right;
	padding: 0 10px 0 0;
	text-align: justify;
}

#content h1 {
	font-size: 13px;
	color: #c02229;
	font-weight: normal;
	font-variant: small-caps;
	margin: 0 0 2px 0;
}
#content h2 {
	font-size: 12px;
	color: #c02229;
	font-weight: normal;
	font-variant: small-caps;
	margin: 3px 0 2px 0;
}

#content p {
	text-align: justify;
	margin: 0 0 2px 0;
}

#content ul {
	list-style-type: none;
}

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

#content a {
	color: #41657e;
	text-decoration: none;
}

#content a:hover {
	color: #c02229;
}

#content table {
	border: 0;
}

#content table tr {
	vertical-align: top;
}

#content table tr td.year {
	color: #c02229;
	padding: 0 10px 0 0;
}

#content div.neuigkeit_datum {
	color: #888888;
}

#content div.neuigkeit_titel {
	font-weight: bold;
	color: #c02229;
	margin: 0 0 3px 0;
}

#content div.neuigkeit_titel span.autor {
	font-weight: normal;
	color: #888888;
}

#content div.neuigkeit_mehr {
	margin: 3px 0 9px 0;
}

#content div.presse_artikel {
	margin: 7px 0 15px 0;
}

#content div.presse_artikel span.presse_artikel_titel {
	font-weight: bold;
}

#content div.presse_artikel span.presse_artikel_datum_quelle {
	color: #888888;
}

#up {
	text-align: right;
	padding: 20px 10px 10px 0;
}

#up a {
	color: #888888;
	text-decoration: none;
}

#up a:hover {
	color: #c02229;
}

.clear {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}