/*-----------------------------------------
	CSS Styles für med.in.form (Screen)
	(c) 2012 hoppe-websolutions
-----------------------------------------*/

/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;background-image:transparent;margin:0;padding:0}
:focus{outline:0}
body{line-height:1;color:#000;background:#FFF}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,th,td{text-align:left;font-weight:400}
blockquote:before,blockquote:after,q:before,q:after{content:""}
em,i{font-style:italic}
strong,b{font-weight:700}
a img{border:none}
.clearfix:after{content:".";clear:both;height:0;line-height:0;font-size:0;visibility:hidden;display:block}
.clearfix{display:block}
button,input[type=reset],input[type=button],input[type=submit],input[type=file] > input[type=button],button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=submit]::-moz-focus-inner,input[type=file] > input[type=button]::-moz-focus-inner{border:0!important;margin:0!important;padding:0!important}
::selection,::-moz-selection{background:#a0d7ff}
img::selection,img::-moz-selection{background:transparent}


/* Basics */
body {
	height:100%;
	background: #FFF url(../images/logo-bckgrd-ie7-blue.jpg) left bottom no-repeat fixed;
	background-color: #ecebf2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333;
	text-shadow: 1px 1px 0px #fff;
	text-rendering: optimizeLegibility; 
	-webkit-font-smoothing: antialiased;	
}	

#container {
	position: relative;
	width: 770px;
	padding: 0 0 0 250px;
	margin: 0 auto;
}

header#page_header {
	position: absolute;
	z-index: 9999;
	top: 0px;
	left: 0px;
	width: 200px;
	padding: 0 20px 0 0;
	margin: 0;
}
    
#page_header #logo {
	position: relative;
	float: right;
	margin: 30px 0 0 0;
	width: 200px;
	height: 99px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/logo.png) 0 0 no-repeat transparent;
}

img.druck {
	display: none;
}

/* Navigation */
nav {
	position: absolute;
	z-index: 9999;
	top: 150px;
	left: 0px;
	width: 200px;
	padding: 0;
	margin-top: 0;
}

nav ul#nav_items, nav ul#nav_items ul, nav ul#nav_items li {
	position: relative;
	text-align: right;
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}
nav ul#nav_items li a {
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 24px;
	text-decoration: none;
	color: #000;
	text-transform: lowercase;	            
}
nav ul#nav_items ul li a {
	display: none;
}
nav ul#nav_items li a:hover {
	background-color: #DDD;
}
nav ul#nav_items li.top { 
	display: none;
}

/* Sections */
section {
	position: relative;
	float: left;
	width: 720px;
	padding: 24px 0 200px 0;
	min-height: 300px;
	margin: 0;
}
section#angebot {
	min-height: 0;
	padding-bottom: 0;
}
section.sub {
	padding: 24px 0;
	min-height: 100px;		
}
section.last {
	padding-bottom: 200px;
}

/* Mehrspaltige Teaser */
.four_column_row {
	float: left;
	width: 100%;
	margin: 1em 0;
}
		
.column {
	float: left;
}
			
.four_column_row .column {
	width: 160px;
}
.four_column_row .padded {
	margin-left: 24px;
}

/* Footer */
footer { 
	float: left;
	width: 720px;
	padding: 50px 5px;
	font-size: 11px;
	color: #000;
}			

/* Textformatierungen */
h1 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 65px;
	line-height: 65px;
	margin: 110px 0 1em 0;
	font-weight: normal;
	color: #999;
}
h1 b {
	color:#343f4a;
	font-weight: normal;
}

h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 25px;
	line-height: 30px;
	margin: 3px 0px 5px 0;
	font-weight: 400;
	text-transform: uppercase;
}

h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 25px;
	margin: 3px 0px 5px 0;
	font-weight: 400;
	text-transform: uppercase;	
}

h4 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	
	font-size: 18px;
	line-height: 16px;
	margin: 3px 0px 9px 0;
	font-weight: 400;
	text-transform: uppercase;
}

h5 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 18px;
	margin: 9px 0 4px 0;
	font-weight: 400;
	text-transform: none;
}

h6 {
	font-size: 16px;
	line-height: 16px;
	margin: 9px 0;
	font-weight: 400;
	text-transform: none;
}
	h2 em,
	h3 em,
	h4 em,
	h5 em,
	h6 em {
		color:#6f7a84;
		font-weight: normal;
		font-style: normal;
	}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 24px;
	font-weight: 400;
	margin: 0 0 1em 0;	
	padding: 0;
}
p b {
	color: #d82c25;
	font-weight: 400;
}

ul, ol {
	margin: 5px 0 15px 25px;
}
ul {
	list-style: square outside;
}
ol {
	list-style-type: decimal;
}
ul ul {
	margin-left: 30px;
	list-style: circle;
}
li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 24px;
	margin: 3px 0;
}

a {
	color: #2b1c6f;
	text-decoration: underline;
}
a:hover {
	color:#666;
	text-decoration: none;
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
	text-decoration: none;
}

/* Diverses */
p.teaser-link {
	position: absolute;
	bottom: 150px;
}
p.zeitstempel {
	margin-top: 0.5em;
	text-align: right;
	padding: 0.25em 0.5em;
	border-top: 5px solid #bbb7d0;	
	border-bottom: 5px solid #bbb7d0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	
	font-size: 18px;
}
span.firmierung {
	font-size: 18px;
}

#start h3 {
	text-transform: none;
}
.column p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 0 1em 0;
	line-height: 20px;
}
#start p {
	margin-top: 24px;
}
#start .column p {
	margin-top: 0;
}

img.polaroid {
	margin: 0.5em 0;
	padding: 20px;
	padding-bottom: 50px;
	background-color: #FFF;
	border: 1px solid #bcb8d1;
	-webkit-box-shadow: 2px 2px 5px 2px #bcb8d1;
	box-shadow: 2px 2px 5px 2px #bcb8d1;
}
p.untertitel {
	font-size: 16px;
	padding: 0 0 0 20px;
	margin: -50px 0 50px 0;
}