/* mm-historyguide.de  -  by hoffnungsträger - Agentur für Kommunikation */


/* Gerüst */

body
{
 font-family:Trebuchet MS, Arial,Verdana,Helvetica;
 font-size:80%;
 color:#333333;
 text-align:center;
 background-color:#FAE9CB;
}

ul
{
 margin:0px;
 padding:0px;
 list-style-type:none;
}

#site
{
 margin:0px auto;
 padding:0px;
 width:900px;
 text-align:left;
}

#header
{
 background-color:#979797;
 background-image: url(../img/bg_header.jpg);
 background-repeat:repeat-x;
 background-position:top;
 font-size:0.9em;
 color:#ffffff;
}

#mobile, #topnav, #footer_r, #footer_l
{
 background-repeat:no-repeat;
 padding:6px 0px; 
}

#mobile
{
 float:left;
 background-image: url(../img/bg_header_l.jpg);
 background-position:top left;
 padding-left:15px;
}

#topnav
{
 float:right;
 background-image: url(../img/bg_header_r.jpg);
 background-position:top right;
 padding-right:15px;
}

#top
{
 height:216px;
}

#hauptnavigation
{
 float:left;
 height:216px;
 width:200px;
}

#moodpic
{
 float:right;
 height:216px;
 width:699px;
 overflow:hidden;
 background-image: url(/fileadmin/Redaktionsordner/Panorama-Burgberg_01.jpg);
 background-repeat:no-repeat;
}

#trennung
{
 height:5px;
 background-color:#98233A;
}

#main
{
 background-color:#F1C988;
} 

#unternavigation
{
 float:left;
 width:200px;
 background-color:#F1C988;
 padding-bottom:50px;
}

#content
{
 float:right;
 width:649px;
 background-color:#F1C988;
 padding-left:20px;
 padding-right:30px;
 padding-bottom:50px;
 border-left:1px solid #FAE9CB;
}

#footer
{
 background-color:#979797;
 background-image: url(../img/bg_footer.jpg);
 background-repeat:repeat-x;
 background-position:bottom;
}

#footer_l
{
 float:left;
 background-image: url(../img/bg_footer_l.jpg);
 background-position:bottom left;
}

#footer_r
{
 float:right;
 background-image: url(../img/bg_footer_r.jpg);
 background-position:bottom right;
}

.spacer
{
 height:1px;
 background-color:#FAE9CB;
}

.clear
{
 clear:both;
}



/* Navigationen */

#navi1 li
{
 height:30px;
 background-color:#98233A;
 border-bottom:1px solid #FAE9CB;
}

#navi1 li a
{
 padding:6px 15px;
 color:#ffffff;
 text-decoration:none;
 display:block;
}


#navi1 li a:hover
{
 font-weight:bold;
}

.navi1_active
{
 font-weight:bold;
}



#navi2 li
{
 background-color:#666666;
 border-bottom:1px solid #F1C988;
}

#navi2 li a
{
 padding:6px 15px;
 color:#ffffff;
 text-decoration:none;
 display:block;
}


#navi2 li a:hover
{
 font-weight:bold;
}

.navi2_active
{
 font-weight:bold;
}


#navi2 li.lvl3
{
 background-color:#999999;
 border-bottom:none;
}


#navi2 li a.navi3
{
 padding:6px 15px;
 padding-left:30px;
 color:#ffffff;
 text-decoration:none;
 display:block;
 font-size:0.95em;
}


#navi2 li a.navi3:hover
{
 font-weight:bold;
}


#navi2 li a.navi3_active
{
 font-weight:bold;
 color:#98233A;
 padding-left:45px;
 display:block;
 font-size:0.95em;
}



#mobile a
{
 text-decoration:none;
 color:#ffffff;
 font-size:0.95em;
}



#topnav a
{
 text-decoration:none;
 color:#ffffff;
 font-size:0.95em;
}


#rootline a
{
 text-decoration:none;
 color:#98233A;
 font-size:0.90em;
}



#content #rootline a:hover
{
 text-decoration:underline;
}


#rootline a:visited
{
 text-decoration:none;
 color:#98233A;
 font-size:0.90em;
}


#rootline
{
 color:#98233A;
 padding-top:15px;
}




/* TEXT */

h1
{
 font-weight:bold;
 color:#98233A;
 font-size:1em;
 margin:0px;
 padding:0px;
 padding-top:25px;
}

h5
{
 font-weight:bold;
 color:#98233A;
 font-size:1.8em;
 margin:0px;
 padding:0px;
 padding-top:25px;
}


p
{
 line-height:170%;
}


p a
{
 text-decoration:none;
 color:#98233A;
}



.csc-frame-rulerAfter
{
 height:10px;
 border-bottom:1px dotted #98233A;
}


.csc-frame-rulerBefore
{
 height:10px;
 border-bottom:1px dotted #98233A;
}