/*
 *
 *
 *
 *
 */
 

@charset "ISO-8859-1";

* {
	margin: 0;
	padding: 0;
}

body {
	background: #e6e6e6;
	font: small Arial, sans-serif;
	color: #444;
	margin: 1em 0;	
}

#page {
	font-size: 0.85em;
	width: 960px;
	background: #fff;
	margin: 0 auto;
	border: 1px dashed #A6A6A6;
	padding: 10px;
	overflow: hidden;
}

#header {
	border-bottom: 4px solid #ce000c;
	background: transparent url(../images/layout/header-bvmw-regionalverbund-oberlausitz3.png) bottom left no-repeat;
	height: 157px;
	margin-bottom: 5px;
}

#sidebar-left {
	width: 210px;
	float: left;
}

#stage {
	width: 496px;
	float: left;
	margin: 0 0 0 7px;
}

#sidebar-right {
	width: 240px;
	float: right;
}

#footer {
	clear: both;
	padding: 2em 0 1em 0; 
}










#header h1, #header h2 { display: none; }

#imprint { background: url(../images/layout/footer-logo.gif) 0px 20px no-repeat; min-height: 80px; width: 46em; margin: 0 auto; }
#imprint p { text-align: center; padding: 2.5em 0 0 0;}
#imprint p strong { color: #111; }

/*
 * Rahmennavigation im Header
 */
  
ul#top-navigation { list-style-type: none; }
ul#top-navigation li { display: inline; background: transparent url(../images/layout/4-red-dots.gif) left 60% no-repeat; padding: 0 25px 0 14px; margin: 0 0 0 3px; } 

#top-navigation a { color: #606060; text-decoration: none; }
#top-navigation a:hover { color: #202020; }

/*
 * Rahmennavigation im Footer
 */
  
ul#bottom-navigation { list-style-type: none; text-align: center; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding: 8px 0; }
ul#bottom-navigation li { display: inline; background: transparent url(../images/layout/4-red-dots.gif) left 60% no-repeat; padding: 0 25px 0 14px; margin: 0 0 0 3px; } 

#bottom-navigation a { color: #606060; text-decoration: none; }
#bottom-navigation a:hover { color: #202020; }







/*
 * Boxen in Seitenleiste
 * ----------------------------------------------------------------------------- 
 * Box besteht aus verlinktem H3-Element und nachfolgender (1x verschachtelter)
 * unsortierter, verlinkter Liste  
 */ 

.sidebar-box {
	margin-bottom: 3px;
}

.sidebar-box h3, .sidebar-box ul a {
	font-size: 1em; 
}
	
.sidebar-box h3 {
	padding: 7px 0 7px 30px;	
}

.sidebar-box h3 a {
	color: #222;
	text-decoration: none;
}

.sidebar-box h3 a:hover {
	color: #000;
	text-decoration: underline;
}

.sidebar-box ul {
	margin: 5px 0 20px 40px;
}

.sidebar-box ul li {
	list-style-image: url(../images/layout/1-red-dot.gif);
	line-height: 1.6em;
}

.sidebar-box ul li a {
	font-weight: bold;
	text-decoration: none;
	color: #222;
}


.sidebar-box ul li a.aktiv {
	color: #EE1C23;
}

.sidebar-box ul li a:hover {
	text-decoration: underline;
	color: #000;
}

.sidebar-box ul li ul {
	margin: 0 0 0 20px;
}

.sidebar-box ul li ul li {
	list-style-image: url(../images/layout/1-grey-dot.gif);
	line-height: 1.3em;
}

.sidebar-box ul li ul li a {
	font-weight: normal;
	text-decoration: none;
	color: #777;
}

.sidebar-box ul li ul li a.aktiv {
	color: #EE1C23;
}


.sidebar-box ul li ul li a:hover {
	text-decoration: underline;
	color: #555;
}

.sidebar-box .content {
	margin: 10px 15px 0px 30px;
	padding-bottom: 20px; 
	line-height: 1.6em;
	overflow: hidden;
}

.sidebar-box img {
	border: 2px solid white;
}

.sidebar-box img.ausrichtung-links {
	float: left;
	margin-right: 10px;
}

.sidebar-box img.ausrichtung-rechts {
	float: right;
	margin-left: 10px;
}


/*
 * Linke Seitenleiste
 * ----------------------------------------------------------------------------- 
 */ 

#sidebar-left .sidebar-box h3 {
	background: #e1e1e1 url(../images/layout/4-red-dots.gif) 15px 52% no-repeat;
}

/*
 * Rechte Seitenleiste
 * ----------------------------------------------------------------------------- 
 */ 

#sidebar-right .sidebar-box {
	background: #e1e1e1;
	margin-bottom: 2px;
}

#sidebar-right .sidebar-box h3 {
	background: #c2c2c2 url(../images/layout/4-red-dots.gif) 15px 52% no-repeat;
	border-bottom: 1px solid #fff;
}

#sidebar-right .sidebar-box ul {
	padding: 5px 0 10px 40px;
	margin: 0;
}

#sidebar-right .sidebar-box ul li ul {
	padding: 0;
	margin: 0 0 10px 20px;
}







div#font-size { 
	padding: 6px 10px 7px 0;
	background: #f0f0f0;
	text-align: right;
}

div#font-size a { color: #333; text-decoration: none; padding: 0 3px; }








#content {
	margin: 1em 2em;
	line-height: 1.6em;
}

#content a { color: #005594; text-decoration: none; }
#content a:visited { color: #2C81C0; }
#content a:hover { color: #005594; text-decoration: underline; }


#content h1 {
	color: #0F0F0F;
	font-size: 1.4em;
	font-weight: normal;
	margin: 1.5em 0 1em 0;
}

#content h1 em {
	color: #555;
	font-size: 0.7em;
	font-weight: bold;
	font-style:normal;
	margin: 0 0 0 0;
	display: block;
}

#content h2 {
	color: #222;
	font-size: 1.1em;
	font-weight: bold;
	margin: 2em 0 1em 0;
	border-bottom: 1px dotted #999;
}

#content h3 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 1.5em 0 1em 0;
}

#content h4 {
	font-size: 1em;
	font-weight: bold;
	margin: 1.5em 0 1em 0;
	text-decoration: underline;
}

#content p { 
	text-align: justify;
	margin: 1em 0;
}

#content p.first-paragraph { 
	font-weight: bold;
}

#content ul {
	margin: 1.5em 0 2em 30px;
	list-style-image: url(../images/layout/list-bullet-red.png);
}

#content ul li, #content ol li {
	padding-bottom: 0.5em;
}

#content ul li ul {
	margin: 0.5em 0 0.5em 30px;
	list-style-image: url(../images/layout/list-bullet-lightgrey.png);
}


#content ol {
	margin: 1.5em 0 2em 30px;
}


#content img.ausrichtung-links {
	float: left;
	padding-right: 20px;
	margin-right: 20px;
	border-right: 1px dotted #999;
}

#content img.ausrichtung-rechts {
	float: right;
	padding-left: 20px;
	margin-left: 20px;
	border-left: 1px dotted #999;
}



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

.formtable {
	border: 1px solid #ccc;
	background: #f9f9f9;
	margin-bottom: 5px;
}

table.formtable td.label {
	padding: 5px 20px 5px 5px; 
}

table.formtable td.value {
	padding: 5px; 
}

.value input, .value textarea {
	border: 1px solid #888;
	padding: 3px 5px;
	font: small Arial, sans-serif;
}

.buttons input { 
	font-size: 1em;
	padding: 3px 10px;
}



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

table.mitgliederliste { xborder: 1px solid #e0e0e0; padding: 3px; width: 100%; }
table.mitgliederliste td { padding: 4px 10px; font-weight: bold;}
table.mitgliederliste tr.odd td { background: #f5f5f5;  }
table.mitgliederliste tr.even td { background: #fff; padding-top: 5px; padding-bottom: 5px; }

table.mitglieddatensatz td { padding: 3px 20px 3px 0px; }
p.mitgliedname { font-weight: bold; }