/*
Theme Name: os_theme
Theme URI: http://ostalk.eu/blog/wp-content/themes/os_theme
Description: Describe your theme
Version: 1.0
Author: Me
*/

a, a:visited {

		text-decoration: none;

		color: #006C96;

}
a.anchor:hover {

	text-decoration: none; 

}
a:hover {

		text-decoration: underline;

}
body {

		margin: 0;

		background: #f0eddf;

}
div#adress_1  {

			float:left;

	}
div#adress_1, div#adress_2, #marginals {

			font: 9px/13.5px Verdana, Arial, Helvetica, sans-serif;

	}
div#adress_2 {

			text-align: left;

	}
div#bg_upper_half{

		width: 100%;

		height: 253px;

		background: #e2ddc5;

		z-index: 0;

		margin: 0;

}
div#footer { background: #e2ddc5; width: 414px; height: 170px; margin-top: 60px; padding: 25px 25px 0 338px; }
div#foto_links { position: relative; top: 20px; }
div#foto_rechts { position: relative; top: 20px; left: 20px; }
div#gbr { font-weight: normal; margin-left: 4px; }
div#gelbfeld { background-color: yellow; width: 400px; }
div#headline { color: #903; font: bold 20px Arial, Helvetica, Verdana, sans-serif; letter-spacing: 1px; width: 370px; margin-right: 0; margin-bottom: 20px; padding-top: 15px; }
div#sub_headline { color: #903; font: bold 14px Arial, Helvetica, Verdana, sans-serif; letter-spacing: 1px; margin-right: 0; margin-bottom: 20px; padding-top: 15px; width: 370px; }
div#home { font: small-caps 11px Arial, Helvetica, Verdana, sans-serif; text-transform: lowercase; letter-spacing: 0.5px; }
div#image_bar { z-index: 5; display: block; }
div#introduction {

			width: 370px;

			margin: 35px 0 25px 293px;

			font: 11px/16px Verdana, sans-serif; 

			letter-spacing: 0.1px;

	}
div#logo { margin: 0 0 0 5px; width: 333px; float: left; border-width: 0; }
div#main {

		width: 777px;

		background: #fff;

		color: #3f3f3f;

		position: absolute;

		top: 145px;

		left: 125px;

		z-index: 10;

		clear: both; 

}
div#marginals {

			clear:both;

			color: #006C96;

			text-align: right;

			margin-top: 30px;

	}
div#menu { color: #3f3f3f; float: right; padding-right: 5px; }
div#rubrik { color: #903; font: bold 12px Arial, Helvetica, Verdana, sans-serif; letter-spacing: 1px; width: 370px; margin-top: 20px; margin-right: 0; margin-left: 0; }
div#titel_rot_links { width: 194px; float: left; clear: both; }
div#titel_rot_rechts { width: 194px; clear: both; }
div#toc {

		width: 195px;

		background: #F0EDDF;

		padding: 20px 40px 20px 20px;

		position: absolute;

		top: 475px;

		left: 65px;

	}
div#wrapper_content { width: 737px; margin-top: 10px; margin-left: 40px; }
div#wrapper_context_element {

			width: 676px;

			background: #ece9d9;

			margin: 0 0 20px; /*war bottom: 45px*/

			padding: 15px 0 15px 15px; /*Mozilla Hack...take parent element out of normal text rendering,

							for box size to be correct. I'm sure there is logic in this somewhere*/

	}
div#wrapper_logo_menu {

			width: 797px;

			position: relative; 

			top: 35px;

			left: 125px;

			z-index: 5;

	}
div.ankerzeile { font-size: 4px; line-height: 4px; }
div.bilderleiste { background: #ece9d9; padding: 15px 0 15px 17px; float: left; margin-top: 20px; margin-right: 0; margin-bottom: 20px; }
div.block-mb-20 {

		margin: 0 0 20px 0;

	}
div.block-ml-264 {

		margin: 0 0 0 298px;

	}
div.block-mtop-20 { margin-right: 0; margin-left: 0; padding-top: 20px; }
div.block-vor_h2 {  }
div.menu-item {

				float: left;

				margin-right: 20px;

		}
div.no-margin {

					margin: 0;

			}
div.test { background-color: olive; height: 2px; margin-top: 10px; margin-bottom: 10px; }
h1 { width: 370px; font: bold 16px Arial, Helvetica, Verdana, sans-serif; color: #ad0047; letter-spacing: 0.6px; margin-right: 0; margin-bottom: 22px; margin-left: 0; }
h1.fotos { clear: none; }
h1.with-h2 {

		margin: 0 0 12px 0;

	}
h1.with-quote {

		margin: 30px 0 6px;

	}
h2 { font: bold 14px Arial, Helvetica, Verdana, sans-serif; letter-spacing: 0.6px; margin: 20px 0; }
h2.bildtext { font: bold 14px Arial, Helvetica, Verdana, sans-serif; letter-spacing: 0.6px; width: 260px; float: left; margin-top: 20px; margin-right: 0; margin-left: 0; }
h2.untertitel { color: #ad0047; font-size: 14px; font-weight: bold; font-style: normal; margin: 6px 0 12px; }
h3 {

			font: bold 11px Arial, Helvetica, Verdana sans-serif; 

			letter-spacing: 0.5px;

	}
img { border-width: 0; }
img.flag { margin-top: 4px; border-width: 0; }
p { margin-bottom: 50px; }
table { position: relative; top: -10px; width: 100%; border-style: none; }
td.re { text-align: right; }
ul, ul.toc {

		/*Pfad ist relativ zum Style-Sheet, nicht zum HTML*/

		margin-top: 6px; list-style-type: disc; }
ul.toc li { margin: 3px 0 3px -27px; list-style-image: url(../images/arrow.png); }
.black {

					margin-top: 6.5px;

			}
.blue {

					color: #475871;

					margin: 6.5px 0 6.5px 0;

			}
.brown {

					color: #806E50;

					margin-bottom: 6.5px;

			}
.context { width: 195px; font: 10px/14px Verdana, Helvetica, Arial, sans-serif; float: left; padding-right: 15px; }
.context-text{

				width: 370px;

				font: 11px/16px Verdana, Helvetica, Arial, sans-serif;

				margin-left: 248px;

		}
.grey { color: #808080; }
.link {

			font: 11px/16px Verdana, Arial, Helvetica, sans-serif;	

			color: #006c96;

			margin: 6px 0 5px 0;			

	}
.link_right { color: #006c96; font: 11px/16px Verdana, Arial, Helvetica, sans-serif; text-align: right; }
.list_header { font: 11px/16px Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0.2px; width: 370px; margin-top: 0; margin-right: 0; margin-left: 0; }
.menu-klammer { font: small-caps 9px Arial, Helvetica, Verdana, sans-serif; }
.menu-level1 { font: small-caps bold 10px Arial, Helvetica, Verdana, sans-serif; text-transform: lowercase; letter-spacing: 0.2px; }
.menu-level1 a, .sub-menu-item a {

	color: #3F3F3F;

	text-decoration: none;

}
.menu-level1 a.current, .sub-menu-item a.current, a.anchor { color: #ad0047; }
.menu-level1 a:visited, .sub-menu-item a:visited { text-decoration: none; }
.menu-level1 a:hover, .sub-menu-item a:hover {

		text-decoration: underline;

}
.meta_element { font: 10px/14px Verdana, Arial, Helvetica, sans-serif; font-stretch: normal; background-color: #ece9d9; text-transform: none; text-align: left; width: 194px; float: left; clear: both; padding: 15px; }
.meta_foto { font: 10px/14px Verdana, Arial, Helvetica, sans-serif; font-stretch: normal; text-align: left; text-transform: none; width: 194px; float: left; clear: both; }
.pfeil_top { position: relative; top: -2px; right: 15px; float: right; }
.pfeil_top_text { font-size: 10px; font-variant: normal; text-transform: none; word-spacing: 0.6px; position: relative; top: -4px; }
.quote { width: 370px; font: italic 11px/16px Verdana, Arial, Helvetica, sans-serif; margin: 10px 0 0; letter-spacing: 0.2px; }
.quote_author { font: italic 11px/16px Verdana, Arial, Helvetica, sans-serif; text-align: right; letter-spacing: 0.2px; margin: 0 0 16px; width: 370px; }
.quote_ohne { font: italic 11px/16px Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0.2px; margin: 10px 0 16px; width: 370px; }
.seperated {

					margin-top: 6px;

			}
.spalte1 { background-color: fuchsia; width: 212px; }
.spalte2 { background-color: orange; width: 212px; margin-left: 214px; }
.sub-menu-item { font: small-caps 11px Arial, Helvetica, Verdana, sans-serif; text-transform: lowercase; margin-top: 5px; letter-spacing: 0.5px; }
.text { width: 370px; font: 11px/16px Verdana, Arial, Helvetica, sans-serif; margin: 0; letter-spacing: 0.2px; }
.text_200 { font: 11px/16px Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0.2px; width: 300px; margin: 0; }
.text_ohne_width { font: 11px/16px Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0.2px; margin: 0; }
.text_tiefer { font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; font-variant: normal; position: relative; top: 2px; margin: 0; }