/*
Theme Name: Anno2050 2011
Theme URI: http://www.anno2050.de
Description: Web Design for Insurance Company Anno2050.
Author: Robin Lehmann
Version: 1.1
License: Copyrighted
Tags: private
*/


	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,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	
	body {
		background-image: url(images/body-bg.png);
		background-repeat: repeat-x;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	#wrap {
		width: 1000px;
		margin: 0 auto;
	}
	
	#content_wrap {
		margin-top: 6px;
		width: 998px;
		border: 1px solid #CCC;
		border-top-right-radius: 6px;
		border-top-left-radius: 6px;
		box-shadow: 0px 2px 6px #999;
		-moz-box-shadow: 0px 2px 6px #999;
		-webkit-box-shadow: 0px 2px 6px #999;
		-o-box-shadow: 0px 2px 6px #999;
	}
	
	#header {
		width: inherit;
		height: 100px;
	}
	
	#header > * {
		float: left;
	}
	
	#homeLink {
		width: 334px;
		height: 100px;
		background-image: url(images/head-Logo.jpg);
		display: block;
	}
	
	#teaser_content_container {
		background-image: url(images/head-teaser.jpg);
		width: 1000px;
		height: 249px;
		border: 0;
		overflow: hidden;
	}
	
	#teaser_content_container .teaser_box {
		width: 395px;
		overflow: hidden;
		margin-left: 24px;
		margin-top: 64px;
	}
	
	#teaser_content_container .teaser_content_head h1 {
		color: #FFF;
		padding-top: 20px;
		padding-left: 20px;
	}
	
	#teaser_content_container .teaser_content p {
		padding: 0px 20px;
		font-size: 12px;
		color: #FFF;
		text-align: justify;
	}
	
	#teaser_content_container .teaser_content_head {
		width: 395px;
		height: 48px;
		background-image: url(images/teaser_content_head.png);
	}
	
	#teaser_content_container .teaser_content {
		background-image: url(images/teaser_content_bg.png);
		background-repeat: repeat-y;	
	}
	
	#teaser_content_container .teaser_content_footer {
		height: 18px;
		background-image: url(images/teaser_content_footer.png);
	}
	
	#teaser_content_container .img_button {
		margin-left: 20px;
		margin-top: 12px;
	}
	
	.img_button {
		height: 17px;
		background-image: url(images/button_bg.png);
		background-repeat: repeat-x;
		border: 1px solid #666;
		text-decoration: none;
		color: #c6161d;
		font-size: 12px;
		display: inline-block;
		padding: 3px 16px;
		padding-top: 4px;
		font-weight: bold;
		border-radius: 4px;
		box-shadow: 0px 0px 1px #333;
	}
	
	#navigation {
		position: absolute;
		margin-left: 334px;
		width: 666px;
	}
	
	#navigation .kategorie ul {
		list-style-type: none;
	}
	
	#navigation .kategorie {
		position: absolute;
		margin-top: 50px;
		background-image: url(images/nav-kat-bg.png);
		background-position: bottom;
		background-repeat: repeat-x;
		background-color: #FFF;
		display: none;
		min-width: 172px;
		box-shadow: 0px 2px 0px #CCC;
		border-bottom-right-radius: 8px;
		z-index: 99;
	}
	
	#navigation .kategorie.krankenversicherung { margin-left: 137px; }
	#navigation .kategorie.risikoversicherung { margin-left: 326px; width: 180px; }
	#navigation .kategorie.mehr { margin-left: 499px; }
	
	#navigation .kategorie.active {
		display: block;
	}
		
	#navigation h1 {
		float: left;
	}

	#navigation h1 a {
		padding: 15px 0px;
		font-size: 16px;
		font-weight: bold;
		color: #FFF;
		background-color: #c6161d;
		margin-bottom: 8px;
		padding-left: 12px;
		padding-right: 12px;
		background-image: url(images/nav-arrow.png);
		background-position: center bottom;
		background-repeat: no-repeat;
		display: inline-block;
		text-decoration: none;
	}
	
	#navigation h1 a:hover, #navigation h1 a.active {
		background-image: url(images/nav-arrow-hover.png);
		background-color: #FFF;
		color: #c6161d;
	}
		
	#navigation .kategorie li a,
	#navigation .kategorie li a:link,
	#navigation .kategorie li a:visited {
		text-decoration: none;
		display: block;
	}
		
	#navigation .kategorie li.page_item a,
	#navigation .kategorie li.page_item a:link,
	#navigation .kategorie li.page_item a:visited {
		background-image: url(images/li-item.png);
		background-position: 6px 2px;
		background-repeat: no-repeat;
		padding-left: 32px;
		margin: 2px 0px;
		padding-top: 4px;
		padding-bottom: 4px;
		padding-right: 16px;
		color: #c6161d;
		font-size: 14px;
	}
	
	#navigation .kategorie li.page_item a:hover {
		background-color: #c6161d;
		color: #FFF;
		background-image: url(images/li-item-hover.png);
	}
	
	#navigation .kategorie li.page_item:last-child a {
		margin-bottom: 12px;	
	}
	
	#navigation .nav_end {
		width: 160px;
		height: 50px;
		display: block;
		margin-left: -100px;
		z-index: 100;
		background-color: #c6161d;
		background: none;
	}
	
	
	#header_sub {
		height: 50px;
		background-image: url(images/head-bottomline.jpg);
		background-repeat: no-repeat;
		margin-top: 50px;
		z-index: -1;
	}
	
	#header_sub a.mail {
		color: #c6161d;
		text-decoration: none;
		font-size: 13px;
		float: left;
		margin-left: 30px;
		margin-top: 2px;
		display: block;
		width: 120px;
	}
	
	#header_sub span.call {
		color: #c6161d;
		text-decoration: none;
		font-size: 13px;
		float: left;
		margin-left: 56px;
		margin-top: 2px;
	}
	
	
	#breadcrumbs {
		list-style-type: none;
		margin-top: 6px;
		margin-bottom: 0px;
		overflow: hidden;
		margin-left: 2px;
	}
	
	#breadcrumbs li {
		float: left;
		color: #c6161d;
		font-size: 11px;
		margin-right: 4px;
	}
	
	#breadcrumbs li a {
		color: #c6161d;
		text-decoration: none;
	}
	
	#breadcrumbs li a:hover {
		text-decoration: underline;
	}
	
	
	#content {
		width: inherit;
		color: #666;
		font-size: 14px;
	}
	
	#content h1,
	#content h2,
	#content h3,
	#content h4,
	#content h5,
	#content h6 {
		color: #c6161d;
		font-weight: bold;
		padding-top: 12px;
		padding-left: 16px;
	}
	
	#content h1 a,
	#content h2 a,
	#content h3 a,
	#content h4 a,
	#content h5 a,
	#content h6 a {
		color: #c6161d;
		font-weight: bold;
		text-decoration: none;
	}
	
	#content a,
	#content a:link,
	#content a:visited {
		color: #c6161d;
		text-decoration: underline;
	}
	
	#content a:hover {
		color: #F66;
	}
	
	#content h1 { font-size: 26px; }
	#content h2 { font-size: 20px; }
		
	#content p {
		padding: 10px 16px;
		font-size: 14px;
		text-align: justify;
	}
	
	#content ul {
		list-style-type: none;
		margin-left: 24px;
		margin-top: 6px;
	}
	
	#content ul li {
		padding-left: 26px;
		background-image: url(images/li-item.png);
		background-repeat: no-repeat;
		margin-bottom: 4px;
	}
	
	#content .more_links {
		float: right;
		border: 1px solid #999;
		border-bottom: 2px solid #c6161d;
		border-radius: 4px;
		margin-top: 10px;
		margin-right: 10px;
		padding-right: 16px;
		padding-bottom: 12px;
		box-shadow: 0px 2px 2px #333;
		margin-bottom: 24px;
		margin-left: 24px;
	}
	
	#footer {
		width: inherit;
		height: 112px;
		background-image: url(images/footer-bg.png);
		background-repeat: repeat-x;
	}
	
	#footer ul {
		list-style-type: none;
		float: left;
		margin-top: 24px;
		margin-right: 42px;
	}
	
	#footer ul:first-child {
		margin-left: 22px;
	}
	
	#footer ul a {
		display: block;
		color: #FFF;
		text-decoration: none;
		font-size: 12px;
		margin-bottom: 6px;
	}
	
	#footer ul a:hover {
		text-decoration: underline;
	}
	
	#footer #ergo_logo {
		float: right;
		margin-right: 38px;
		margin-top: 32px;
		width: 61px;
		height: 61px;
		border: 0;
		display: block;
		background-image: url(images/groupon61x61.png);
	}
	
	#footer_end {
		overflow: hidden;
	}
	
	#footer_end .fb_frame {
		float: left;
		margin-top: 5px;
		margin-left: 8px;
		border: none;
		overflow: hidden;
		width: 250px;
		height: 21px;
		background: transparent;
	}
	
	#footer_end .subsites {
		float: right;
		height: 24px;
		font-size: 11px;
		text-align: right;
		padding-top: 6px;
		padding-right: 12px;
		width: 300px;
		list-style-type: none;
	}
	
	#footer_end .subsites li {
		float: left;
		margin-left: 16px;
	}
	
	#footer_end .subsites li a,
	#footer_end .subsites li a:link,
	#footer_end .subsites li a:visited {
		color: #666;
		text-decoration: none;
	}
	
	#footer_end .subsites li a:hover {
		color: #999;
		text-decoration: underline;
	}
	
	#content .contact-form {
		width: 700px;
		margin: 0 auto;
		overflow: hidden;
		margin-bottom: 16px;
		margin-top: 16px;
	}
	
	#content .contact-form label {
		font-weight: bold;
		display: block;
		width: 200px;
		text-align: right;
		margin-right: 12px;
		float: left;
		margin-top: 5px;
		clear: both;
	}
	
	#content .form-field-holder {
		margin-bottom: 6px;
		overflow: hidden;
	}
	
	#content .form-field-holder textarea {
		width: 420px;
		height: 100px;
		resize: vertical;
		max-height: 300px;
		min-height: 100px;
		padding: 6px;
		border: 1px solid #CCC;
	}
	
	#content .checkbox {
		border: none;
	}
	
	#content input,
	#content select {
		float: left;
		border: 1px solid #CCC;
		padding: 6px;
	}
	
	#content .input-text-normal {
		width: 360px;
	}
	
	#content .input-text-bday,
	#content .input-text-plz {
		width: 80px;
	}
	
	.contact-form .select-normal {
		width: 160px;
	}
	
	.contact-form .input-text-short {
		width: 180px;
	}
	
	.contact-form .input-text-ort {
		margin-left: 12px;
		width: 243px;
	}
	
	.contact-form span {
		float: left;
		margin-left: 6px;
	}
	
	.form-field-holder-strong {
		padding: 8px 0px;
		margin: 6px 0px;
		overflow: hidden;
		border-bottom: 1px dashed #CCC;
		border-top: 1px dashed #CCC;
	}
	
	.checkbox-holder {
		margin-bottom: 12px;
		overflow: hidden;
	}
	
	.checkbox-holder input {
		float: left;
		margin-left: 188px;
		margin-right: 12px;
	}
	
	.submit-holder {
		border-top: 2px dashed #CCC;
		padding: 8px 0px;
	}
	
	.submit-button-anfrage {
		margin-left: 210px;
		cursor: pointer;
	}
	
	.form-error {
		padding: 12px;
		background-color: #aa6262;
		border: 1px solid #950000;
		color: #FFF;
		font-size: 12px !important;
		font-weight: bold;
		margin-bottom: 12px;
	}
	
	.form-success {
		padding: 12px;
		background-color: #75aa62;
		border: 1px solid #349300;
		color: #FFF;
		font-size: 12px !important;
		font-weight: bold;
		margin-bottom: 12px;
	}
	
	.span-error {
		color: #F00;
		font-weight: bold;
	}