/* CSS Document */
*{
	margin: 0px;
	padding: 0px;}
	
body{
	/*background-image: url(../img/background.jpg);
	background-repeat:no-repeat;
	backgtound-position: 800px 0px;*/
	}

#all{
	width: 986px;
	margin:auto;
	/*border: 1px solid #f00;*/
	overflow: hidden;}


.left{
	float: left;}

.right{
	float: right;}

.clear{
	clear: both;}

.noListIcons{
	list-style: none;}

.noMargin{
	margin: 0px;}
	
.noBorder{
	border: none;}

ul.noListStyle{
    list-style: none;
}
	
/* ##### Links ##### */
a.noDeco{
	text-decoration: none;}
	
a.noDeco:hover{
	text-decoration:underline;}

/* ##### backgroundColors ##### */

.bgDerVerein{
	background-color: #00ccff;}
	
.bgBildungswerk{
 	background-color: #99cc33;}

.bgKulturarbeitBergbau{
	background-color: #00cc99;}

.bgWandel{
	background-color: #ff9900;}

.bgService{
	background-color: #cc0066;}

/* ##### header ###### */
/* -- nav -- */
	
.navDerVerein{
	color: #fff;
	background-color: #00ccff;
	width: 193px;}
	
.navBildungswerk{
	color: #99cc33;
	background-color: #99cc33;
	width: 193px;}

.navKulturarbeitBergbau{
	color: #00cc99;
	background-color: #00cc99;
	width: 193px;}

.navWandel{
	color: #ff9900;
	background-color: #ff9900;
	width: 193px;}

.navService{
	color: #cc0066;
	background-color: #cc0066;
	width: 193px;}

#header{margin-top: 10px;}

#logo{
	width: 193px;
	height: 28px;}

#logo a img{
	border: 0px;}
	
#topNav{
	list-style: none;
	width: 772px;
	height: 28px;
	position: relative;
	top: 12px;}

#topNav li{
	display: inline;
	margin-right: 15px;}

#mainNav{
	list-style: none;}

.mainNav{
	padding-top: 2px;
	margin-bottom: 10px;}
	
#mainNav li{
	display: inline;
	width: 193px;
	overflow: hidden;}
	
.navColor{
	height: 2px;
	width: 193px;}

/* ###### feature Area ###### */

.featureImg{
	border-right: 5px solid #00cc99;
	margin-right: 20px;
	height: 285px;}
	
.featureText{
	width: 515px;
	height: 285px;
	overflow: hidden;
	text-align: justify;}

/* ###### News Area ###### */
#newsArea{
	margin-bottom: 10px;}

#newsAreaLeft{
	float: left;
	width: 385px;}
	
#newsAreaRight{
	float: left;
	width: 365px;}

legend{
	margin: 0px 10px;
	padding: 0px 10px;
	font-weight: bold;
	color: #999;}
	
/* ###### modArticles ###### */
#singleArticle{
	width: 700px;}

#newsArchiv{
	width: 700px;}

.articlePreviewDiv{
	height: 68px;
	overflow: hidden;
	margin-bottom: 10px;}
	
.articlePreviewDivLeft{
	/*width: 65px;*/}

.articleThumb{
	border: 4px solid #666;
	margin: 5px;}

.articlePreviewDivRight{
	width: 75%;
	height: 59px;
	margin: 5px;
	overflow: hidden;}

#articleShort{
	height: 369px;
	overflow: hidden;
	margin-right: 20px;}

.header1{
	margin-bottom: 10px;}

.header2{
	margin-bottom: 10px;}

.articleImages{
	margin-bottom: 10px;}

#fensterRechts div{
	margin-bottom: 10px;}
	
#newsDurchsuchen{
	background-image:url(../img/fensterRechts/fenster_newsdurchsuchen.jpg);
	width: 213px;
	height: 143px;}

#newsDurchsuchenText{
	padding: 55px 10px 10px 10px;}

#newsDurchsuchenText form{
	margin-bottom: 5px;}
	
#kursangebote{
	background-image:url(../img/fensterRechts/fenster_kursangebote.jpg);
	width: 213px;
	height: 143px;}

#kursangeboteText{
	padding: 65px 10px 10px 10px;}

#bergmannschore{
	background-image:url(../img/fensterRechts/fenster_bergmannschoere.jpg);
	width: 213px;
	height: 143px;}

#bergmannschoreText{
	padding: 58px 10px 10px 10px;}

fieldset{
    padding: 5px;
}
				
/*.smallNewsContainer{
	width: 191px;
	height: 293px;
	margin: 0px 1px;}

.newsSortContainer{
	width: 191px;
	height: 293px;
	margin: 0px 1px;}


.smallNewsContainerHead{
	height: 58px;
	background-image:url(../img/newsverlaufservice.jpg);}

.smallNewsContainerText{
	background-color:#999;
	height: 94px;
	overflow: hidden;
	padding: 5px;}

.newsSortContainerText{
	background-color:#666;
	height: 227px;
	overflow: hidden;}
	
.smallNewsContainerBottom{
	background-image:url(../img/rundungkleinerkastenhellgrau.gif);
	height: 8px;
	width: 191px;}

.newsSortContainerBottom{
	background-image:url(../img/rundungkleinerkastendunkelgrau.gif);
	height: 8px;
	width: 191px;}*/
	

/* ###### contentBottomContainer ###### */

#contentBottomArea{
	clear: both;
	margin-top: 10px;}
	
.contentBottomSmallContainer{
	float: left;
	width: 190px;
	height: 205px;
	margin: 10px 1px;}
	
.contentBottomSmallHead{
	height: 29px;
	background-color: #00ccff;
	padding: 6px 0px 0px 5px;}
	
.contentBotomSmallText{
	height: 153px;
	overflow: hidden;
	background-color:#999999;
	padding:5px;}

.contentBotomSmallTextWasMachtRevag{
	height: 136px;
	overflow: hidden;
	background-color:#999999;
	padding:5px;
	color: #fff;}

.randomText{
	height: 90px;
	overflow: hidden;}

.readMore{
	overflow: hidden;
	background-color: #999;
	padding-left: 5px;
	height: 17px;}

.contentBotomSmallTextSubHead{
	height: 28px;
	padding: 7px 0px 0px 5px;
	margin-bottom: 5px;}
	
.contentBottomSmallBottom{
	background-image:url(../img/rundungkleinerkastenhellgrau.gif);
	height: 7px;
	background-repeat: no-repeat;}

#contentBottomImg{
	margin: 10px 1px;
	width: 191px;
	height: 205px;
	background-image:url(../img/logo.png);}

.contentBottomWideContainer{
	float: left;
	width: 384px;
	height: 205px;
	margin: 10px 1px;}

.contentBottomWideHead{
	height: 29px;
	background-color: #00ccff;
	padding: 6px 0px 0px 5px;}

.contentBotomWideText{
	height: 153px;
	overflow: hidden;
	background-color:#999999;
	padding: 5px;
	color: #fff;}
	
.contentBottomWideBottom{
	background-image: url(../img/rundunggrosserkastenhellgrau.gif);
	height: 7px;
	background-repeat: no-repeat;}

/* ###### thenenbereiche ###### */
#contentArea{
	margin-bottom: 10px;}

#themenbereichText{
	width: 361px;
	height: 400px;
	overflow: auto;
	margin-right: 25px;}

#themenbereichText p{
	margin-right: 15px;}

#themenbereichTextLinks{
	margin-top: 20px;
	margin-left: 25px;}
	
.themenbereichTextLink{
	margin-bottom: 5px;}
	
#themenbereichExtras{
	width:579px;}

#themenbereichExtrasLinks{
	width: 154px;}

.themenLinks{
	margin-top: 66px;
	margin-left: 15px;}

.themenLink{
	margin-bottom: 5px;}
	
.articleList{
	margin-left: 30px;}
	
/* ###### Impressum ###### */
#impressumText{
	width: 361px;
	overflow: hidden;
	margin-right: 25px;}
	
#impressumPicContainer{
	width:579px;
	text-align: center;}

#impressumPic{
	margin-bottom: 10px;}

/* ###### Personen ###### */
.personen{
	width: 300px;
	margin-left: 15px;}
	
.person{
	height: 80px;
	overflow: hidden;
	margin-bottom: 10px;}
	
.personPic{
	float: left;
	width: 80px;
	height: 80px;}
	
.personDesc{
	height: 80px;
	margin-top: 20px;
	margin-left: 10px;
	overflow: hidden;}
	
.personenTextLinks{
	padding-top: 10px;
	padding-left: 30px;}

/* ###### kontakt ###### */

#kontaktText{
	width: 361px;
	overflow: hidden;
	margin-right: 25px;}

#kontaktPicContainer{
	margin-top: 30px;
	margin-left: 25px;}

label{
	padding-bottom: 5px;}
	
/* ###### treffpunkte ###### */

.treffpunkt{
	width: 236px;
	height: 175px;
	background-color: #999999;
	padding: 5px 0px 0px 5px;}
	
.treffpunktText{
	margin-left: 10px;}

/* ###### Footer ###### */

#topNavSitemap{
	list-style: none;
	width: 772px;
	height: 28px;
	position: relative;
	top: 12px;
	margin-bottom: 9px;}
	
#topNavSitemap li{
	display: inline;
	margin-right: 15px;}
#footer{}
	
ul.footer{
	margin-right: 20px;}
	
ul.footer li{
	margin-top: 5px;}