/* CSS Document */

body {
	font-family: Muli, sans-serif;
	letter-spacing:0.3px;
	background-image: linear-gradient(to right, #efeada 10%, #283953 60%) ;
}

#mainframe {
	position:absolute;
	left:50%;
	top:100px;
	margin-left:-400px;
	width:800px;
}

#mainframe img  {
      -moz-box-shadow: 4px 4px 2px #888888;
        box-shadow: 4px 4px 2px #888888;
		height: 650px;
		width: 743px;
/*        border: 1px solid;
        background-color:green;
        padding: 5px;
        margin: 20px; */
}


#logo {
	position: absolute;
	width: 800px;
	height: 120px;
	z-index: 20;
	background-color: #2e4260t;
	top: -42px;
}

#inhalt  {
	position:absolute;
	top:395px;
	left: 26px;
	width:750px;
	text-align:center;
	float:right;
	z-index:4;
	visibility: visible;
	position:absolute;
}

#inhalt a:link {text-decoration: none; color: #DAAA1F;}
#inhalt a:visited {text-decoration: none; color: #DAAA1F;}
#inhalt a:hover {text-decoration: none; color: #384115;}	

h1 {
	font-size:18px;
	font-weight:bold;
	letter-spacing:0.8px;
	color:#57381a;
	text-align:center;
	padding: 5px 0 5px 0;
	border-top:2px dotted #c5a279;
	border-bottom:2px dotted #c5a279;
}

#inhalt_text {
	position:absolute;
	top:375px;
	width:750px;
	text-align:left;
	float:left;
	z-index:4;
	visibility: visible;
	position:absolute;
	background-color:#f7f1d3;
	padding: 50px 25px 100px 25px;
}

p {
	font-size: 15px;
	text-align: left;
}

.center {text-align: center;}
.rand {padding:0 0 0 55px;}



/*  Navigation----------------------------------------------------------------------------------- */

#navigation {
	z-index: 150;
	clear: both;
	position: absolute;
	top:45px;
	font-size:14px;
	font-weight:bold;
	letter-spacing:0.2px;
	padding: 0;
	text-align: center;
	list-style-type: none;
	left:50%;
	margin-left:-400px;
	width:800px;

}
	
#navigation li { list-style-type: none; margin: 0; 	display: inline; }
	
#navigation a, a:active, a:focus {
	text-decoration: none;
	color: #efeada;
	list-style-type: none;
	border: 3px solid #2e4260;
	border-radius: 25px;
	padding: 8px;
	margin: 0;
	background-color: #19284d;
}

#navigation a:hover {
	text-decoration: none; 
	color: #283953; 
	background-color: #efeada; 
	border: 3px solid #283953;
	border-radius: 25px;
}

#rathaus #navrathaus a,
#maulbeerblatt #navmaulbeerblatt a,
#arndt #navarndt a,
#anwalt #navanwalt a,
#mtm #navmtm a,
#hulahoop #navhulahoop a,
#villa #navvilla a,
#zehendner #navzehendner a,
#immobilien #navimmobilien a,
#festival #navfestival a,
#dichterdran #navdichterdran a,
#webbett #navwebbett a {
	color: #efeada;
	background-color: #19284d;
	cursor: default; /*keine Cursorlink bei aktiver Seite*/
	border: 3px solid #efeada;
}

#navrathaus a span, 
#navmaulbeerblatt a span, 
#navarndt a span, 
#navanwalt a span,
#navmtm a span,
#navhulahoop a span,
#navvilla a span,
#navzehendner a span,
#navimmobilien a span,
#navfestival a span,
#navdichterdran a span,
#navwebbett a span
	 {display:none;}
	 
#navigation #navrathaus a:hover span,
#navigation #navmaulbeerblatt a:hover span,
#navigation #navarndt a:hover span,
#navigation #navanwalt a:hover span,
#navigation #navmtm a:hover span,
#navigation #navhulahoop a:hover span,
#navigation #navvilla a:hover span,
#navigation #navzehendner a:hover span,
#navigation #navimmobilien a:hover span,
#navigation #navfestival a:hover span,
#navigation #navdichterdran a:hover span,
#navigation #navwebbett a:hover span
	 {z-index:200; position:absolute; left:50%; top:55px; margin-left:-400px; display: inline; }
/*	 {z-index:200; position:fixed; left:50%; top:100px; margin-left:-400px; display: inline; } */


/*  Leftnavigation-------------------------------------------------------------------------------- */

#leftnavigation {
	z-index: 150;
	clear: both;
	font-size:14px;
	font-weight:bold;
	letter-spacing:0.3px;
	text-align: center;
	list-style-type: none;
	position:absolute;
	left:50%;
	top:770px;
	margin-left:-400px;
	width:800px;
	color: #CACECD;	
}
			
#leftnavigation a, a:active, a:focus {text-decoration: none; color: #CACECD; background-color: transparent; border: none; border-radius:0; margin: 0; padding:0;}
#leftnavigation a:visited {text-decoration: none; color: #CACECD;}
#leftnavigation a:hover {text-decoration: underline; color: #EDEAD9; }

#leftnavigation li { 
	list-style-type: none;
	padding: 5px 0;
	display:inline;	
}

#home #navhome a,
#kontakt #navkontakt a,
#impressum #navimpressum a {
	color: #EDEAD9;
	cursor: default; /*keine Cursorlink bei aktiver Seite*/
	border-bottom: 2px solid #efeada;
}

