/* !!! Es muss beachtet werden, dass alle DIVs im screen.css generell auf clear: both gesetzt sind !!!! */
/* Style für Hintergrundbilder bei Downloads generell über alle Parts*/
div#content div#inhalt a.pdf{
	padding: .1em 0 .3em 20px;
	background: url(../img/layout/pdf.gif) no-repeat;
}

div#content div#inhalt a.doc{
	padding: .1em 0 .3em 20px;
	background: url(../img/layout/doc.gif) no-repeat;
}

div#content div#inhalt a.ppt{
	padding: .1em 0 .3em 20px;
	background: url(../img/layout/ppt.gif) no-repeat;
}

div#content div#inhalt a.xls{
	padding: .1em 0 .3em 20px;
	background: url(../img/layout/xls.gif) no-repeat;
}

div#content div#inhalt a.jpg{
	padding: .1em 0 .3em 20px;
	background: url(../img/layout/jpg.gif) no-repeat;
}

/* Style Grundlagen */
div.part_basic img{
	float: right;
	margin-left: 1.5em;
	display: inline;
}
div.part_basic ul {
	margin: .6em .2em;
}
div.part_basic ul li {
	background: url(../img/layout/list-style-icon.gif) no-repeat left .6em;
	padding: 0 0 0 1.1em;
	height: auto !important;
	height: 1.5em;
}
div.part_basic ol {
	list-style: decimal outside;
	margin: .6em .2em;
	padding: 0 0 0 1.5em;
}
* html div.part_basic ol {
	padding: 0 0 0 2.1em;	
}
*+html div.part_basic ol {
	padding: 0 0 0 2em;
}

div.part_basic span.image-legend{
	float: right;
	margin: .3em 0 .5em 1.5em;
	clear: both;
	text-align: right;
	display: inline;
	width: 200px;
}
p.link {
	margin: 1em 0;
}
/**+html div.part_basic p.link {
	margin: 12em 0 1em 0;
}
* html div.part_basic p.link {
	margin: 12em 0 1em 0;
}*/
div.part_basic div.part_bilderliste ul li {
	background: url(../img/layout/list-style-icon.gif) no-repeat left .6em;
	padding: 0 0 0 1.1em;
	height: auto !important;
	height: 1.5em;
	list-style: none;
	}

/* Style Part Bildliste */
div#content div#inhalt div.part_bilderliste{
	clear: both;
}
div#content div#inhalt div.part_bilderliste ul li{
	width: 30%;
	float: left;	
	clear: none;
	display: inline;
	margin: 0 3% 1% 0 !important;
	margin: 0 2% 1% 0;
	padding: 1% 0;
	background: #f4f4f4;
}
div#content div#inhalt div.part_bilderliste ul li.first {
	clear: both;
}
div#content div#inhalt div.part_bilderliste ul li.clear {
	display: block;
	float: none;
	clear: both;
	width: 100%;
	margin: 0 !important;
	padding: 0;
	background: none;
}
div#content div#inhalt div.part_bilderliste ul li a {
	display: block;
	margin: 0 auto;
	width: 95%;
	max-height: 150px;
	height: auto !important;
	height: 150px;
	overflow: hidden;
}
div#content div#inhalt div.part_bilderliste ul li img{
	display: block;
}

div#content div#inhalt div.part_bilderliste ul li span.image-legend{
	display: block;
	margin: .2em auto .2em auto;
	width: 95%;
}

/* Style Part BildGross */
div#content div#inhalt div.part_bildgross{
	margin-bottom: 2em;
	display: block;
}

div#content div#inhalt div.part_bildgross span{
	float: left;
	margin: 0 1.5em .5em 0;
	clear: left;
	display: inline;
}

/* Style Part BildText */
div#content div#inhalt div.part_bildtext{
	float: none;
}

div#content div#inhalt div.part_bildtext div {
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 1em 0;
}
div#content div#inhalt div.part_bildtext h2 {
	margin: 0 0 .8em 0;
}
div#content div#inhalt div.part_bildtext div div{
	float: none;
	width: auto;
	margin: 0 215px 0 0;
	clear: none;
}
div#content div#inhalt div.part_bildtext div.left div{
	margin: 0 0 0 215px;
}
div#content div#inhalt div.part_bildtext a{
	display: inline;
	float: none;
}
div#content div#inhalt div.part_bildtext img{
	display: inline;
	float: right;
	margin: 0 0 0 1em;
}

div.text ul li {
	background: url(../img/layout/list-style-icon.gif) no-repeat left .6em;
	padding: 0 0 0 1.1em;
	height: auto !important;
	height: 1.5em;
	list-style: none;
}

div#content div#inhalt div.part_bildtext div.text ul li {
	margin: 0 0 0 1.3em;
}
div#content div#inhalt div.part_bildtext div.left img{
	float: left;
	margin: 0 1em 0 0;
}

div#content div#inhalt div.part_bildtext span{
	float: right;
	display: inline;
	margin: .3em 0 .5em 1em;
	clear: both;
	width: 200px;
	text-align: right;
}
div#content div#inhalt div.part_bildtext div.left span{
	float: left;
	display : none; /*KOES: Legenden sollen erst mal nicht angezeigt werden bei Eigenmarken (unter Sortiment)*/
	margin: .3em 1em .5em 0;
	text-align: left;
}
div#content div#inhalt div.part_bildtext p.link {
	margin: 1em 0;
}

/* Style Part Downloads */
div#content div#inhalt div.part_downloads ul {
	border-top: 1px dashed #999;
}

div#content div#inhalt div.part_downloads ul li {
	border-bottom: 1px dashed #999;
	padding: .4em .2em;	
}

div#content div#inhalt div.part_downloads ul li a{
	display: block;
}

/* ===== Style Part Links ===== */
div#content div#inhalt div.part_links div.bereiche{
	float: left;
	width: 30%;
	clear: none;
	margin: 0 2% 0 0;
}

div#content div#inhalt div.part_links div.bereiche ul{
	border-top: 1px dashed #999;
}

div#content div#inhalt div.part_links div.bereiche ul li{
	border-bottom: 1px dashed #999;
	display: block;
}

div#content div#inhalt div.part_links div.bereiche h3 {
	text-transform: none;
}

div#content div#inhalt div.part_links div.bereiche ul li a{
	display: block;
	padding: .4em .2em;
}

div#content div#inhalt div.part_links div.bereiche ul li a:hover{
	background: #f0f0f0;
}

/* Style Part BildText */
div#content div#inhalt div.part_news h4{
	margin: 1.5em 0 0 0;
}

div#content div#inhalt div.part_news p{
	padding: 0;
	margin: .3em 0;
}

div#content div#inhalt div.part_news ul li a{
	display: block;
	margin: .4em 0 0 0;
}

div#content div#inhalt div.part_news_detail h3{
	margin: 0 0 1em 0;
}

div#content div#inhalt div.part_news_detail ul li {
	background: url(../img/layout/list-style-icon.gif) no-repeat left .6em;
	padding: 0 0 0 1.1em;
	height: auto !important;
	height: 1.5em;
	list-style: none;
}

div#content div#inhalt div.part_news_detail img{
	float: right;
	margin-left: 1.4em;
}

div#content div#inhalt div.part_news_detail span{
	float: right;
	margin: .3em 0 .4em 1.5em;
	clear: both;
	text-align: right;
	display: inline;
	width: 200px;
}

div#content div#inhalt div.part_news_detail a.zuruecklink {
	display: block;
	margin-top: 2em;
}

/* Style Part Oeffnungszeiten */
div#content div#inhalt div.part_oeffnungszeiten table{
	padding: 0px;
	margin: 0px;
}

div#content div#inhalt div.part_oeffnungszeiten table tr td{
	background-color: #FDECD4;
	vertical-align: top;
	border-bottom: 1px solid white; /*padding: 5px 20px 5px 20px;*/
	border-right: 1px dashed white;
	padding: 10px 20px 10px 20px;
	height: 10px;
}

/* Style Part Tabellen */
div.part_tabelle table{
	background: #f4f4f4;
	margin: 1em 0;
	width: 100%;
	border-collapse: collapse;
}

div.part_tabelle table tr td, div.part_tabelle table tr th {
	background-color: #f4f4f4;
	vertical-align: top;
	border: 1px dashed white;
	/*border-right: 1px dashed #2a5665;*/
	padding: .5em;
} 
div.part_tabelle table tr.altRow td{
	background-color: #e9e9e9;
}

div.part_tabelle table tr.zeile0 td, div.part_tabelle table tr th {
	padding: .6em 0;
	font-weight: normal;
	font-size: 110%;
	background: #dce5ea; 
	border-bottom: 2px solid #2a5665;
	color: #2a5665;
}

div.part_tabelle table tr td span {
	font-weight: normal;
}

/* Style Part Team */

div#content div#inhalt div.part_team div{
	margin: 0 0 4% 0;
	width: 45%;
	height: 20em;
	float: left;
	clear: none;
	display: inline;
}

div#content div#inhalt div.part_team img{
	margin: 0 1.4em 0 0;
	padding: 0 0 2.8em 0;
	float: left;
	display: inline;
}

div#content div#inhalt div.part_team a{
	margin: 1.1em 0 0 0;
	display: block;
}

/* Style Part Sitemap */

div#content div#inhalt div.part_sitemap ul li{
	padding: .2em 0 .2em .5em;
}

div#content div#inhalt div.part_sitemap ul li a{;
	display: block;
}

div#content div#inhalt div.part_sitemap ul li ul{
	margin: 0 0 1em 0;
}

div#content div#inhalt div.part_sitemap ul li ul li{
	padding: 0 0 0 2em;
}

div#content div#inhalt div.part_sitemap ul li ul li a{
	display: inline;
}

/* ==== Definitionen FORM Standardformular ==== */
div#content div#inhalt form{
	margin: 0 0 1em 0;
}

div#content div#inhalt form p input{
	margin: 1em 0 0 30%;
	width: 8em;
	height: 2.1em;
	border: none;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
	background: url(../img/layout/bg-servicenavi.gif) repeat-x #347537;
}

div#content div#inhalt form p input:hover{
	color: #ffed0c;
	background: url(../img/layout/bg-servicenavi.gif) repeat-x left -.3em #347537;
}

div#content div#inhalt form ul li{
	margin: .5em 0;
	clear: left;
}

div#content div#inhalt form ul li label{
	line-height: 2em;
	width: 30%;
	float: left;
	clear: left;
}

div#content div#inhalt form ul li input{
	width: 65%;
	background: #FFFFFF;
	border: 1px solid #999999;
	margin: 0 .5em 0 0;
	padding: .1em;
}

div#content div#inhalt form ul li textarea{
	width: 65%;
	height: 15em;
	background: #FFFFFF;
	border: 1px solid #999999;
	margin: 0 .5em 0 0;
	padding: .1em;
}

div#content div#inhalt form ul li fieldset legend{
	display: none;
}

div#content div#inhalt form ul li fieldset ul li{
	display: block;
	margin: 3px 0 3px 0;
	clear: left;
}

div#content div#inhalt form ul li fieldset ul li input{
	border: none;
	width: auto;
	float: none;
	display: inline;
}

div#content div#inhalt form ul li fieldset ul li label{
	float: none;
	display: inline;
}

div#content div#inhalt form table tr td {
	padding: 0 1em 0 0;
}

div#content div#inhalt form table.products tr td.tdAnzahl {
	width: 10em;
	padding: 0;
}

div#content div#inhalt form table tr th {
	text-align: left;
}

div#content div#inhalt form table tr td input.anzahl {
	margin: 0;
	width: 9em;
}

/* Radiobutton horizontal*/
div#content div#inhalt ul li span.RadioButton {
	float: left;
	width: auto;
	display: block;
	margin-right: 1em;
}

div#content div#inhalt ul li span.RadioButton input{
	border: none;
	width: auto;
	float: none;
	display: inline;
}

div#content div#inhalt ul li span.RadioButton label{
	width: auto;
	float: none;
	display: inline;
}

/* Radiobutton vertikal*/
div#content div#inhalt ul li ol.RadioButton {
	margin: 0;
	padding: 0 0 0 30%;
	width: auto;
	list-style: none;
}

div#content div#inhalt ul li ol.RadioButton li {
	clear: none;
}

div#content div#inhalt ul li ol.RadioButton li input {
	width: auto;
	border: none;
	padding: 0;
	margin: 0 .5em 0 0;
}

div#content div#inhalt ul li ol.RadioButton li label{
	padding: 0;
	clear: none;
	float: none;
	display: inline;
	width: auto;
}

/* CheckBox Auflistung */
div#content div#inhalt form ul li ol.CheckBox {
	list-style: none;
	margin: .2em 0 0 0;
}

div#content div#inhalt form ul li ol.CheckBox li input {
	width: auto;
	height: auto;
	border: none;
	margin: 0 .5em 0 0;
	float: none;
	display: inline;
}

div#content div#inhalt form ul li ol.CheckBox li label {
	float: none;
	display: inline;
}

div#content div#inhalt form table.products {
	width: 100%;
	margin: 0 0 1em 0;
}
/* Validation */
div#content div#inhalt form ul li em {
	font-style: normal;
}
div#content div#inhalt form p.validationinfo {
	margin: 1em 0 0 30%;
}
div.Message {
	background: url(../img/layout/icon-ok.gif) no-repeat .9em 1.1em #f0f0f0;
	color: #009036;
	border: none;
	margin: 0 0 1em 0;
	padding: 1em 1em 1em 3em;
	line-height: 1.5;
}
div.Message p{	
	color: #009036;
	margin: 0;
	padding: 0;
}
div.ValidationSummary {
	display: none;
	background: url(../img/layout/icon-error.gif) no-repeat .9em 1.1em #f0f0f0;
	color: #009036;
	margin: 0 0 1em 0;
	padding: 1em 3% 1em 7%;
	line-height: 1.5;
	float: left;
	width: 90%;
}

div#content div#inhalt div.ValidationSummary ul {
	border-top: 1px dashed #999;
	margin: .5em 0 0 -2em;
	padding: .6em 0 0 0;
}

div#content div#inhalt div.ValidationSummary ul li {
	background: url(../img/layout/arrow-right.gif) no-repeat center left;
	margin: 0 0 0 .5em;
	padding: 0 0 0 1.5em;
	display: block;
}


/* Boxen auf der Startseite */
div#content div#inhalt div.box {
	float: left;
	width: 100%;
	display: inline;
	margin: .5em 0 0 0;
}
div#content div#inhalt div.box a {
	float: left;
	width: 100%;
	color: #666;
	display: inline;
	background: url(../img/layout/bg-startbox-blue.gif) repeat-x left top;
}
div#content div#inhalt div.box a:hover {
	background: url(../img/layout/bg-startbox-blue.gif) repeat-x left -100px;
}

div#content div#inhalt div.box strong.title{
	line-height: 1.5em;
	font-size: 140%;
	font-weight: normal;
	display: block;
	padding: .5em 0 .4em 0;
	margin: 0 1em 0 135px;
}

div#content div#inhalt div.box div {
	clear: none;
	margin: 0 1em 1em 135px;
}
div#content div#inhalt div.box div.image {
	float: left;
	margin: 0;
	height: 82px;
	overflow: hidden;
} 

div#content div#inhalt div.box p{
	padding: 10px 0 5px 15px;
	font-size: 11px;
	width: 190px;
	color: #000;
	float: left;
}

div#content div#inhalt div.box img{
	float: left;
	padding: 0 1.2em 0 0;
	/*background: url(../img/layout/bg-box-img.gif) no-repeat top right;*/
}

/* Style Part Bildergalerie Uebersicht*/
div#content div#inhalt div.part_bildergalerie_overview{
	clear: both;
}

div#content div#inhalt div.part_bildergalerie_overview ul{
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;
}

div#content div#inhalt div.part_bildergalerie_overview ul li{
	float: left;
	margin: 0 15px 0 0;
	padding: 0 0 15px 0;
	border-bottom: 1px dashed #F1ECE6;
	width: 600px;
}

div#content div#inhalt div.part_bildergalerie_overview ul li a img{
	display: block;
	border: 1px solid red;
	float: left;
	margin: 0 15px 0 0;
}

/* Style Part Bildergalerie  */
div#content div#inhalt div.part_bildergalerie{
	clear: both;
	margin: 30px 0;
}

div#content div#inhalt div.part_bildergalerie ul{
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;
}

div#content div#inhalt div.part_bildergalerie ul li{
	float: left;
	margin: 0 15px 0 0;
	width: 200px;
}

div#content div#inhalt div.part_bildergalerie ul li img{
	margin: 0;
	padding: 0;
	display: block;
	height: 150px;
}

div#content div#inhalt div.part_bildergalerie ul li span{
	height: 65px;
	padding: 0;
	margin: 0;
	color: #000;
	display: block;
	margin-bottom: 5px;
}

div#content div#inhalt div.part_bildergalerie p{
	padding: 5px;
	border: 1px solid #E26610;
	background: #FDECD4;
}

div#content p.Message{
	padding: 5px;
	border: 1px solid #E26610;
	background: #FDECD4;
}

/* News */

div#content div.news a {
	display : block;
	color : #2A5665;
}

div#content div.news a:hover {
	color: #009036;
}

div#content div.news a.overview {
	padding-top : 0.5em;
	color : #009036;
}

div#content div.news a.overview:hover {
	color: #2A5665;
}

/* Parts für Sidebar */

/* News */

div#sidebar div.news a {
	display: inline;
	float: left;
	width: 180px;
	margin: 0 -10px;
	padding: .4em 10px;
	border-top: 1px solid #fff;
	position: relative;
}
div#sidebar div.news a:hover {
	background: #eaf0f2;
}
div#sidebar div.news a span.date {
	display: block;
	font-size: 91%;
	color: #999;
}
div#sidebar div.news a strong.news-title {
	color: #666;
	display: block;
	font-weight: normal;
	/*font-size: 110%;*/
	margin: 0 0 .3em 0;
}
div#sidebar div.news a:hover strong.news-title {
	color: #2a5665;
}
div#sidebar div.news a.overview {
	padding: .5em 10px 0 10px;
}
div#sidebar div.news a.overview:hover {
	background: none;
}


/* Testimonial Part */

div#sidebar div.testimonial h3 {
	margin: 0;
}
div#sidebar div.testimonial h4 {
	margin: 0;
	line-height: 1.1em;
	font-style: italic;
}
div#sidebar div.testimonial p {
	width: 100%;
	overflow: hidden;
	margin: 0 0 .3em 0;
	font-size: 100%;
	line-height: 1.4em;
	font-style: italic;
}
div#sidebar div.testimonial p strong {
	float: left;
	width: 2.2em;
	height: 1.4em;
	background: url(../img/layout/testimonial-open.gif) no-repeat;
}
div#sidebar div.testimonial p strong.close {
	float: right;
	margin: -1.2em 0 0 0;
	background: url(../img/layout/testimonial-close.gif) no-repeat bottom right;
}
div#sidebar div.testimonial p strong em {
	display: none;
}

/* Ansprechpartner Part */

div#sidebar div.ansprechpartner h3 {
	margin: 0;
}
div#sidebar div.ansprechpartner h4 {
	margin: 0;
	line-height: 1.1em;
	font-style: italic;
}
div#sidebar div.ansprechpartner img {
	display: block;
}
/* Keyfacts */ 
div#sidebar div.keyfact p.control {
	margin: .8em 0 0 0;
}
div#sidebar div.keyfact p.control a {
	height: 14px;
	width: 14px;
} 
div#sidebar div.keyfact p a.next {
	float: right;
	background: url(../img/layout/sidebar-arrow-right.gif) no-repeat center;
}
div#sidebar div.keyfact p a.previous {
	float: left;
	background: url(../img/layout/sidebar-arrow-left.gif) no-repeat center;
}
div#sidebar div.keyfact p a span {
	display: none;
}
div#sidebar div.keyfact p em {
	display: block;
	text-align: center;
	font-size: 91%;
	color: #999;
}
/* Part Movie */ 
div#inhalt div.part_movie {
	float: left;
	width: 100%;
}
div#inhalt div.part_movie div{
	float: left;
	border: 1px solid #f0f0f0;
	background: url(../img/layout/loading.gif) no-repeat center;
}