/* GENERELLE FORMATIERUNGEN */

* {
	/* reset der default abstände aller elemente und setzen der global verwendeten schriftart */
	margin:0;
	padding:0;
	border:0;
	font-family:tahoma, verdana, arial, helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	}

body {
	text-align:center;
	margin:auto auto;
	}
	
/* clearfix workaround zum clearen von floatenden
   elementen ohne zusätzliches markup (clearer divs)
   mehr informationen:
   http://www.positioniseverything.net/easyclearing.html */
   		
.clearfix:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
	}
.clearfix {
	display:inline-block;
	}

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */



#wrapper {
	width:484px;
	}
	
/* ###### HEADER ###### */
#header {
	width:484px;
	height:100px;
	}
	
	#logo {
		width:141px;
		height:100px;
		}
	
	/* PRIMÄRNAVIGATION */	
	#primnav {
		display:none;
		}
			
	/* FUNKTIONALNAVIGATION */
	#funcnav {
		display:none;
		}

/* ###### CONTENT ###### */
#content {
	width:484px;
	}
				
	/* regelt den abstand des contents zum rand */				
	#content-innen {
		padding:0;
		}
	
	#medium_content-innen {
		padding:0;
		}
	
	/* wird nur für die collection-detailseite verwendet */
	#medium_collection_content-innen {
		padding:0;
		}

	/* LINKE SPALTE */
	#content-spalte-left {
		display:none;
		}
		
	/* CONTENT SPALTEN */

	/* wird in den templates verwendet die das standard_extended control beinhalten */
	#content-spalte-middle {
		width:484px;
		margin:27px 0 0 0;
		}
	
	#content-detail-spalte-middle {
		width:484px;
		margin:0;
		}
	
	/* wird in den templates verwendet die das standard control beinhalten */
	#medium_content-spalte-middle {
		width:640px;
		display:inline;
		float:left;
		}
		.overview {
			margin:27px 13px 0 14px;
			}
		.detail {
			margin:0 13px 0 14px;
			}
		
	#big_content-spalte-middle {
		width:654px;
		margin:13px 14px 0 0;
		float:left;
		}
	
	/* HEADER */
		#content-spalte-middle .header, 
		#content-detail-spalte-middle .header {
			width:484px;
			}
		#content-spalte-middle .header-1. 
		#content-detail-spalte-middle .header-1 {
			width:484px;
			margin-top:18px;
			}
		#content-spalte-middle .header, .header-1 img, 
		#content-detail-spalte-middle .header, .header-1 img {
			display:block;
			}
	
		/* definition wird für das große und kleine content bild verwendet */
		#content-spalte-middle p.imagetext,
		#content-detail-spalte-middle p.imagetext, .content_text-box p.imagetext {
			font-size:9px;
			line-height:11px;
			color:#8196af;
			text-align:right;
			padding:2px 0 0 0;
			}
		
		/* COLLECTION */
		.collection-box, .home-box {
			width:640px;
			}
			.no-flash {
				display:none;
				}
			
		/* shoplocator und collection favourites */
		.shoplocator-box {
			width:638px;
			border:1px solid #99bfd8;
			}
		
			/* shoplocator head beinhaltet die suchparameter und den artikel */
			.shoplocator-head-box {
				padding:14px;
				}
				.shoplocator-head-left {
					width:295px;
					margin-right:10px;
					float:left;
					}
					.shoplocator-head-left p.searchresult-headline {
						font-size:11px;
						line-height:14px;
						font-weight:bold;
						color:#213750;
						}
					.shoplocator-head-left p.searchresult-text {
						font-size:9px;
						line-height:12px;
						color:#213750;
						padding-top:5px;
						}
				.shoplocator-head-right{
					width:290px;
					margin-left:15px;
					float:left;
					}
					.shoplocator-head-right img.left{
						display:block;
						width:80px;
						border:1px solid #99bfd8;
						margin-right:10px;
						float:left;
						}
					.shoplocator-head-right p.article-text{
						width:110px;
						font-size:9px;
						line-height:12px;
						color:#213750;
						float:left;
						}
				
			/* shoplocator headline für suchergebnisse */
			.shoplocator-headline {
				width:638px;
				}
			
			/* collection favourites */
			.collection-headline {
				width:484px;
				}
				
				.shoplocator-headline p, .collection-headline p {
					font-size:9px;
					color:#ffffff;
					padding:2px 14px 2px 14px;
					}
			
			/* shoplocator content für suchergebnisse */
			.shoplocator-content-box {
				width:638px;
				border-bottom:1px solid #b0cde0;
				}
			
			/* collection favourites */
			.collection-favourites-box {
				margin:20px 0 20px 0;
				}
				.collection-content-box {
					width:482px;
					border-right:1px solid #b0cde0;
					border-bottom:1px solid #b0cde0;
					border-left:1px solid #b0cde0;
					}
					.collection-content-pos {
						padding:14px;
						float:left;
						}
					.collection-content-box img.articleimg {
						display:block;
						width:80px;
						border:1px solid #99bfd8;
						margin-right:10px;
						float:left;
						}
					.collection-content {
						width:362px;
						display:block;
						float:left;
						}
						.collection-content p {
							font-weight:bold;
							color:#213750;
							}
							.collection-content p a {
								font-weight:bold;
								color:#213750;
								text-decoration:none;
								}
							.collection-content p a:hover {
								font-weight:bold;
								color:#426285;
								text-decoration:none;
								}
							
								ul#collectionList {
									display:block;
									list-style-type:none;
									width:348px;
									margin:10px 0 14px 14px;
									}	
								ul#collectionList li {
									display:block;		
									width:348px;
									color:#213750;
									line-height:16px;
									}
									
					.collection-content-text {
						width:454px;
						color:#213750;
						margin-top:14px;
						}
						.collection-content-text p.headline {
							font-size:13px;
							font-weight:bold;
							line-height:14px;
							padding:0 0 5px 0;
							}
						.collection-content-text p.subheadline {
							font-size:11px;
							font-weight:bold;
							line-height:14px;
							padding:0 0 19px 0;
							}
						.collection-content-text p {
							font-size:11px;
							line-height:14px;
							}
						.collection-content-text a.registration {
							font-size:11px;
							line-height:14px;
							color:#213750;
							text-decoration:none;
							display:block;
							padding:14px 0 0 0;
							}
							.collection-content-text a.registration:hover, a.registration:aktiv {
								color:#213750;
								padding:14px 0 0 0;
								}
						
				/* overview ansicht der shops */
				.shoplocator-content-overview {
					width:319px;
					float:left;
					}
					/* buttons */
					.shoplocator-button-box {
						padding:10px;
						border-right:1px solid #c2d8e7;
						}
						.button-shop-left {
							float:left;
							}
						.button-shop-right {
							float:right;
							}
					/* aufzählung der shops links */
					ul#shoplocatorNavi {
						display:block;
						list-style-type:none;
						width:318px;
						}	
						ul#shoplocatorNavi li {
							display:block;		
							width:318px;
							border-top:1px solid #c2d8e7;
							border-right:1px solid #c2d8e7;
							}
						ul#shoplocatorNavi li a {
							display:block;
							width:318px;
							color:#032e5f;
							text-decoration:none;
							}
						ul#shoplocatorNavi li a strong {
							font-size:9px;
							font-weight:bold;
							}
						ul#shoplocatorNavi li a:hover {
							text-decoration:none;
							}
						ul#shoplocatorNavi li a.aktiv {
							text-decoration:none;
							}
							ul#shoplocatorNavi li a span {
								display:block;
								font-size:9px;
								padding:11px 14px 10px 14px;
								}
							ul#shoplocatorNavi li img.rake {
								margin-left:6px;
								}
				
					/* detailansicht eines shops rechts */		
					.shoplocator-content-detail {
						width:291px;
						padding:10px 14px 14px 14px;
						float:left;
						}
						.shoplocator-content-detail p {
							font-size:9px;
							color:#213750;
							}
						.shoplocator-content-detail p.shopbranch {
							font-size:11px;
							font-weight:bold;
							line-height:14px;
							padding:0 0 15px 0;
							}
						.shoplocator-content-detail p.shopname {
							line-height:12px;
							padding:0 0 3px 0;
							}
						.shoplocator-content-detail p.shopadress {
							line-height:12px;
							padding:0 0 12px 0;
							}
						.shoplocator-content-detail p.shopopen {
							line-height:12px;
							padding:0 0 2px 0;
							}
						.shoplocator-content-detail a.shopanfahrt {
							font-size:9px;
							line-height:12px;
							color:#032e5f;
							text-decoration:none;
							}
							.shoplocator-content-detail a.shopanfahrt:hover, a.shopanfahrt:aktiv {
								color:#426285;
								}
						.shoplocator-content-detail div.button {
							width:290px;
							margin-top:22px;
							background:none;
							}
						
			/* shoplocator footer */
			.shoplocator-footer-box {
				width:610px;
				padding:5px 14px 4px 14px;
				}
				.shoplocator-footer-box img.footer-rake {
					display:block;
					margin-right:5px;
					float:left;
					}
				.shoplocator-footer-box p.footer-shop {
					font-size:9px;
					color:#213750;
					float:left:
					}
					.shoplocator-footer-box p.footer-shop span.bold {
						font-size:9px;
						font-weight:bold;
						}
				

	/* CONTENT */
	.content_text-box {
		width:484px;
		padding:15px 0 10px 0;
		}
	.content_text-1-box {
		width:484px;
		padding:15px 0px 10px 0px;
		}
		.content_text-box h1, .content_text-1-box h1 {
			font-size:13px;
			line-height:18px;
			color:#032e5f;
			font-weight:bold;
			text-transform:uppercase;
			padding:0 0 5px 0;
			}
		.content_text-box h1.pos, .content_text-1-box h1.pos {
			font-size:13px;
			line-height:18px;
			color:#032e5f;
			font-weight:bold;
			text-transform:uppercase;
			padding:0 0 10px 0;
			}
		.content_text-box h2, .content_text-1-box h2 {
			line-height:18px;
			color:#032e5f;
			font-weight:bold;
			padding:0 0 19px 0;
			}
		.content_text-box h3, .content_text-1-box h3 {
			line-height:18px;
			color:#032e5f;
			font-weight:bold;
			padding:9px 0 19px 0;
			}
		.content_text-box p, .content_text-1-box p {
			line-height:16px;
			color:#032e5f;
			}
		.content_text-box a, .content_text-box a:hover,
		.content_text-1-box a, .content_text-1-box a:hover {
			color:#37577c;
			line-height:16px;
			text-decoration:underline;
			}
		.content_text-box p.date, .content_text-1-box p.date {
			font-size:9px;
			line-height:14px;
			color:#8196af;
			padding:0;
			}
		.content_text-box p.error, .content_text-1-box p.error {
			color:#d10a0a;
			line-height:16px;
			}
		content_text-box p.searchheadline, .content_text-1-box p.searchheadline {
			font-size:13px;
			line-height:18px;
			color:#032e5f;
			font-weight:bold;
			text-transform:uppercase;
			padding:0 0 5px 0;
			}
		.content_text-box .contentimg, .content_text-1-box .contentimg {
			float:right;
			width:210px;
			margin:3px 0 5px 22px;
			}
		.content_text-box img, .content_text-1-box img {
			display:block;
			}
		.content_text-box .abstand, .content_text-1-box .abstand {
			padding-top:20px;
			}
			
		/* LISTENAUFZÄHLUNG IM CONTENT */
		.content_text-box ul, 
		.content_text-1-box ul {
			margin:10px 0 14px 14px;
			}
			.content_text-box ul li,
			.content_text-1-box ul li {
				color:#032e5f;
				list-style-type:disc;
				line-height:16px;
				margin-left:14px;
				}
		
		/* SUCHERGEBNISSE */
		.content_text-1-box ul.listSearchresult {
			list-style-type:none;
			width:484px;
			margin:0;
			padding:0 0 20px 0;
			}	
			.content_text-1-box ul.listSearchresult li {
				margin:0;
				padding:0;
				background:none;
				width:484px;
				}
			.content_text-1-box ul.listSearchresult li a.searchresult {
				display:block;
				color:#032e5f;
				line-height:16px;
				text-decoration:none;
				margin:0;
				}
			.content_text-1-box ul.listSearchresult li a.searchresult:hover {
				color:#032e5f;
				text-decoration:none;
				margin:0;
				}
			.content_text-1-box ul.listSearchresult li a.searchresult span {
				margin:0;
				padding:0;
				}
				
	/* PAGENAVIGATION IM CONTENT (detailseiten und für die kollektion) */
	#seitenfunktiontop {
		display:none;
		}
	#collection_seitenfunktiontop {
		display:none;
		}
		
	/* OVERVIEWANSICHT */
	.box-big {
		width:484px;
		}
	.box-medium {
		width:437px;
		}
		
	/* GLOSSAR */
	.content_glossar-feedback {
		padding:14px;
		color:#032e5f;
		}
	.content_glossar_abc {
		display:none;
		}
		ul#glossarNavi { 
			display:block;
			list-style-type:none;
			position:relative;
			bottom:0;
			left:0;
			width:456px;
			}
			ul#glossarNavi li {
				float:left;
				}
			ul#glossarNavi a.glossar {
				font-size:9px;
				color:#fff;
				font-weight:bold;
				text-decoration:none;
				margin-right:15px;
				}
			ul#glossarNavi a.glossar:hover, ul#glossarNavi a.glossar-aktiv {
				font-size:9px;
				color:#34659c;
				font-weight:bold;
				text-decoration:none;
				margin-right:15px;
				}
	.content_glossar {
		max-height:300px;
		overflow:auto;
		border:1px solid #99bfd8;
		padding:14px;
		margin:0 0 13px 0;
		}
	/* allgemine box mit border bottom */
	.content_overview-box {
		border-bottom:1px solid #bcd4e3;
		padding:15px 0 13px 0;
		}
	/* allgemine box ohne border bottom, wenn es nur die erste ist */
	.content_overview-box-first-1 {
		padding:0;
		}
	/* allgemine box mit border bottom, wenn es die erste ist und weitere folgen */
	.content_overview-box-first-2 {
		border-bottom:1px solid #bcd4e3;
		padding:0 0 13px 0;
		}
	/* allgemine box ohne border bottom, wenn es die letzte ist */
	.content_overview-box-last {
		padding:15px 0 13px 0;
		}
		.content_overview-box img, 
		.content_overview-box-first-1 img,
		.content_overview-box-first-2 img,
		.content_overview-box-last img {
			width:80px;
			height:80px;
			border:3px solid #bcd4e3;
			margin-right:10px;
			display:block;
			float:left;
			}
		
			/* overviewansicht mit bild */
			.content_overview-txt-small {
				width:388px;
				float:left;
				}
				
			.content_glossar-txt-small {
				width:341px;
				float:left;
				}
				
				/* overviewansicht ohne bild */
				.content_overview-txt-large {
					width:484px;
					float:left;
					}
					
				.content_glossar-txt-large {
					width:437px;
					float:left;
					}
						
				/* diese layoutdefinition wird von beiden overviewansichten */
				.content_overview-txt-small h1.overview-head, .content_overview-txt-large h1.overview-head, 
				.content_glossar-txt-small h1.overview-head, .content_glossar-txt-large h1.overview-head {
					color:#6987a8;
					line-height:15px;
					margin:0;
					padding:0 0 3px 0;
					}
				.content_overview-txt-small p, .content_overview-txt-large p, 
				.content_glossar-txt-small p, .content_glossar-txt-large p {
					color:#203144;
					padding:0 0 5px 0;
					}
				.content_overview-txt-small p.date, .content_overview-txt-large p.date, 
				.content_glossar-txt-small p.date, .content_glossar-txt-large p.date {
					font-size:9px;
					line-height:14px;
					color:#8196af;
					padding:0;
					}
				.content_overview-txt-small a.weitere-informationen, .content_overview-txt-large a.weitere-informationen, 
				.content_glossar-txt-small a.weitere-informationen, .content_glossar-txt-large a.weitere-informationen {
					color:#203144;
					font-weight:bold;
					padding:5px 0 0 0;
					text-decoration:none;
					}


/* ###### TEASER BIG UND TEASER SMALL (werden im content & in der rechten spalte verwendet) ###### */

/* umschliesst teaser_small oder teaser_big wenn zwei gleiche teaser nebeneinander stehen) */
	.content_teaser-box {
		width:654px;
		}
		
/* TEASER BIG */
	.right_teaser_big-box {
		width:311px;
		height:261px;
		border:1px solid #bcd4e3;
		margin:14px 0 0 0;
		}
	.teaser_big-box {
		display:inline;
		width:311px;
		height:261px;
		border:1px solid #bcd4e3;
		margin:14px 14px 0 0;
		padding:0;
		float:left;
		}
		.teaser_big-pos {
			padding:15px 14px 5px 14px;
			}
		.teaser_big-pos p.headline {
			font-size:11px;
			font-weight:bold;
			color:#426287;
			line-height:14px;
			padding:0;
			}
			
	/* TEASER SMALL */
	.right_teaser_small-box {
		width:311px;
		height:124px;
		border:1px solid #bcd4e3;
		margin:14px 0 0 0;
		}
	.teaser_small-box {
		display:inline;
		width:311px;
		height:124px;
		border:1px solid #bcd4e3;
		margin:14px 14px 0 0;
		float:left;
		}
		.teaser_small-s {
			width:136px;
			float:left;
			}
		.teaser_small-l {
			width:311px;
			}
		.teaser_small-pos {
			padding:15px 10px 5px 10px;
			}
		.teaser-img {
			float:left;
			}
		.teaser_small-box img, .right_teaser_small-box img {
			display:block;
			}
		
			
		/* diese layoutdefinition wird von beiden teaser verwendet */
		.teaser_big-pos p.topic, .teaser_small-pos p.topic, .download-pos p.topic {
			font-size:11px;
			font-weight:bold;
			color:#203144;
			line-height:14px;
			text-transform:uppercase;
			padding:0;
			}
		.teaser_big-pos p, .teaser_small-pos p {
			font-size:9px;
			color:#203144;
			line-height:13px;
			padding-top:5px;
			}
		.teaser_big-box img {
			display:block;
			}
		.teaser_big-pos .button, .teaser_small-pos .button {
			margin-top:6px;
			display:block;
			}
		
			
/* ###### RECHTE SPALTE ###### */

/* wird in den templates verwendet die das standard control beinhalten */
#small_content-spalte-right {
	width:171px;
	margin:13px 0 0 0;
	float:left;
	}
	
	/* skyscraper */
	.skyscraper {
		width:169px;
		height:401px;
		border:1px solid #bcd4e3;
		margin-top:14px;
		display:bolck;
		}

/* wird in den templates verwendet die das standard_extended control beinhalten */		
#content-spalte-right {
	display:none;
	}
				

/* ###### SEITENFUNKTIONEN (Seite drucken und nach oben) ###### */	
#seitenfunktionen-empty {
	display:none;
	}
	
#seitenfunktionen {
	display:none;
	}
	
/*#seitenfunktionen-middle {
	width:484px;
	padding:8px 0 17px 155px;
	float:left;
	}
		
/* ###### FOOTER ###### */
#footer {
	display:none;
	}
	

/* FORMULARE */

/* ---- Feldgrößen ---- */
			
.gross {
	width:240px;
	}

.mittel {
	width:196px;
	}
.klein {
	width:40px;
	}
	
 /* für die masterdatei 7px weniger, dann passt das
.mittel {
	width:189px;
	} */

/* beinhaltet das formular */
.formularwrapper {
	width:484px;
	margin:22px 0 0 0;
	padding:0;
	clear:both;
	}
	
	/* abschnittsunterteilung */
	.formularwrapper fieldset {
		width:464px;
		display:block;
		border-bottom:10px solid #fff;
		margin:0 0 0 20px;
		}
		
	.formularwrapper div {
		width:464px;
		padding:0 0 10px 0;
		}
		
	/* für checkboxen und radiobuttons */	
	.formularwrapper input.kein-rand {
		border:none;
		padding:0;
		margin:0;
		}
	
	/* keine darstellung */			
	.formularwrapper label.unsichtbar {
		display: none;
		}
		
	.formularwrapper fieldset input, .formularwrapper fieldset select {
		border:1px solid #8095ab;
		color:#032e5f;
		padding:0 0 0 5px;
		height:16px;
		margin-left:3px;
		float:left;
		font-weight:normal;
		}
	
	.formularwrapper fieldset textarea {
		border: 1px solid #8095ab;
		color:#032e5f;
		padding:0 0 0 5px;
		height: 150px;
		float: left;
		margin-left: 3px;
		font-weight: normal;			
		}
		
	div.newsletter {
		width:20px;
		border:none;
		float:left;			
		}
			
	/* feldüberschriften */		
	.formularwrapper p {
		display:block;
		color:#032e5f;
		font-weight:normal;
		line-height:17px;
		margin:0;
		padding:0;
		width:161px;
		display:inline; /* IE */
		float:left;
		}
		
	.formularwrapper p.newsletter {
		color:#032e5f;
		font-weight:normal;
		line-height:15px;
		margin:0;
		padding:0 0 0 0;
		width:386px;
		float:left;
		}
		
	.formularwrapper label {
		color:#032e5f;
		margin:0 5px 0 5px;
		margin-right:15px;
		line-height:14px;
		float:left;
		}
		
		/* verschiedene hintergrundbilder für statusunterscheidung */
		.formularwrapper p.pflichtfeld {
			background:none;
			}
			
		.formularwrapper p.fehler {
			background:none;
			}
		
	/* beinhaltet die form elemente */
	.formularwrapper div.formularfelder {
		border:none;
		padding:0;
		margin:0;
		float:left;
		width:264px;
		}
	.formularwrapper div.formularfelder-radio {
		padding:2px 0 0 0;
		margin:0;
		float:left;
		width:264px;
		}
	.formularwrapper div.formularfelder-categorie {
		border:none;
		padding:0;
		margin:0 0 20px 0;
		width:484px;
		}
	
	/* buttons */
	.button-box {
		display:none;
		}