/* master.css fuer vereine-in-muellheim.de */

/* blau          =  #0067B0 */
/* rot           =  #D80028 */
/* gelb          =  #F9B700 */
/* hellgelb      =  #FDEAB3 */
/* gruen (bg)    =  #3BA328 */
/* gruen (links) =  #2D7E1F */

body {
	background-color: #fff;
	color: #000;
	font-family: 'Lucida Grande', Verdana, sans-serif;
	font-size: 82%;
}

h1, h2, h3, h4, h5, h6, p, address, th, td, li, dt, dd, form, input, textarea, a {
	color: #000;
	font-family: 'Lucida Grande', Verdana, sans-serif;
	line-height: 1.5em;
}

h1 { color: #000; font-size: 2.1em; font-weight: bold; }
h2 { color: #000; font-size: 1.2em; font-weight: bold; }
h3 { color: #000; font-size: 1.1em; font-weight: bold; }
h4 { color: #000; font-size: 1.0em; font-weight: bold; }
h5, h6 { color: #000; font-weight: bold; font-size: 1.0em; }
p, dl, ul, ol { font-size: 1.0em; line-height: 1.5em; }

table, tr, th, td { font-size: 1.0em; line-height: 1.5em; }
table tr { vertical-align: baseline; }
table td { text-align: left; }

input, textarea { font-size: 1.0em; color: #003; }

a:link, a:visited {
	color: #000;
	text-decoration: none;
	}
a:hover, a:active {
	color: #000;
	font-size: 1.0em;
	text-decoration: none;
	outline: none;
	}

strong, b { color: #000; font-weight: bold; }
em, i { color: #333; font-style: italic; }
img { border: 0 none; }



.hide { display: none !important; }

/* Margin und Padding bei allen Blockelementen auf Null setzen */
* { margin: 0; padding: 0; }

/* Raender, Breite, Hintergrundfarbe, etc. der Seite */
html { min-width: 984px; }

body {
	background-color: #F9B700;
	}

body#artid-1 { background-color: #D80028; }
body#artid-4 { background-color: #3BA328; }
body#artid-6 { background-color: #0067B0; }


#page {
	margin: 30px auto 30px auto;
	width: 984px;
	}

/* Beginn Header */
#header {
	position: relative;
	padding: 0;
	width: 984px;
	height: 164px;
	outline: 0px solid #c00;
	}

#header h1 {
	margin: 0;
	padding: 0;
	width: 0;
	height: 0;
	text-indent: -9999px;
	}

#header div.box {
	float: left;
	margin: 0 4px 4px 0;
	width: 160px;
	height: 160px;
	background-color: #fff;
	}

#header div#box-01 {
	background: url(../files/box-02.jpg) no-repeat top left;
	}

#header div#box-02 {
	text-indent: -9999px;
	background: url(../files/box-headline.jpg) no-repeat top left;
	}

#header div#box-03 {
	text-indent: -9999px;
	background: url(../files/box-ortsteile.jpg) no-repeat top left;
	}

#header div#box-04 {
	background: url(../files/box-08.jpg) no-repeat top left;
	}

#header div#box-05 {
	background: url(../files/box-logo.jpg) no-repeat top left;
	}

#header div#box-06 {
	background: url(../files/box-15.jpg) no-repeat top left;
	}
/* Ende Header */


/* Beginn Wrapper */
#wrapper {
	margin: 0 4px 0 0;
	padding: 0;
	width: 980px;
	background: #fff url(bg-wrapper-orange.gif) repeat-y 0 0;
	}
	
body#artid-1 #wrapper { background-image: url(bg-wrapper-red.gif); }
body#artid-4 #wrapper { background-image: url(bg-wrapper-green.gif); }
body#artid-6 #wrapper { background-image: url(bg-wrapper-blue.gif); }
/* Ende Wrapper */

/* Beginn Menu */
#menu-wrapper {
	float: left;
	margin: 0;
	padding: 0;
	width: 160px; /* = 160-0 */
	min-height: 324px;  /* = 324-0 */
	text-align: left;
	background-color: #fff;
	}


#menu {
	margin: 15px 0 0 0;
	padding: 0;
	width: 160px; /* = 160-0 */
	height: 309px;  /* = 324-15 */
	text-align: left;
	background-color: #fff;
	}

#menu h3 {
	margin: 0 10px 10px 15px;	
	}

#menu-wrapper ul {
	margin: 0;	
	}

#menu ul.level-1 {
	margin: 0 10px 0 15px;
	}

#menu-wrapper li {
	margin: 0 0 10px 0;
	list-style: none;
	font-size: 1.0em;
	}

#menu-wrapper li a {
	color: #000;
	}

#menu-wrapper li a:hover,
#menu-wrapper li a:active,
#menu-wrapper li a.current {
	color: #2D7E1F;
	}

#menu-wrapper li.active {
	background: transparent url(marker-menu.gif) no-repeat right 0.3em;
	}

#menu-wrapper li.active a {
	color: #2D7E1F;
	}
/* Ende Menu */


/* Beginn Tag-Cloud */
#tag-cloud {
	margin: 0;
	padding: 20px 10px 20px 15px;
	width: 135px; /* = 160-10-15 */
	border-top: 4px solid #F9B700;
	}

/* body#artid-1 #tag-cloud { display: none; border-color: #D80028; }
body#artid-4 #tag-cloud { border-color: #3BA328; }
body#artid-6 #tag-cloud { border-color: #0067B0; } */

body#artid-1 #tag-cloud,
body#artid-4 #tag-cloud,
body#artid-6 #tag-cloud { display: none; }

#tag-cloud ul {
	margin: 0;
	padding: 0;
	}

#tag-cloud li {
	margin: 0 0 5px 0;
	list-style: none;
	font-size: 1.0em;
	}

#tag-cloud h3 {
	margin: 0 0 10px 0;	
	}
/* Ende Tag-Cloud */


/* Beginn Sidebar */
#sidebar {
	float: right;
	margin: 0 -4px 160px 20px;
	padding: 0 16px 20px 28px;
	width: 284px;  /* = 324-16-24 */
	min-height: 144px;  /* = 164 - 20 */
	background-color: transparent;
	border: 0 solid #F9B700;
	border-width: 0 0 4px 4px;
	}

body#artid-1 #sidebar,
body#artid-3 #sidebar,
body#artid-4 #sidebar,
body#artid-5 #sidebar,
body#artid-6 #sidebar,
body#artid-243 #sidebar {
	margin-top: -4px; /* schaltet oberen Rand aus */
	margin-bottom: 0;
	padding: 0;
	width: 164px;
	overflow: hidden;
	border-width: 0 0 0 4px;
	}

body#artid-1 #sidebar { border-color: #D80028; }
body#artid-4 #sidebar { border-color: #3BA328; }
body#artid-6 #sidebar { border-color: #0067B0; }

body#artid-3 #sidebar,
body#artid-5 #sidebar,
body#artid-243 #sidebar { border-color: #F9B700; }

#sidebar p.sidebar-image {
	margin: 0;
	padding: 4px 0 0 0;
	}

body#artid-1 #sidebar p.sidebar-image { background-color: #D80028; }
body#artid-4 #sidebar p.sidebar-image { background-color: #3BA328; }
body#artid-6 #sidebar p.sidebar-image { background-color: #0067B0; }

body#artid-3 #sidebar p.sidebar-image,
body#artid-5 #sidebar p.sidebar-image,
body#artid-243 #sidebar p.sidebar-image { background-color: #F9B700; }
/* Ende Sidebar */


/* Begin Content */
#content {
	float: right;
	margin: 0;
	padding: 0;
	width: 816px;  /* = 816 - 0 */
	min-height: 304px;  /* = 324 - 20 */
	background-color: #fff;
	}

#content-left {
	margin: 20px 20px 0 20px;
	}

#content h2 { margin: 0 0 1.0em 0; }

#content h3 { margin: 1.5em 0 0.5em 0; }

#content h4 { margin: 1.5em 0 0.5em 0; padding: 0; }

#content p { margin: 0 0 1.0em 0; padding: 0; }

#content hr {
	margin: 5px 0 5px 0;
/*	width: 360px; */
	height: 1px;
	color: #aaa;
	background-color: #aaa;
	border: 0;
	}

#content ul, #content ol {
	margin: 5px 0 15px 10px;
	padding: 0 10px 0 0;
	}

#content li {
	padding: 1px 1px 1px 15px;
	list-style: none;
	background: url(icon-li.gif) no-repeat 0 0.5em;
	}

#content a {
	color: #2D7E1F;
	}

#content a:hover,
#content a:active {
	color: #000;
	}

#content table {
	margin: 0 0 1.0em 0;
	padding: 0;
	border: 0;
	}

#content table tr { margin: 0; padding: 0; }

#content table td { margin: 0; padding: 0.3em 0.5em 0.3em 0; }
/* Ende Content */


/* Beginn H mit Anchor */
#content div.anchor-abc {
	margin-top: 1.0em;
	}

#content div.anchor-abc a {
	display: block;
	float: left;
	margin-right: 3px;
	padding: 3px;
	width: 22px;
	height: 20px;
	text-align: center;
	color: #fff;
	background-color: #2D7E1F;
	}

#content div.anchor-abc a:hover,
#content div.anchor-abc a:active {
	color: #fff;
	background-color: #000;
	}
	
#content div.anchor-abc-2 {
	clear: both;
	width: 90%;
	}
	
	
  /* H */
#content div.h-anchor {
	width: 90%;
	border-bottom: 1px solid #ccc;
	}

#content div.h-anchor h2,
#content div.h-anchor h3,
#content div.h-anchor h4 {
	float: left;
	margin: 0;
	padding: 0;
	width: 85%;
	}

#content div.h-anchor div.anchor-top {
	float: right;
	width: 16px;
	height: 16px;
	outline: 0px solid #0c0;
	}

#content div.h-anchor div.anchor-top a {
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	background: transparent url(icon-top.gif) no-repeat 0 0;
	}

#content div.h-anchor div.anchor-top a:hover,
#content div.h-anchor div.anchor-top a:active {
	background-position: -16px 0;
	}
/* Ende H mit Anchor */



/* Beginn Module */

/* Beginn # 08 a - Bild mit 200 px Breite */
#content #sidebar p.image {
	margin-top: 10px;
	text-align: center;
	}
/* Ende # 08 a - Bild mit 284 px Breite */


/* Beginn  # 14 a - Slimbox (mit fester Bildbreite, Mootools) [v.1.3] [r4] */
#content fieldset.slimbox {
/*	margin: 2.0em 0 2.0em 0; */
	margin: 0.5em 0 0.5em 0;
/*	padding: 10px 0 10px 10px; */ /* rechts kein Padding, weil die Bilder schon ein Padding haben */
	padding: 0;
/*	width: 620px; */
	border: 0px solid #ccc;
	}

#content legend.slimbox {
	display: none;
	padding: 0 8px 0 8px;
	color: #ccc;
	}

#content div.jaosg_galerie {
/*	margin: 1.0em 10px 0 10px; */
	}

#content div.jaosg_galerie span {
	float: left;
	margin: 0 10px 10px 0; /* bei Bildbreite > 140 px auf 0 setzen */
	text-align: center;
	overflow: hidden;
	}

#content div.jaosg_galerie span a {
	display: block;
	padding: 0;
/*	background: none; */
	background: transparent url(js/slimbox-icon-0.gif) no-repeat bottom right;
	border: 0px solid #000;
	}

#content div.jaosg_galerie span a:hover,
#content div.jaosg_galerie span a:active {
/*	background: none; */
	background: transparent url(js/slimbox-icon-1.gif) no-repeat bottom right;
	}
	
#content div.jaosg_footer {
	margin: 0.5em 0 1.0em 10px;
	font-size: 0.8em;
	color: #aaa;
	}
/* Ende  # 14 a - Slimbox (mit fester Bildbreite, Mootools) [v.1.3] [r4] */


/* Beginn # 31a - Download - PDF mit optionalem Datum (Tabelle) */
#content table.table-download {
	margin: 1.0em 0 1.0em 0;
	padding: 0;
	width: 600px;
	background-color: #fff;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ddd;
	}

#content table.table-download td.td-left {
	padding: 8px;
	width: 490px;
	background-color: #fff;
	border: 0 none;
	}

#content table.table-download td.td-right {
	padding: 8px 0 0 35px;
	width: 100px;
	background: #D3DFDF url(icon-link-down.gif) no-repeat 12px 10px;
	border: 0 none;
	}

#content table.table-download td.td-right span.small {
	font-size: 0.89em;	
	}

#content table.table-download td.td-right a {
	background: none;
	}
/* Ende # 31a - Download - PDF mit optionalem Datum (Tabelle) */


/* Beginn Tags - Artikelliste für Vereine nach Sportarten */
#content table.tag-articles {
	margin: 1.0em 0 1.0em 0;
	padding: 0;
	width: 600px;
	background-color: #fff;
	border: none;
	outline: 0px solid #c00;
	}

#content table.tag-articles td.td-left {
	width: 150px;
	font-weight: bold;
	}

#content table.tag-articles td.td-left p {
	margin: 5px 5px 0 0; /* 5px top, weil ul auch 5px top hat*/
	}

#content table.tag-articles td.td-right {
	width: 450px;
	padding: 0;
	}
/* Ende Tags - Artikelliste für Vereine nach Sportarten */
/* Ende Module */




/* Beginn Footer */
#footer {
	clear: both;
	margin: 0;
	padding-top: 4px;
	width: 984px;
	height: 160px; /* = 164-4 */
	outline: 0px solid #c00;
	}

#footer div.box {
	float: left;
	margin: 0 4px 4px 0;
	width: 160px;
	height: 160px;
	background-color: #fff;
	}

#footer div#f-box-01 { background: url(../files/box-34.jpg) no-repeat top left; }
#footer div#f-box-02 { background: url(../files/box-27.jpg) no-repeat top left; }
#footer div#f-box-03 { background: url(../files/box-28.jpg) no-repeat top left; }
#footer div#f-box-04 { background: url(../files/box-21.jpg) no-repeat top left; }
#footer div#f-box-05 { background: url(../files/box-29.jpg) no-repeat top left; }
#footer div#f-box-06 { background: url(../files/box-06.jpg) no-repeat top left; }
/* Ende Footer */




.border {
	padding: 0px;
	border: #000 solid 5px;
	}

.img-left {
	margin: 0 10px 5px 0;
	padding: 0;
	}

.img-right {
	margin: 0 0 5px 10px;
	padding: 0;
	}

.blue {
	color: #6388a8;
	}

.red {
	color: #c00;
	font-weight: bold;
	}

/* Spezielle Klassen */
.bold { font-weight: bold !important; }
.left { text-align: left !important; }
.center { text-align: center !important; }
.right { text-align: right !important; }
.clear { clear: both !important; }