/*************************
LAYOUT
**************************/

* /*Set's border, padding and margin to 0 for all values*/
{
    padding: 0;
    margin: 0;
}

#left a{padding:0;border:0;}
#right a{padding:0;border:0;}
#content a{padding:0;border:0;}
#header a{padding:0;border:0;}

body, html {
    color: #000; 
    font-family: Arial,Verdana,Helvetica;
    background-color: #F2F2F2;
    text-align: center; /*** Centers the design in old IE versions ***/
    height: 100%;
	background-image: url(images/bg.gif);
	background-repeat: repeat-y;
	background-position:top center;
	font-size:0.9em;
}

body {
    font-size: 100.01%;
}

.clear { clear: both; }

#mainContainer {
    width: 920px;
    margin: 0 auto; /*** Centers the design ***/
    min-height: 100%;
    background-color: #ffffff;
    text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
    font-size: 0.8em;

}

* html #mainContainer {
    height: 100%;  /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}


/************* HEADER */

#header {
    padding: 0;
    height: 303px;
	background-image: url(images/topbg.gif);
	background-repeat: repeat-x;
	width: 920px;
	background-color:#000;
	position:relative;
	z-index:1;
	border-bottom:2px solid #fff;
}

#header-top {
	position:absolute;
	right:210px;
	top:20px;
	color:#FFC200;
	font-size:22px;
	font-weight:bold;
	z-index:4;
}

#header-right-bottom{
	background:url(images/headertopbottom.gif) no-repeat;
	position:absolute;
	width:300px;
	height:30px;
	right:185px;
	top:50px;
	z-index:3;
	overflow:hidden;
	display:none;
}
#header-right-bottom p{
	padding:8px 0 0 35px;
	font-weight:bold;
}

#header-logo{
	position:absolute;
	right:0;
	top:2px;
	z-index:3;
}

#header-top-menu {
	position:absolute;
	top:28px;
	left:10px;
	font-weight:bold;
	color:#FFC200;
	z-index:2;
	font-size:0.95em;
}

#header-top-menu a, a:link, a:visited{
	color:#FFC200;
	text-decoration:none;border:0;
	padding:0;
	margin:0;
}
#header-top-menu a:hover{
	color:#FFC200;
	text-decoration:underline;
}

#header-image {
    padding: 0;
	width: 920px;
	position:relative;
	top:48px;
	border-top:2px solid #fff;
}
#header-main-menu {
	position:absolute;
	top:273px;
	left:0px;
	width:919px;
	height:30px;
	font-weight:bold;
	color:#FFC200;
	background-image: url(images/mbg.gif);
	background-repeat: repeat-x;
	z-index:3;
	padding-left:1px;
}
#header-main-menu a, a:link, a:visited{
	color:#FFC200;
	text-decoration:none;
	border-left:1px solid #FFE9A2;
	border-right:1px solid #FFAE00;
}
#header-main-menu a:hover{
	color:#FFC200;
	text-decoration:underline;
}


#schaubergwerke-link{
	position:relative;
	top:0;
}

#schaubergwerke-link-header{
	position:absolute;
	top:8px;
	left:10px;
}
#schaubergwerke-link-header a, a:link, a:visited{
	color:#6D573F;
	text-decoration:none;
	border:0;
	font-weight:bold;
}
#schaubergwerke-link-header a:hover{
	text-decoration:underline;
}

#start-news{
	position:relative;
	top:2px;
	border-bottom:2px solid #000;
}

.start-news-header{
	width:230px;
	height:30px;
	background:url(images/startnewsbg.jpg) no-repeat;
	position:relative;
}

.start-news-header-left{
	color:#fff;
	font-weight:bold;
	padding:7px 18px 0 5px;
	float:left;
}
.start-news-header-right{
	color:#000;
	font-weight:bold;
	padding:7px 0 0 0px;
}
.start-news-content{
	color:#000;
	font-weight:bold;
	padding-top:5px;
}
.start-news-content a, a:link, a:visited{
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
.start-news-content a:hover{
	text-decoration:underline;
}
#start-news-copyright{
	text-align:center;
	font-weight:normal;
	font-size:0.9em;
	padding:5px 0;
}

/************* FOOTER */

#footer {
    width: 920px;
    height: 35px; /*** The drawback with this solution is that the height of the footer can't be flexible. If you add so much content to the footer that it extends 30px, you will get a vertical scrollbar and the content will overflow the footer if you don't set overflow to hidden ***/
    margin: 0 auto;
    margin-top: -35px; /*** By using a negative margin-top we now moves the footer up the same amount as the footer height to avoid vertical scrolling. Remember, if you use borders and padding on your footer you will have to calculate this in your negative margin-top value also. ***/
    text-align: right;
	background-image:url(../img/bg_bottom.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	color: #000;
	background-color:#cdcdcd;
}


##################################################


#header-main-menu {
width:750px; 
font-size:12px;
position:relative;
z-index:100;
}
/* remove all the bullets, borders and padding from the default list styling */
#header-main-menu ul {
padding:0;
margin:0;
list-style-type:none;
}
#header-main-menu ul ul {
width:150px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#header-main-menu li {
float:left;
position:relative;
display:inline;
}
/* style the links for the top level */
#header-main-menu a, #header-main-menu a:visited {
display:block;
font-size:12px;
text-decoration:none; 
color:#000; 
height:30px;  
width:131px;
padding-left:10px; 
padding-right:10px;
line-height:30px;
text-align:center;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html #header-main-menu a, * html #header-main-menu a:visited {
width:131px;
w\idth:130px;
}


/* style the second level background */
#header-main-menu ul ul a.drop, #header-main-menu ul ul a.drop:visited {
background:#935D75;

}
/* style the second level hover */
#header-main-menu ul ul a.drop:hover{
background:#fff;
}
#header-main-menu ul ul :hover > a.drop {
background:#fff;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#header-main-menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:30px;
left:0; 
width:150px;
}
/* another hack for IE5.5 */
* html #header-main-menu ul ul {
top:29px;
t\op:30px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#header-main-menu table {position:absolute; top:0; left:0;}

/* style the second level links */
#header-main-menu ul ul a, #header-main-menu ul ul a:visited {
background:#FFD756; 
text-align:left;
color:#000; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:131px;
border-bottom:1px solid #cecece;
/* yet another hack for IE5.5 */
}
* html #header-main-menu ul ul a{
width:150px;
w\idth:130px;
}


/* style the top level hover */
#header-main-menu a:hover{
color:#000;

background:url(images/mbg_act.gif) repeat-x;
}
#header-main-menu :hover > a{
color:#000;
background:url(images/mbg_act.gif) repeat-x;
}

/* style the top level hover */
#header-main-menu ul ul a:hover{
color:#000; 
background:#FFAE00;
}
#header-main-menu ul ul :hover > a {
color:#000;
background:#FFAE00;
}


/* make the second level visible when hover on first level list OR link */
#header-main-menu ul li:hover ul,
#header-main-menu ul a:hover ul{
visibility:visible; 
}


.dropact{color:#fff;}

.menu-act{
background:url(images/mbg_act.gif) repeat-x;
}

#menu-left{
padding:20px 0px 20px 0px;
background-color:#efefef;
}
#menu-left ul{
width:230px;
list-style:none;
border-top:1px solid #fff;
margin-left:0;
}
#menu-left li{
font-size:1.2em;
padding:3px 0;
border-bottom:1px solid #fff;
text-align:right;
}
#menu-left a, a:link, a:visited{
width:230px;
line-height:20px;
color:#000;
text-decoration:none;
padding-right:25px;
}
#menu-left a:hover{
color:#FF8A00;
text-decoration:underline;
background-image:url(images/lm_mo.gif);
background-repeat: no-repeat;
background-position:right;
}
#menu-left .menu-left-act{
color:#FF8A00;
background-color:#fff;
background-image:url(images/lm_act.gif);
background-repeat: no-repeat;
background-position:right;
}
.menu-left-act-text {
color:#FF8A00;
padding-right:25px;
font-weight:bold;
}



/*************************
INHALTE
**************************/

h1{
	font-size:1.6em;
	padding-bottom:12px;
}

h2{
	font-size:1.4em;
	padding-bottom:8px;
}

h3{
	font-size:1.2em;
	padding-bottom:4px;
}

p {
	padding-bottom:10px;
}

ul {
margin-left:25px;
}

ol {
margin-left:30px;
margin-bottom:15px;
}



#buchstabenmenu a, a:link, a:visited{
text-align:center;
padding:0 15px;
border:1px solid #cdcecd;
}
#buchstabenmenu a:hover{
color:#FFC200;
}