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

body { background: #CCC url(../images/design/bg.gif) repeat-x; font: 12px/170% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; color: #6B6B6B; text-align: center; }

/* links */
a { text-decoration:none; color:#000000; }
a:hover { color: #CC0000; background: inherit; text-decoration: underline; }

/* headers */
h1, h2, h3, h4 { font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif; font-weight: Bold; padding: 10px; color: #444; }
h1 { font-size: 2.5em; }
h2 { font-size: 2.0em; color: #88AC0B; }
h3 { font-size: 1.5em; font-weight: normal;	 padding: 16px 10px 4px 10px; }
h4 { font-size: 1.9em; color: #88AC0B; }

/* Paragraph */
p { padding: 12px 10px;	}

/* images */
img { background: #FAFAFA; border: none; padding: 5px; }

/*-------------------------------------------
   LAYOUT
--------------------------------------------*/ 
#wrap { position: relative; width: 952px; background: #FFF url(../images/design/wrap.gif) repeat-y center top; margin: 40px auto 30px auto; text-align: left; }
#content { clear: both;	float: left; width: 952px; padding: 0 0 60px 0; }
#header { position: relative; width: 952px; height: 245px; background: #CCCCCC url(../images/design/header.gif) no-repeat; color: #fff; padding: 0; margin: 0;	}
#header h1#logo-text a { position: absolute; margin: 0; padding: 0; font: bold 66px 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif; letter-spacing: -5px; text-decoration: none; color: #332616; top: 75px; left: 55px; }
#header p#slogan { position: absolute; margin: 0; padding: 0; font: bold 52px 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif; color: #322815; letter-spacing: -0.5px; top: 148px; left: 150px; }
#header a img#logo { position: absolute; background:none; margin: 0; padding: 0; top: 60px; left: 782px; }

/* top-menu */
 #top-menu { position: absolute; margin: 0; padding: 10px 10px 10px 10px; background:#000000; font-family: 'Trebuchet MS', Arial, Sans-serif; color: #FFF; top: 20px;	right: 36px }
 #top-menu p { margin: 0; padding: 0; }
 #top-menu a { font-weight: bold; color: #fff; }

/* Navigation Horizontal */
#nav { clear: both; padding: 0;	margin: 0; width: 952px; height: 50px; background: #988060 url(../images/design/nav.gif) no-repeat; }
#nav ul { float: left; list-style: none; margin: 5px 0 0 0; height: 45px; padding: 0 0 0 40px; }
#nav ul li { float: left; margin: 0; padding: 0 0 0 10px; }
#nav ul li a { float: left; margin: 0; padding: 0 15px 0 5px; color: #FFF; font: bold 15px/45px 'Trebuchet MS', 'Helvetica Neue', Arial, sans-serif; text-decoration: none; }
#nav ul li:hover { background: transparent url(../images/design/left-tab.gif) no-repeat left top; }
#nav ul li a:hover { color: #4B3D2C; background: transparent url(../images/design/right-tab.gif) no-repeat right top; }
#nav ul li#current { background: transparent url(../images/design/left-tab.gif) no-repeat;	}
#nav ul li#current a { color: #4B3D2C; background: transparent url(../images/design/right-tab.gif) no-repeat right top; } 

/* Main Column */
#main { float: left; width: 642px; padding: 0; margin: 0 0 0 40px; display: inline;	 text-align:center; }
#main h2 { font: bold 2.9em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif; color: #51432F; padding: 10px 0 5px 5px; margin-left: 5px; letter-spacing: -2px; border-bottom: 1px solid #E4F2C8; }

#sidebar { float: right; width: 200px; background-color:#CCCCCC; padding: 0;  margin: 0 21px 0 0; display: inline; }
#sidebar h3 { color: #51432F;  font: bold 1.9em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif; text-transform: none; letter-spacing: -0.5px; padding: 5px 0 5px 7px;  margin: 10px 0 5px 10px; border-bottom: 1px solid #f5efee; }
#sidebar p { text-align:center; }
#sidebar ul { list-style-image:url(../images/navi.png); }
#sidebar li { margin-left:45px; }

/* footer */
#footer { clear: both; width: 952px; margin: 0; padding: 30px 0 25px 0; background: #CCC url(../images/design/footer-bottom.gif) no-repeat left top; font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif; font-size: 0.95em; color: #777;	text-align: center;	letter-spacing: .2px; }
#footer p { padding:0; }
#footer a:hover { color:#FFFF00; text-decoration: none; }

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.no-border { border: none; }
.nothing { padding: none; background:none; }
.clearer { clear: both; }
.clear {	display:inline-block; }
.clear:after { display:block; visibility:hidden; clear:both; height:0; content: "."; }

.border_bottom { border-bottom:2px #666666 solid; }


/* Design des Inhalts */
#news { width:600px; margin: 20px auto; }
#newsmiddlelefttop { width:500px; text-align:left; }
#newsmiddlerighttop { width:100px; text-align:right; }
#newsmiddlebody { text-align:center; padding:15px 20px 15px 20px; }

#termine { width:600px; margin:auto; }
#terminedatum { width:50px; text-align:center; }
#terminezeit { width:50px; text-align:center; }
#terminevent { width:200px; text-align:center; }
#termienort { width:200px; text-align:center; }
#termineinfo { width:50px; text-align:center; }
#terminebody { text-align:center; vertical-align: top; }

#terminmiddleleft { width:300px; text-align:left; }
#terminmiddleright { width:300px; text-align:right; }
#terminbody { text-align:center; vertical-align: top; padding-top:10px; }

#galeriebilder { margin-left:80px; margin-top:15px; }
#galerieliste { width:600px; margin-left:25px; }
#galerierahmen { width:190px; margin:20px auto 10px auto; padding:0; border:1px #000000 solid; text-align:center; }
#bilderrahmen { width:610px; margin:20px auto 10px auto; padding:0; border:2px #000000 solid; text-align:center; }
#einzelbildnavi { width:600px; margin:auto; }
#einzelbildnavispalte { width:200px; text-align:center; }

#konzerteinblick { width:600px; }

#kontaktformular { width:500px; margin:20px auto 0 auto; }
#kontaktmiddleleft { width:150px; text-align:left; vertical-align:top; }
#kontaktmiddleright { width:350px; text-align:left; vertical-align:top; }

#seitennavi { width:350px; margin:10px auto; }

#liste { width:400px; margin:25px 0 25px 150px; text-align:left; }

#tblvorstand { width:500px; margin:25px auto 0 auto; }