s
/* 
Theme Name: CVJMBurk
Theme URL: http://www.soulstyled.de
Description: Das frische 2009er CVJM Burk Theme
Author: Michael Geissler
Author URI: http://www.soulstyled.de
Version: 1.0 */

@charset "utf-8";


/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}


/*
Here we go
*/

body  {
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	background: #2c2c29;
	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
}

.bigletter strong { font-size:200%; font-weight:bold;}

#container{ width: 1000px;  
	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	text-align: left; 
	background-image:url(images/contentbox_bg.jpg);
	background-repeat: repeat-y;
	background-position:top left;
	}
#header { margin:0; padding:0; border:none;}
#header img {border:none;}

#navbar { background-image:url(images/nav_bg.jpg); background-repeat:no-repeat; background-position:top left;
		  height:45px;
		  padding-top: 4px;
		  padding-left: 3px;
		  overflow:hidden;
		  color:#fff; /* Später noch löschen, da ohnehin mit Link geregelt */ 
		  font-size:80%;}
		  
#mainContent { 
	margin: 0 250px 0 0; padding: 0 20px; }
#mainContent ul {list-style-type: circle; margin-left:20px;}
#mainContent li {list-style:disc;}
#mainContent a:link {color:#b01704;}
#mainContent a:hover {text-decoration:none}
#mainContent a:visited {color:#b01704;}
#mainContent a:active {color:#b01704;}
#mainContent p img {border:1px solid #999; padding:0px; margin:5px; float:left;}
#mainContent blockquote p {border:1px solid #cccccc; 
						padding:3px; 
						background-color:#efefef; 
						width:auto;
						margin-left:20px;} 
#mainContent object { z-index:1; border:none;}
 

#sidebar1 {
	float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 200px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
	padding: 0px 10px;
	padding-right: 20px;
	font-size:90%;}
	
#sidebar1 ul {list-style: none;}
#sidebar1 li {list-style: none;}
#sidebar1 h3 {font-size: 100%; margin-top:15px;}


#sidebar1 .ec3_events {list-style: none; padding-left:10px; margin-top:2px;}
#sidebar1 .ec3_events ul {list-style: none; color:#b01704; font:bold;}
#sidebar1 .ec3_events li {list-style: none; list-style: none; color:#C00; margin:0;}

#sidebar1 .ec3_events a:link {color:#000000; text-decoration:none; font-size:100%; padding-left:5px; display:block;}
#sidebar1 .ec3_events a:hover {text-decoration:underline;  font-size:100%; padding-left:5px; display:block;}
#sidebar1 .ec3_events a:active {color:#000000;text-decoration:none;  font-size:100%; padding-left:5px; display:block;}
#sidebar1 .ec3_events a:visited {color:#000000;text-decoration:none;  font-size:100%; padding-left:5px; display:block;} 


#wp-calendar img {border:none;}
#wp-calendar a:link {color:#b01704;}
#wp-calendar a:hover {text-decoration:none}
#wp-calendar a:visited {color:#b01704;}
#wp-calendar a:active {color:#b01704;}

#post{}
#postmeta{}
#postnavigation{}
#searchform{}
#sidebar{} /* ACHTUNG: Oben die #1 eingefügt!*/

#mainContent p .wp-smiley { border:none; float: none; vertical-align:bottom;}


/*
Das Menu: */
#suckerfishnav {font-size:140%;font-family:verdana,sans-serif;font-weight:bold; z-index:999;}
#suckerfishnav, #suckerfishnav ul {float:left;list-style:none;line-height:normal;padding:0;margin:0 0 1px 0;width:100%; z-index:999;}
#suckerfishnav a {display:block;color:#fff;text-decoration:none;padding:5px 18px; z-index:999;}
#suckerfishnav li {float:left;padding:0}
#suckerfishnav li ul {position:absolute;left:-999em;height:auto;width:150px;font-weight:normal;margin:0;line-height:1;-moz-opacity:1;opacity:1;khtml-opacity:1; z-index:999;}
#suckerfishnav li li {padding-right:1px;width:150px;border-bottom:1px solid #fff; z-index:999;}
#suckerfishnav li li a {padding:3px 10px; z-index:999;}
#suckerfishnav li ul li {font-weight:normal;font-family:verdana,sans-serif; z-index:999;}
#suckerfishnav li ul li a {font-size:100%; color:#fff; z-index:999;}
#suckerfishnav li:hover ul li a {color:#fff; z-index:999;}
#suckerfishnav li ul ul {margin:-17px 0 0 151px; z-index:999;}
#suckerfishnav li ul li:hover {background:#525251; z-index:999;}
#suckerfishnav li ul li:hover a {color:#fff; z-index:999;}
#suckerfishnav li ul li:hover li a {color:#fff; z-index:999;}
#suckerfishnav li ul li li:hover a {color:#fff; z-index:999;}
#suckerfishnav li ul li ul li:hover ul li a {color:#fff; z-index:999;}
#suckerfishnav li ul li ul li:hover ul li:hover a {color:#fff; z-index:999;}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul {left:-999em; z-index:999;}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul {left:auto;background:#2c2c29; z-index:999;}
#suckerfishnav li:hover, #suckerfishnav li.sfhover {background:#931203; z-index:999;}
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {color:#fff; z-index:999;}

.ngg-galleryoverview { clear:none;}

/*
Allgemeines*/

#mainContent h2 {padding-bottom: 10px;}
#mainContent h2 a:link {color:#000; text-decoration: none;}
#mainContent h2 a:active {color:#000; text-decoration: none;}
#mainContent h2 a:visited {color:#000; text-decoration: none;}
#mainContent h2 a:hover {color:#333; text-decoration:none;}

#mainContent p {padding: 5px 10px;}

 #footer p {
	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
	padding: 10px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
}
.fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


#footer { 
	padding: 15px 10px 0 20px; /* ACHTUNG: Padding später evtl. in den p Class packen, damit das Bild richtig positioniert wird! */
	background-image: url(images/footer_bg.jpg); background-position:top; background-repeat:no-repeat;
	background-color: #2c2c29; 
	heigt:60px;
	overflow:hidden;
	
	/*TEMP*/
	color:#FFF;
} 

#footer p { font-size: 80%; letter-spacing: -0,5px; }
#footer a:link {color:#fff; text-decoration: underline;}
#footer a:active {color:#fff; text-decoration: underline;}
#footer a:visited {color:#fff; text-decoration: underline;}
#footer a:hover {text-decoration: none;}

#copy { font-size: 100%; float:left; padding-top: 10px;}
#copy .page_item { float: left; margin: 0; padding: 0; padding-right: 10px;}
#copy li {padding-right: 10px; list-style: none; }

/*
 Specials
*/

#mainContent table {margin-left:5px;}
.gruppendetails {vertical-align: top;}
.gruppendetails td {vertical-align: top; padding: 5px;}

/*
 Calender
*/


#mainContent .ec3_events { list-style-type:none; }
#mainContent .ec3_events ul { list-style-type:none; padding-bottom:10px;}
#mainContent .ec3_events ul li { list-style-type:none;}
#mainContent .ec3_events li { color:#000; list-style-type:none;}

#mainContent .ec3_list {list-style-type:none;}

#mainContent .ec3_list_month { color:#000; font-size:16px; font-weight:bold; list-style:none; color:#000;}
#mainContent .ec3_list_month li { color:#000; font-size:12px; font-weight:normal;}

#mainContent .ec3_list_month li a:link { color:#b01704; display: inline; text-decoration:underline;}
#mainContent .ec3_list_month li a:visited { color:#b01704;  }
#mainContent .ec3_list_month li a:active { color:#b01704;}
#mainContent .ec3_list_month li a:hover { color:#b01704; text-decoration:none;}