/*
Theme Name: MBI Default
Theme URI: http://www.dieterschnee.com/
Description: Default MBI Theme.
Version: 0.6
Author: Dieter Schnee
Author URI: http://www.dieterschnee.com/
Tags: nice, clean
Text Domain: MBI

	MBI v0.6
	Standard Theme

*/


/* CSS Document */

* { border: 0; padding: 0; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif;  }


/*
	Layout
*/

#wrapper { width: 960px; margin: 0 auto; }
#header { width: 960px; height: 208px; float: none; clear: both; position: relative; }
#metanavigation { position: absolute; top: 6px; left: 708px; font-size: 10px; z-index: 5; height: 100px; overflow: visible; width: 300px; }
#hauptnavigation { height: 31px; clear: both; float: none; background: url(images/navigation_bg.gif) no-repeat; padding-top: 2px; overflow: hidden; }
#suche { height: 44px; margin-bottom: 19px; background: url(images/suche_bg.gif) no-repeat right top; position: relative; }

#linkeSpalte { width: 230px; float: left; }
#contentBereich { width: 490px; float: left; padding-bottom: 80px; }
#rechteSpalte { width: 240px; float: right; padding-bottom: 50px; }
#footer { background: #f80000; width: 960px; font-size: 11px; color: #fff; padding: 3px 0 4px 0; float: none; clear: both;  }

#breadcrumb { font-size: 12px; margin: 24px 0 0 0; }

.widget widget_tag_cloud { font-size: 11px; }

/*
	Tags
*/

a:link,
a:visited,
a:focus,
a:hover,
a:active { color: #0038ee; text-decoration: none; }

h2, 
h2 a:link,
h2 a:visited,
h2 a:hover,
h2 a:active,
h3, 
h3 a:link,
h3 a:visited,
h3 a:hover,
h3 a:active { font: 24px/24px "Courier New", Courier, monospace; color: #000; font-weight: bold; margin: 24px 0 8px 0; }
p { font-size: 13px; line-height: 19px; }


p.postmetadata a:link,
p.postmetadata a:visited,
p.postmetadata a:hover,
p.postmetadata a:active { font-size: 11px; color: #999; line-height: 12px }
p.postmetadata { font-size: 11px; color: #999; line-height: 12px; padding-bottom: 10px; }



/*
	Content stylen
*/

#contentBereich ul { margin: 16px 0 16px 1.25em; list-style: outside; list-style-image: url(/wp-content/themes/default/images/bullet_default.gif); }
#contentBereich ul li { font-size: 12px; line-height: 19px; margin-bottom: 4px; }

#contentBereich ol { margin: 16px 0 16px 1.25em; list-style-type: decimal; }
#contentBereich ol li { font-size: 12px; line-height: 19px; margin-bottom: 4px; }

#contentBereich small { display: block; color: #999; margin: 10px 0 10px 0; }

#contentBereich p,
#contentBereich h2 { padding-right: 30px; }
#contentBereich p { margin-bottom: 15px; }


#linkeSpalte { padding-top: 25px; }
#linkeSpalte li { list-style-type: none; font-size: 12px; margin:0 0 12px 20px; }
#linkeSpalte ul li ul li { padding-left: 30px; }

#rechteSpalte #sidebar { margin-left: 15px; }
#rechteSpalte li { font-size: 12px; line-height: 15px; }

#sidebar li { list-style-type: none; }
#sidebar h2.widgettitle { background: url(images/rechts_h2_ul.gif) no-repeat left bottom; padding: 0 0 4px 4px; color: #191919; margin: 25px 0 10px 0; }

li.sidebar { list-style-type: none; }
h2.widgettitle { background: url(images/rechts_h2_ul.gif) no-repeat left bottom; padding: 0 0 4px 4px; color: #191919; margin: 25px 0 10px 0; }
.sidebarAdded { margin-left: 15px; }

#suche #s { position: absolute; top: 12px; left: 55px; background: transparent; width: 112px; height: 16px; font-size: 12px; color: #666; }
#suche #searchsubmit { position: absolute; top: 6px; left: 175px; }
#footer #copyright { margin-left: 230px; width: 500px; float: left; }

#footer a:link,
#footer a:visited,
#footer a:focus,
#footer a:hover,
#footer a:active { color: #fff; }


/*
	Kalender 
*/

#wp-calendar td {
color: #999;
font: normal 12px Verdana, Arial, sans-serif;
letter-spacing: normal;
padding: 2px 0;
text-align: center;
}

#wp-calendar th {
font: bold 12px Verdana, Arial, sans-serif;
text-transform: capitalize;
} 

#wp-calendar caption {
	font: bold 13px/16px "Courier New", Courier, monospace; 
}


/*
	Hauptnavi stylen
*/

.tab { 
	font: 12px Verdana, Arial, sans-serif;
	color: #fff;
	font-weight: bold;
	background: transparent;
	text-decoration: none;
	list-style: none;
	float: left;
	border-right: 2px solid #fff;
	text-align: center;
	height: 19px;
	padding: 5px 15px 1px 15px;
 }

.tabselected {
	font: 12px Verdana, Arial, sans-serif;
	color: #fff;
	font-weight: bold;
	background: transparent;
	text-decoration: none;
	list-style: none;
	float: left;
	border-right: 2px solid #fff;
	text-align: center;
	height: 19px;	
	padding: 5px 15px 1px 15px;
}

.tab a:link,
.tab a:visited,
.tab a:focus,
.tab a:active,
.tabselected a:link,
.tabselected a:visited { 
	color: #fff;
	display: block;
	height: 26px;
	}

#main_nav {
	width: 10em;
	margin-top: 2em;
	padding: 7em 0 0 0;
	float: left;
	display: inline;
}

/* style the drop down menus */
.dmenu {
	/* left align the text */
	text-align: center;
	
	/* REQUIRED */
	position: absolute;
	
	/* js fade method should display them 29px below the top of the tabs */
	margin: 25px 0 0 0;
	
	/* put some space around the contents */
	padding-top: 2px;
		
	display: block;
	width: 140px;
	/* height: 24px; */
	background: #f80000;
}

.tabbar .dmenu ul {
	
	/* put space at the top and bottom of top-level menus */
	padding: 0 0 0 0;
	
	/* stop ie going crazy */
	margin: 0;
	
	list-style: none;
}
.tabbar .dmenu ul li {
	
	/* stop ie from displaying list items inline */
	display: list-item;
	border-top: 2px solid #fff;
	padding-top: 3px;
	height: 20px;
	font-weight: normal;
	background: #f80000;
}

/* REQUIRED: hide menus off screen by default */
.dmenu {
	left: -999em;
}

/* STYLING JUST FOR CSS MENUS */
.tabbar .fademenu .dmenu {
	
	/* position menus correctly */
	margin: 5px 0 0 -6px;
}
/* REQUIRED: show menus on hovering */
.tabbar .fademenu:hover .dmenu {
	left: auto;
}



img.alignright { float: right; margin: 0 0 12px 12px; }
img.alignleft { float: left; margin: 0 12px 12px 0; }
img.aligncenter {display: block; margin-left: auto; margin-right: auto}

div.alignleft { float: left; }
div.alignright { float: right; }