/* TAG BASED STYLES */
		
	HTML {
		height: 100%;
	}
		
	BODY {
		height: 100%;
		margin:0; 
		padding:0;
		background:#c2bbab url(../images/pageBg.jpg) repeat-x;
	}
	
		
	IMG {
		border:0;
	}
		
	A {
		cursor:pointer;
		text-decoration:none;
	}
		
		A:hover {
			
		}
	
	INPUT {
		font-family:arial; 
	}
	
	INPUT.orange {
		border:1px solid #ddddde;
		background: transparent url(../images/inputButtonBgOrange.png) 0 -1px no-repeat;
		font-size:9pt; 
		color:#fff;
		font-weight:bold;
		width:154px;
		padding-left:10px;
		cursor:pointer;
	}
	
	INPUT.orange-noico {
		border:1px solid #ddddde;
		background: transparent url(../images/inputButtonBgOrangeNoIco.png) repeat-x;
		font-size:9pt; 
		color:#fff;
		font-weight:bold;
		width:154px;
		padding-left:10px;
		cursor:pointer;
	}
	
	.input-text {
		font-family:arial; 
		font-size:9pt; 
		color:#57575a;
		border:1px solid #cacaca;
		padding:2px;
		width:287px;	
		margin-top:2px;
	}
	
		.input-text:focus {
			background:#ffe9d5;	
		}
	
		
	TD.first {
		padding-right:20px; 
		padding-bottom:10px;
	}
	
	SELECT {
		padding:0 !important;	
	}
	
	/* ID BASED STYLES */
	
	#backgroundHolder {
		width:100%;
		height:100%; 
		position:absolute; 
		top:0; 
		left:0; 
		background: url(../images/mainBg.jpg) no-repeat;
		z-index:1;
	}
	
	#mainContainer {
		position:relative;
		width:950px;
		padding:0 10px 0 10px;
		margin-left:auto;
		margin-right:auto;
		background:url(../images/verticalOuterShadow.png) repeat-y;
		z-index:2;
	}  
	
	
	
		#header {
			position:relative;
			width:inherit;
			height:320px;
		}
		
			#logo {
				position:relative; 
				top:51px; 
				left:28px;
				width:320px;
				height:201px;
				background:url(../images/woyoLogo.png) no-repeat;
				
			}
			
				#logo A {
					width:320px;
					height:201px;
					display:block; 
					text-indent:-4000px;
				}
		
			#nav {
				position:relative;
				padding: 20px 0 0 29px;
				margin-top:-13px;
				width:921px; 
				height:43px;
				background:url(../images/naviBg.png) no-repeat;
				
			}
			
				.newsletter {
					float:right;
					margin-right:58px;
					padding-left:33px; 
					background:url(../images/iconNewsletter.png) 0 4px no-repeat;
				}
				
					
		
		
		#mainContent {
			position:relative; 
			width:950px;
			background:#cecbc7;
		}
			
			/* shadow helper */
			
			TABLE {
				position:relative;
				border:0; 
				z-index:0;
			}
			
			TABLE, TBODY, TR, TD {
			}
			
			TD {
				vertical-align:top;
			}
			
			
			TD.left {
				position:relative;
				background:url(../images/mainContentRightShadow.png) repeat-y; 
				z-index:200;
			}       
			
			TD.right {
				position:relative;
				z-index:100 !important;
			}
			
			/* shadow helper end */
			
			#bottomNav {
				position:absolute;
				bottom:0; 
				left:0; 
				height:50px;
				padding:20px 29px 0 29px;
			}
			
				#bottomNav .next {
					padding-left:15px;
					background:url(../images/iconBottomNavNext.png) 0 5px no-repeat;
				}
				
				#bottomNav .prev {
					padding-left:15px;
					background:url(../images/iconBottomNavPrev.png) 0 5px no-repeat;
				}
			
			
	
			#leftContent {
				position:relative;
				float:left;
				width:711px; 
				padding-bottom:50px;
			}
			
				#topShadow {
					width:711px; 
					height:10px;
					background:url(../images/mainContentTopShadow.jpg) no-repeat;
				}
				
				#content {
					width:607px;
					margin:0 65px 20px 29px; 
					height:100%; 
				}
				
					#content h1,
					#content h2 {
						margin:0; 
					}
					
					#content > img {
						margin-top:20px;
					}
					
					#content .half {
						padding-bottom:25px;
					}
					
						#content .half .left {
							float:left;
							padding:0;
							margin-right:20px;
						}
						
						#content .half .right {
							padding:0;
						}
					
					#content > ul {
						list-style-type:none; 	
						margin-left:0;
						padding:0;
					}
					
					#content li {
						background:url(../images/iconLI.png) 0 2px no-repeat;
						padding-left:15px;
						margin-bottom:3px;
					}
					
					#breadcrumbs {
						width:671px;
						height:20px;
						margin:30px 0 30px 0; 
						padding:0; 
						list-style-type:none;
						
					}
						#breadcrumbs  li {
							float:left; 
							margin-right:5px;
							padding-left:0;
							background:transparent;		
						}
					
					P {
						margin:20px 0 20px 0;
					}
					
					A.cl { 
						padding-left:9px; 
						margin-left:2px;
						background:url(../images/iconContentLink.png) 0 5px no-repeat;
					}
						
					
					#content .teaser {
						padding-bottom:20px;
						border-bottom:1px solid #dddede;
						margin-bottom:20px;
					}
					
						#content .teaser img {
							float:left;
							margin-right:27px;
						}
						
						#content .teaser div.text {
							float:left;
							width:400px;
						}
					
					#content .teaserm1 {
						padding-bottom:20px;
						border-bottom:1px solid #dddede;
						margin-bottom:20px;
						float: left;
					}
					
						#content .teaserm1 img {
							float:left;
							margin-right:27px;
						}
						
						#content .teaserm1 div.text {
							float:left;
							width:150px;
						}
					
					#sidebarEvents {
						margin:0; 
						padding:0;
						padding:10px 20px 10px 20px;
						background:url(../images/sidebar/sidebarEventBg.png) repeat-x;
					}
					
						#sidebarEvents ul {
							margin:10px 0 10px 0; 
							padding:0; 
							list-style-type:none;
						}
						
							#sidebarEvents ul li {
								margin-bottom:2px;
							}
							
							#sidebarEvents ul li .time{
								margin-right:5px;
							}
							
							#sidebarEvents ul .cl {
								padding-left:11px;
								background:url(../images/sidebar/iconContentLinkGrey.png) 2px 3px no-repeat;
								margin-top:5px;
							}
							
							#sidebarEvents .cl {
								padding-left:8px;
								background:url(../images/sidebar/iconContentLinkOrange.png) 0 3px  no-repeat;
								margin-top:5px;
							}
							
.sortableArtlist {
	width:100%; 
							
}

	.sortableArtlist THEAD TH {
		background:#eee;
		border-right:1px solid white;
		padding:5px;
	}
	
	.sortableArtlist .sa,
	.sortableArtlist .la {
		display:block;
		float:right;
		width:10px;
		height:10px;
		text-indent:-4000px;
		background:url(../images/sort_a.gif) 0 6px no-repeat;	
	}
	
	.sortableArtlist .sd,
	.sortableArtlist .ld {
		float:right;
		display:block;
		width:10px;
		height:10px;
		text-indent:-4000px;
		background:url(../images/sort_d.gif) 0 6px no-repeat;	
	}
	
	.sa.active,
	.la.active {
		background:url(../images/sort_a_active.gif) 0 6px no-repeat;	
	}
	
	.sd.active,
	.ld.active {
		background:url(../images/sort_d_active.gif) 0 6px no-repeat;	
	}
	
	.sortableArtlist TD {
		border-bottom:1px solid #b6b6b6;
		padding:5px;
	}
	
	.sortableArtlist TD.center {
		text-align:center;	
	}

	
	
					
			
			#rightContent {
				position:relative;
				left:-10px;
				float:right;
				width:249px;
			}
				
				#teaserTop {
					width:229px; 
					height:82px; 
					padding:53px 0 0 20px;
					background-color: #ff7900;
				}
				
					#teaserTop a {
						padding-left:11px;
						background:url(../images/sidebar/iconContentLinkWhite.png) 2px 6px no-repeat;
						margin-top:15px;
						display:block;
					}
					
					#teaserTop p {
						margin:0;
					}
			
				.sidebarImage { }
				.greyLine {
					border-bottom:1px solid  #a59b87;
				}
				
				.productTeaser {
					padding:20px !important;
					border-bottom:1px solid  #a59b87;
				}


	#bottomShadow {
		position:relative;
		width:950px;
		height:5px;
		padding:0 10px 0 10px;
		margin-left:auto;
		margin-right:auto;
		background:url(../images/bottomOuterShadow.png) no-repeat; 
		z-index:4;
	}

	#footer {
		position:relative; 
		width:892px; 
		height:60px;
		padding:20px 39px 10px 39px; 
		margin-left:auto;
		margin-right:auto;
		z-index:3;
	}
	
		#leftFooter {
			width:670px;
			float:left;
		}
		
			#footerNav {
				margin:0; 
				padding:0; 
				list-style-type:none;
			}
			
				#footerNav li {
					float:left; 
					padding-right:5px;
					margin-right:5px;
					background:url(../images/iconFooterNaviSeperator.gif) right 3px no-repeat;
				}
				
				#footerNav li.last {
					background:transparent; 
				}
				
				.rss {
					float:right;
					display:block; 
					background:url(../images/iconRss.png) 0 3px no-repeat;
					padding-left:14px;
				}
				
				.copy {
					display:block;
					padding-top:3px;
				}
		
		#rightFooter {
			float:left;
			width:222px;
		}
		
			.toTop {
				display:block;
				float:right;
				padding-right:14px;
				background:url(../images/iconToTop.gif) right 3px no-repeat;
			}


	.clear {
		height:1px;
		width:1px;
		clear:both;
		line-height:1px;
	}
	
	LABEL.error {
		color:#bc1600;
		display:block;
	}
	
	#mapCanvas {
		height:350px;
		border:1px solid #ff7800;
	}
	
	.rss_link {
		float:right; 
		margin-left:20px; 
		margin-bottom:20px;
		margin-top:-35px;
		display:block; 
		background:url(../images/iconRss.png) 0 3px no-repeat;
		padding-left:14px;
	}
	
	/*The new templates CSS*/
	
	.resizeable-content{
		float: left;
		width: 100%;
		height: 100%;
	}
	
		.resizeable-content .h3div{
			display: block;
			z-index: 6;
			float: left;
			width: 100%;
			color: #FF7900;
			font-weight: bold;
			margin: 20px 0 10px 0;
			font-size: 16px;
		}
		
		.resizeable-content p.normal{
			color: #58585a;
			font-size: 14px;
		}
		
		.resizeable-content p.lighter{
			color: #9c9e9f;
			font-size: 14px;
		}
		
		.resizeable-content .h3div2{
			display: block;
			z-index: 6;
			float: left;
			width: 100%;
			color: #58585a;
			font-weight: bold;
			margin: 20px 0 20px 0;
			font-size: 14px;
		}
		
		.container-wrap{
			float: left;
		}
	
	.container-neu{
		position: relative;
		float: left;
		width: 197px;
		height: 226px;
		background: #e4e3de;
		margin: 4px 4px 0 0;
		z-index: 300;
	}/*double modfications added now and later on, following the elements*/
	.double{
		width: 398px !important;
	}
	
	.container-neu:hover{
		width: 255px;
		height: 342px;
		z-index: 3000;
		margin: -40px -50px -85px -30px;
		border: solid 1px #e4e3de;
		padding: 4px;
		background: #FFFFFF;
	}
	.double:hover{
		width: 454px !important;
		margin: -40px -32px -85px -30px;
	}
	
	.container-neu .container-neu-content{
		position: relatvie;
		z-index: inherit;
		padding: 4px;
	}
	
	.container-neu:hover .container-neu-content{
		padding: 6px;
		background: #e4e3de;
	}
	
	.container-neu .imgcontainer{
		position: relative;
		width: 186px;
		height: 124px;
		border: solid 1px #FFFFFF;
		overflow: hidden;
	}
	.double .imgcontainer{
		width: 388px !important;
	}
	
	.container-neu .imgcontainer img{
		position: absolute;
		left: 0;
		top: 0;
		width: 240px;
		z-index: 550;
	}
	.double .imgcontainer img{
		width: 440px !important;
	}
	
	
	.container-neu .imgcontainer .neulogo,
	.container-neu .imgcontainer .jeztlogo,
	.container-neu .imgcontainer .baldlogo,
	.container-neu .imgcontainer .aktuelllogo,
	.container-neu .imgcontainer .newlogo,
	.container-neu .imgcontainer .besserlogo,
	.container-neu .imgcontainer .freilogo,
	.container-neu .imgcontainer .altlogo,
	.container-neu .imgcontainer .schnelllogo,
	.container-neu .imgcontainer .buchenlogo,
	.container-neu .imgcontainer .anmeldenlogo
	{
		position: absolute;
		top: 0;
		right: 0;
		background: url("../images/neu.png");
		width: 41px;
		height: 41px;
		z-index: 600;
	}
	
	.container-neu .imgcontainer .jeztlogo{
		background: url("../images/jezt.png");
	}
	.container-neu .imgcontainer .baldlogo{
		background: url("../images/bald.png");
	}
	.container-neu .imgcontainer .aktuelllogo{
		background: url("../images/aktuell.png");
	}
	.container-neu .imgcontainer .newlogo{
		background: url("../images/new.png");
	}
	.container-neu .imgcontainer .besserlogo{
		background: url("../images/besser.png");
	}
	.container-neu .imgcontainer .freilogo{
		background: url("../images/frei.png");
	}
	.container-neu .imgcontainer .altlogo{
		background: url("../images/alt.png");
	}
	.container-neu .imgcontainer .schnelllogo{
		background: url("../images/schnell.png");
	}
	.container-neu .imgcontainer .buchenlogo{
		background: url("../images/buchen.png");
	}
	.container-neu .imgcontainer .anmeldenlogo{
		background: url("../images/anmelden.png");
	}
	
	
	.container-neu:hover  .imgcontainer{
		width: 240px;
		height: 134px;
	}
	
	.container-neu:hover .textcontainer{
		background: #f2f1ef;
		height: 190px;
		margin: 3px 0 0 0;
	}
	.double:hover .imgcontainer{
		width: 440px !important;
	}
	
	.container-neu .toplinks{
		display: none;
		height: 24px;
		border-bottom: solid 1px #e4e3df;
	}
	
	.container-neu:hover  .toplinks{
		display: block;
	}
	
	.container-neu .toplinks a{
		color: #58585a;
		padding: 0 11px 0 11px;
		line-height: 24px;
		border-left: 1px solid #f9b576;
	}
	
	.container-neu .toplinks a:first-child{
		border: none;
	}
	
	.textcontainer h3{
		color: #ff7a00;
		font-size: 12px;
		margin: 10px 0 8px 8px;
	}
	
	.textcontainer img{
		float: left;
		border: solid 1px #FFFFFF;
		height: 75px;
		margin: 0 7px 0 0;
	}
	.double:hover .textcontainer img{
		margin: 7px;
	}
	
	.container-neu .textcontainer p{
		margin: 0 0 0 8px;
		width: 170px;
		
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		-moz-binding: url('xml/ellipsis.xml#ellipsis');

	}
	.double .textcontainer p{
		margin: 0 0 0 8px;
		white-space:nowrap;
		overflow:hidden;
		width: 240px;
	}
	
	.container-neu:hover .textcontainer p{
		white-space:normal;
		overflow:hidden;
		width: 200px;
	}
	.double:hover .textcontainer p{
		margin: 0 0 0 8px;
		white-space:normal;
		overflow:hidden;
		width: 60%;
	}

	
	.textcontainer a.moore-btt{
		color: #FFFFFF;
		display: block;
		border: solid 1px #cececf;
		height: 19px;
		padding: 0 5px 0 5px;
		line-height: 19px;
		float: right;
		background: url("../images/mehr.jpg") repeat-x;
		margin: 5px 12px 0 0;
		cursor: pointer;
	}
	
	.textcontainer a.moore-btt span{
		display: block;
		height: 19px;
		width: 12px;
		float: left;
		background: url("../images/mehr-arrow.png") no-repeat;
	}
	
	.container-neu a.moore-txt{
		display: none;
		margin: 8px;
	}
	
	.container-neu:hover a.moore-txt{
		display: block;
	}
	
	.container-neu a.moore-txt span{
		display: block;
		height: 19px;
		width: 12px;
		float: left;
		background: url("../images/mehr-arrow-colored.png") no-repeat;
	}