/*Design by micaronwebsolutions*/

body {
	margin: 0;
	padding: 0;
	background: #333331 url(msa.gif) repeat-x;
	background-color:#333331;
	font-size: 11px;
	color: #000000;
}
/* FARBEN UNTERHALB DER NAVI*/
body, th, td, input, textarea, select, option {
	font-family: Arial, Helvetica, sans-serif;
}

h1, h2, h3 {
	text-transform: lowercase;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #ddded8;
}

h1 {
	letter-spacing: -1px;
	font-size: 18px;
}

h2 {
	letter-spacing: -1px;
	font-size: 20px;
	
}

h3 {
	font-size: 15px;
}

p, ul, ol {
	line-height: 90%;
}

blockquote {
	padding-left: 1em;
}

blockquote p, blockquote ul, blockquote ol {
	line-height: normal;
	font-style: italic;
}

a {
	color: #FFEA6F;
}

a:hover {
	text-decoration: none;
}

img { border: none; }

/* Header */

#header {
	width: 825px;
	height: 177px;
	margin: 0 auto;
	background: url(headermica.jpg) no-repeat;
	/*bild fuer den header  in ps machen*/
}

/* Logo */

#logo {
	height: 170px;
	/*background-image:url(micaronw.jpg) no-repeat;*/
	
}

#logo h1 {
	float: left;
	padding: 1px 40px 0 50px;
	letter-spacing: -2px;
	font-size: 48px;
}

#logo h2 {
	float: right;
	padding: 8px 0 0 0;
	font-size: 24px;
	
}

#logo a {
	text-decoration: none;
	color: #372412;
}

/* Gallery */

#gallery {
	clear: both;
	width: 830px;
	/*height: 395px;*/
	margin: 1px auto;
	
}

#top-photo  {
	margin: 5px auto;
	
}



/* Menu */

#menu {
	width: 830px;
	height: 10px;
	/*background: url(upmica.jpg) no-repeat;*/
	
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	width: 103px;
	height: 20px;
	padding-top: 15px;
	text-transform: lowercase;
	text-decoration: none;
	text-align: center;
	letter-spacing: -1px;
	font-size: 14px;
	color: #FFFFFF;
	background: url(navibild_b.jpg) no-repeat;
}

#menu a:hover {
	background: url(navibild.jpg) no-repeat;
	color: #FFFFFF;
}

#menu .active a {
	background: url(navibild.jpg) no-repeat;
	color: #372412;
}

/* Page */

#page {
	width: 830px;
	margin: 0 auto;
	padding: 1px 0;
}

/* Content */

#content {
	float: left;
	width: 532px;
}

.post {
	padding: 0 0 20px 0;
}

.title {
	margin: 0;
	border-bottom: 1px solid #ddded8;
	color:#70838a;
}

.byline {
	margin: 0;
}

.meta {
	text-align: left;
	color: #ddded8;
	letter-spacing: -1px;
	font-size: 14px;
}

.meta a {
	padding-left: 15px;
	background: url(mica06.jpg) no-repeat left center;
	color: #ddded8;
	letter-spacing: -1px;
	font-size: 14px;
}

/* Sidebar */

#sidebar {
	float: right;
	width: 240px;
	color: #ddded8;
	letter-spacing: -1px;
	font-size: 14px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
}

#sidebar li ul {
	padding: 10px 0;
}

#sidebar li li {
	padding-left: 30px;
	background: url(mica06.jpg) no-repeat 15px 50%;
	
}

#sidebar h2 {
	margin: 0;
	padding: 3px 0 6px 30px;
	/*background: url(mica05.jpg) no-repeat left bottom;*/
	border-bottom: 1px solid #ddded8;
	color:#70838a;
}

#sidebar a {
	text-decoration: none;
	color: #ddded8;
}

#sidebar a:hover {
	text-decoration: underline;
	color: #ddded8;
}

/* Footer */

#footer {
	clear: both;
	padding: -10px 0;
	background: #333331;
	border-top: 1px solid #e2e3de;
	text-align: center;
	font-size: smaller;
	color: #e2e3de;
}

#footer a {
	color: #70838a;
}
