/* 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;
}

ul.inline li{
    display: inline;
    margin-right: 10px;
}
	
/* ##### 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;}
	
#topNavOben{
	list-style: none;
	width: 772px;
	height: 28px;
	position: relative;
	top: 12px;}

#topNavOben 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: 520px;
}
	
/*#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: 72px;
	overflow: hidden;
	margin-bottom: 10px;}
	
.articlePreviewDivLeft{
	/*width: 65px;*/}

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

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

.articlePreviewDiv div.text{
        min-height: 50px;
        max-height: 50px;
        overflow: hidden;
}
.articlePreviewDiv div.links{
        min-height: 20px;
        max-height: 20px;
}

#articleShort{
	height: 260px;
	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;
    float: right;
    margin-left: 30px;
}

#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 ALT ######

#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;}*/


/* ######content Bottom */

#contentBottomArea{
	clear: both;
	margin-top: 10px;
}

#wasMachtRevag{
    float: left;
    background-image:url(../img/contentBottom/was_macht_revag.jpg);
    margin: 10px 1px;
    height: 204px;
    width: 190px;
    color: #666;
}

#wasMachtRevag .randomText{
    height: 94px;
	overflow: hidden;
	padding: 7px;
}

#wasMachtRevag .randomHead{
    padding: 7px;
}

.text-area{
    margin-top: 34px;
}

.readMore{
	overflow: hidden;
	padding: 5px 7px 0 0;
	height: 17px;}

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

#bergmannschoereLive{
    float: left;
	margin: 10px 1px;
    width: 384px;
	height: 204px;
    background-image: url(../img/contentBottom/bergmannschoere_live.jpg);
}

#bergmannschoereLive .text-area{
    padding: 7px;
    color: white;
}

#revagOnline{
    float: left;
    background-image:url(../img/contentBottom/revag_online.jpg);
    margin: 10px 1px;
    height: 204px;
    width: 190px;
}

#revagOnline .text-area{
    padding: 7px;
    color: white;
}

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

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

#themenbereichText ul{
    list-style: disc;
    margin-left: 30px;
}

#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 ###### */
table.personen{
    width: 965px;
}

.personen tr td{
    padding: 30px 0;
    vertical-align: top;
    border-bottom : 1px solid #ccc;
}

	
.person{
    width: 300px;
	height: 80px;
	overflow: hidden;
    margin-left: 0px;
	margin-bottom: 5px;}
	
.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: 366px;
    height: auto;
	background-color: #ddd;
	padding: 10px;
    margin: 5px;}

.treffpunkt img{
    margin: 5px 10px 0px 0px;
}
	
.treffpunktText{
	margin-left: 10px;
    margin-right: 21px;
    width: 540px;}

/* ###### modPages ###### */

img.pagePic{
    margin: 5px 10px 5px 0;}

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

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

#footer{
    margin-bottom: 50px;
    height: 100px;
}
	
ul.footer{
	margin-right: 20px;}
	
ul.footer li{
	margin-top: 5px;}