html {
  height: 100%;
  width: 100%;
  margin:0px;
}

body {
	padding: 0px;
	margin:0px;
	background-color:#234f60;
	font-size:12px;
	font-family:Verdana,Geneva,Univers,Arial;
}

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

td {
	vertical-align:top;
	padding:0px;
	margin:0px;
	text-align:left;
}

th {
	text-align:right;
}

table {
	border:none;
	border-collapse:collapse;
	padding:0px;
}

p {
	margin-bottom:10px;
	line-height:125%;
}

.clear {
	clear:both;
}

.clearfix {
	clear:both;
	height:1px;
}

p.post-info {
	font-style:italic;
}

p.introtext {
	font-weight:bold;
}

article {
	clear:both;
	margin-bottom:30px;
}

/* --------------------------------------------- Social ---- */

.twitter-follow-button {
	margin-right:30px;
}

div.social-buttons {
	margin-top:20px;
}

/* --------------------------------------------- Links ---- */

a:link { color:#b5ccdb; text-decoration: none; }
a:visited { color:#b5ccdb; text-decoration: none; }
a:hover { color:#ffffff;}
a:active { color:#ffffff; text-decoration: none; }

#content a:link { color:#5a8496; text-decoration: none;}
#content a:visited  { color:#5a8496; text-decoration: none;}
#content a:hover { color:#5a8496; text-decoration: underline;}



/* --------------------------------------------- Bilder ---- */

img { border: 0 none; }

div#content img.teaserimage {
	float:right;
	margin-left:10px;
	margin-right:0px;
}

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

div.teaserimage {
	
}

div.teaserimage div.imagecaption {
	clear:right;
	float:right;
	width:230px;
	font-size:0.85em;
	margin-top:5px;
}

/* --------------------------------------------- Ãœberschriften ---- */

div#content h2:first-child {
	margin-top:8px;
}

h1 {
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:6px;
	border-bottom:1px dotted #234f60;
	border-left:1px dotted #234f60;
	padding-left:4px;
	padding-bottom:1px;
}

h2 {
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:40px;
	border-bottom:1px dotted #234f60;
	clear:both;
}

h3 {
	font-size:1em;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:20px;
	clear:both;
}

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


input {
	font-family:Verdana,Geneva,Univers,Arial;
	font-size:1em;  
	background-color:#e5e5e6;
	color:#234f60;
	border:1px solid #234f60;
	padding:2px;
	margin:2px;
}

textarea {
	font-family:Verdana,Geneva,Univers,Arial;
	font-size:1em;  
	background-color:#e5e5e6;
	border:1px solid #234f60;
	color:#234f60;
	padding:3px;
	margin:2px;
}

select {
	font-family:Verdana,Geneva,Univers,Arial;
	font-size:1em;  
	background-color:#e5e5e6;
	border:1px solid #234f60;
	color:#234f60;
	padding:3px;
}

.order-form label {
        display: block;
}

.order-form span.error {
	color:red;
}

.order-form-success {
	color:green;
}


/* --------------------------------------------- Aufzählungen ---- */



ol, ul {
	margin:0px;
	margin-bottom:10px;
	padding:0px;
}

li {
	margin-left:18px;
	margin-top:5px;
	}

/* --------------------------------------------- Tabellen ---- */
	
table {
	
}

th {
	text-align:left;
	padding-bottom:3px;
	padding-right:15px;
	border-bottom:1px solid ;
}

td {
	padding-bottom:3px;
	padding-right:15px;
}

/* --------------------------------------------- Audio ---- */

audio {
	width:300px;
}

.mejs-audio {
	margin-top:4px;
	margin-bottom:8px;
}


#maincontainer {
	margin: 0 auto;
	width:915px;
	position:relative;
	text-align:left;
}

#logo {
	position:absolute; 
	top:23px; 
	left:0px;
}

#top {
	clear:left;
	height:83px;
	color: red;
	font-size:14pt;
}

#top2 {
	height:160px;
	width:100%;
	position:absolute;
	left:0px;
	top:83px;
	background-color:#b5ccdb;
}

#header-left {
	float:left;
	width:215px;
	height:150px;
}

#header{
	float: left;
	width:700px;
	height:160px;
	background-color:#b5ccdb;
	overflow:hidden;
}

img.headerimage {
	background-color:#2c3d40;
	float:left;
}

#navi-top-left{
	width:190px;
	clear:left;
	float:left;
	height:32px;
	color:#22262a;
	font-weight:700;
	text-align:right;
	padding-top:18px;
	padding-right:25px;
}

#navi-top {
	float:left;
	width:700px;
	background-color:#2c3d40;
	height:50px;
	color:#234f60;
}

#navi-left {
	float:left;
	clear:left;
	width:215px;
	text-align:right;
}

#content {
	float:left;
	width:660px;
	background-color:#e5e5e6;
	min-height:250px;
	padding-left:20px;
	padding-right:20px;
	padding-top:9px;
	padding-bottom:10px;
	color:#22262a;
}

#footer-left {
	color:#b5ccdb;
	text-align:right;
	float:left;
	clear:left;
	width:215px;
}

#footer {
	color:#b5ccdb;
	text-align:right;
	padding:7px;
	float:left;
	width:686px;
}
/* --------------------------------------------- News --------------- */

.news_entry {
	margin-bottom:20px;
}

.news_entry h3 {
	border-bottom:1px dotted;
	padding-bottom:2px;
}

.news_date {
	margin-top:-7px;
	margin-bottom:7px;
	font-size:0.8em;
}

.news_summary {
	font-weight:bold;
}

/* --------------------------------------------- Mitgliederliste ---- */

div.stimmgruppe {
	float:left;
	margin-right:10px;
	width:180px;
}

div.stimmgruppe-fotos-container {
	float:left;
	clear:left;
	overflow:auto;
	margin-top:50px;
	margin-bottom:-10px;
	margin-left:-20px;
	padding:0;
	width:700px;
}

div.stimmgruppe-fotos {
	height:60px;
	white-space:nowrap;
}

div#content div.stimmgruppe-fotos img {
	margin:0;
} 

div.stimmgruppe h3 {
	color:#2c3d40;
	font-size:1em;
}

div.stimmgruppe-person {
	float:right;
	width:250px;
	min-height:200px;
	padding:10px;
	background-color:#2c3d40;
	color:#e5e5e6;
}

div#content div.stimmgruppe-person img {
	margin: 0;
	margin-right:10px;
}

div.stimmgruppe-person h3 {
	margin:0px;
	margin-bottom:10px;
	color:#e5e5e6;
}

div.stimmgruppe-person p {
	margin:4px 0px;
}

#content div.stimmgruppe a.stimmgruppe-personlink {
	display:block;
	color:#234f60;
}

span.stimmgruppe-personlink:hover {
	color:#5a8496;
}

div.stimmgruppe-personinfo {
	display:none;
}

/* --------------------------------------------- Gästebuch --------- */
.guestbook_top { height: 1.6em; padding: 0.3em 0.5em 0 }
.guestbook_big { float: left; font-size: 1.2em; font-weight: bold; margin-right: 0.5em }
.guestbook_small { float: left; font-size: 0.8em; font-weight: bold }
.guestbook_contact { float: right; margin-left: 0.5em }
.guestbook_content { padding: 0.5em; clear: right }
.guestbook_mod { float: right; margin-left: 0.5em }
.guestbook_extra { float: right; padding-bottom: 1em }
.guestbook_vote { float: right }
.smilie { vertical-align: sub }
.smilies { margin: 0.5em 0 0.5em 9.5em }
.smilieSelect { float: left; margin-right: 0.25em }
.vote { float: left; margin-right: 0.25em }

div.quip-comment-body {
	margin-bottom:10px;
}

nav {
	font-size:11px;
	font-family:Verdana,Geneva,Univers,Arial;
}


/* --------------------------------------------- Menü Links ---- */

#navi-left ul {
	list-style-type:none;
	font-weight:700;
	margin:0px;
	padding:0px;
	margin-top:22px; 
	margin-right:25px;
}

#navi-left ul li {
	margin-bottom:7px;
	}

#navi-left ul li.active a {
	color: #22262a;
}

/* --------------------------------------------- Menü oben ---- */
	
#navi-top li{
	float:left;
	margin-left:25px;
	margin-top:18px;
}

#navi-top ul li.active{
	color:#5a8496;
	float:left;
	margin-left:25px;
	margin-top:18px;
}

#navi-top ul {
	list-style-type:none;
	font-weight:700;
	margin:0px;
	padding:0px;
}

#navi-top ul li a:visited { color:#e5e5e6; }
#navi-top ul li a:link { color:#e5e5e6; }
#navi-top ul li a:hover { color:#ffffff; }

#navi-top ul li.active a { color:#5a8496; }
#navi-top ul li.active a:hover { color:#ffffff; }

/* --------------------------------------------- Menü unten ---- */

#footer ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#footer ul li {
	display:inline;
	}

#footer ul li.active {
	color:#743835;
}