@media all
{
	body
	{
		font-family:arial;
		font-size:12px;
		padding:0;
		margin:0;
	}
	
	img
	{
		border:0;
	}
	
	#header
	{
		width:100%;
	}
	
	#header #headerpic
	{
		margin:auto;
		width:100%;
		height:60px;
		background-color:#131533;
	}
	
	#header #headerpic .logo
	{
		margin:auto;
		width:975px;
		font-family: 'Damion', arial, serif;
		font-size:40px;
		color:#eee;
		text-align:right;
		padding-right:15px;
	}
	
	#header #headerpic .description
	{
		display:none;
	}
	
	#header #top
	{
		height:269px;
		width:100%;
	}
	
	#header #top .headerpicnewwrapper
	{
		height:230px;
		width:100%;
		background-color:#5e8cff;
		border-bottom:1px solid #999;
		position:relative;
	}
	
	.verlauf1
	{
		width:350px;
		height:230px;
		position:absolute;
		left:-66px;
		top:0px;
		
		
		
		/* Fallback for IE6-9 */
		background: transparent;
		
		/* for IE10+ */
		background:-ms-linear-gradient(right, rgba(94,140,255,0), rgba(94,140,255,1));
		background:-moz-linear-gradient(right, rgba(94,140,255,0), rgba(94,140,255,1)); /* Firefox */
		background:-webkit-linear-gradient(right, rgba(94,140,255,0), rgba(94,140,255,1)); /* Safari, Chrome */
		background:-o-linear-gradient(right, rgba(94,140,255,0), rgba(94,140,255,1)); /* Opera */
		background:linear-gradient(right, rgba(94,140,255,0), rgba(94,140,255,1)); /* W3C Standard */
		z-index:200;

	}
	
	#header #top #headerpicnew
	{
		background-position: left;
		background-repeat: no-repeat;
		margin:auto;
		width:990px;
		height:230px;
		position:relative;
	}
	
	#header #top #headerpicnew #headerpicnewpic
	{
		background-position: left;
		background-repeat: no-repeat;
		margin:auto;
		width:650px;
		height:230px;
		position:absolute;
		z-index:150;
		left:-66px;
		top:0;
		
			}
	
	#header #top .navwrapper
	{
		width:100%;
		border-bottom:1px solid #999;
		height:28px;
	}
	
	#header #top #nav
	{
		width:980px;
		margin:auto;
		height:29px;
	}
	
	#header #top #nav ul
	{
		margin:0;
		padding:0;
		list-style-type:none; 
	}
	
	#header #top #nav ul li
	{
		margin:0;
		padding:0;
		float:left;
		list-style-type:none; 
		margin-right:20px;
		position:relative;
	}
	
	#header #top #nav ul a
	{
		display:block;
		padding-top:9px;
		padding-left:9px;
		padding-right:9px;
		color:#000;
		text-decoration:none;
		font-weight:bold;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		height:29px;

	}
	
	#header #top #nav ul a:hover
	{
		text-decoration:underline;
		color:#bb0000;
	}

	#header #top #nav ul li div.active1
	{
		top:-5px;
		left:0;
		width:100%;
		height:5px;
		background-color:#ff8400;
		position:absolute;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		z-index:300;
	}
	
	#header #top #nav ul li div.active2
	{
		bottom:-4px;
		left:0;
		width:100%;
		height:5px;
		background-color:#ff8400;
		position:absolute;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		z-index:300;
	}
	
	#header #top .sidebartop
	{
		background-image: url(/images/sidebartop.png);
		width: 417px;
		height: 241px;
		right: 0px;
		top:-1px;
		position:absolute;
		z-index:250;
	}
	
	#header #top #photoframe
	{
		background-image: url(/images/bilderrahmen.png);
		width: 290px;
		height: 238px;
		position:absolute;
		top:-15px;
		left: 63px;
	}
	
	#header #top #photoframe #photoscroll
	{
		width:239px;
		margin-left: 25px;
		margin-top: 28px;
		position:relative;
	}
	
	#wrapper
	{
		margin:auto;
		width:990px;
		min-height:490px;
		position:relative;
	}
	
	#wrapper:after
	{
		clear:both;
	}
	
	#article
	{
		width:555px;
		padding-left:5px;
	}
	
	#article h1
	{
		font-family: 'Damion', arial, serif;
		font-weight:normal;
		font-size:40px;
		margin:0;
		border-bottom:1px solid #ccc;
	}
	
	#article p
	{
		text-align: justify;
	}
	
	#aside
	{
		width:417px;
		position:absolute;
		right:1px;
		top:-2px;;
	}
	
	#aside #content
	{
		background-image:url(/images/sidebarbg.jpg);
		background-repeat: repeat-y;
		width:417px;
	}
	
	#aside h2
	{
		font-family: 'Damion', arial, serif;
		font-weight:normal;
		font-size:24px;
		margin:0;
		border-bottom:1px solid #ccc;
	}
	
	#aside h3
	{
		font-size:11px;
		font-weight:bold;
		margin:0;
		margin-bottom:4px;
		color:#444;
	}
	
	#aside .row1
	{
		background-color:#ebebeb;
		padding:4px;
		color:#222;
		position:relative;
	}
	
	#aside .row2
	{
		background-color:#d5e6e5;
		padding:4px;
		color:#222;
		position:relative;
	}
	
	#aside .price
	{
		position:absolute;
		right:4px;
		top:4px;
		font-weight:bold;
	}
	
	#aside #asidefooter
	{
		background-image:url(/images/sidebarfoot.jpg);
		background-repeat: no-repeat;
		width:417px;
		height:15px;
	}
	
	#footer
	{
		background-color:#131533;
		background-position:center;
		background-repeat: no-repeat;
		border-top:1px solid #777;
		height:184px;
		width:100%;
		margin-top:40px;
	}
	
	#footer #foot
	{
		margin:auto;
		padding-top:20px;
		color:#eee;
		width:980px;
		position:relative;
	}
	
	#footer #foot .eck1
	{
		background-image:url(/images/eck.png);
		background-repeat:no-repeat;
		width:26px;
		height:24px;
		position:absolute;
		left:14px;
		top:-1px;
	}
	
	#footer #foot .eck2
	{
		background-image:url(/images/eck.png);
		background-repeat:no-repeat;
		width:26px;
		height:24px;
		position:absolute;
		left:252px;
		top:-1px;
	}
	
	#footer #foot .eck3
	{
		background-image:url(/images/eck.png);
		background-repeat:no-repeat;
		width:26px;
		height:24px;
		position:absolute;
		left:738px;
		top:-1px;
	}
	
	#footer #foot .fcol1
	{
		float:left;
		width:210px;
		height:120px;
	}
	
	#footer #foot .fcol2
	{
		float:left;
		width:250px;
		height:120px;
		margin-left:30px;
	}
	
	#footer #foot .fcol3
	{
		float:left;
		width:220px;
		height:120px;
		margin-left:10px;
	}
	
	#footer #foot .fcol4
	{
		float:left;
		width:260px;
		height:120px;
	}
	
	#footer #foot h4
	{
		border-bottom:1px solid #ccc;
	}
	
	#footer #foot a
	{
		color:#eee;
		text-decoration:none;
	}
	
	#footer #foot a:hover
	{
		color:#bbb;
	}
	
	.clear
	{
		clear:both;
	}	
	
	#accordion 
	{
		margin:auto;
		background:#eee;
		width: 300px;
	}

	#accordion h2 
	{
		margin:0;
		padding:5px 15px;
		border:1px solid #fff;
		border-bottom:1px solid #ddd;
		cursor:pointer;		
	}

	#accordion h2.current 
	{
		cursor:default;
		background-color:#fff;
	}

	#accordion .pane 
	{
		border:1px solid #fff;
		border-width:0 2px;
		display:none;
		height:260px;
		padding:15px;
		color:#fff;
	}


	form#kontaktform legend
	{
		display:none;
	}
	
	form#kontaktform ul
	{
		padding:0;
		margin:0;
		margin-top:20px;
		list-style-type: none;
	}
	
	form#kontaktform ul:after
	{
		clear:both;
	}
	
	form#kontaktform ul li
	{
		float: left;
		margin-right:15px;
	}
	
	form#kontaktform ul li label
	{
		display:block;	
		font-size:18px;
		font-family: 'Damion', arial, serif;
		color:#777;
		margin-top:8px;
		margin-left:10px;
	}
	
	form#kontaktform ul li input
	{
		padding:2px;
		padding-left:5px;
		padding-right:5px;
		width:240px;
		height:22px;
		font-size:16px;
		border:2px solid #bbb;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		color:#555;
	}	
	
	form#kontaktform ul li input:focus
	{
		border:2px solid #888;
	}	
	
	form#kontaktform ul li input.submitbtn
	{
		padding:1px;
		width:240px;
		height:35px;
		font-size:22px;
		border:2px solid #bbb;
		font-family: 'Damion', arial, serif;
		margin-top:20px;
		color:#333;
	}	
	
	form#kontaktform ul li input.submitbtn:hover
	{
		border:2px solid #888;
	}	
	
	form#kontaktform ul li textarea
	{
		padding:2px;
		padding-left:5px;
		padding-right:5px;
		width:515px;
		height:130px;
		font-size:16px;
		border:2px solid #bbb;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		color:#555;
	}	

	form#kontaktform ul li textarea:focus
	{
		border:2px solid #888;
	}	
	
	
	/*
		root element for the scrollable.
		when scrolling occurs this element stays still.
	*/
	.scrollable 
	{
		/* required settings */
		position:relative;
		overflow:hidden;
		width: 238px;
		height: 180px;
	}

	/*
		root element for scrollable items. Must be absolutely positioned
		and it should have a extremely large width to accomodate scrollable items.
		it's enough that you set the width and height for the root element and
		not for this element.
	*/
	.scrollable .items 
	{
		/* this cannot be too large */
		width:20000em;
		position:absolute;
		clear:both;
	}

	.items div 
	{
		float:left;
		width:238px;
	}

	/* single scrollable item */
	.scrollable img 
	{
		float:left;
	}

	.scrollable .active 
	{
		border:2px solid #000;
		position:relative;
		cursor:default;
	}

	/* this makes it possible to add next button beside scrollable */
	.scrollable 
	{
		float:left;	
	}

	/* prev, next, prevPage and nextPage buttons */
	a.browse 
	{
		background:url(/images/hori_large.png) no-repeat;
		display:block;
		width:30px;
		height:30px;
		cursor:pointer;
		font-size:1px;
	}

	/* right */
	a.right 				
	{ 
		background-position: 0 -30px; 
		clear:right; 
		margin-right: 0px;
		position:absolute;
		top:70px;
		right:-50px;
	}
	
	a.right:hover 		
	{
		background-position:-30px -30px; 
	}
	
	a.right:active 	
	{ 
		background-position:-60px -30px;
	}		

	/* left */
	a.left				
	{ 
		margin-left: 0px; 
		position:absolute;
		top:70px;
		left:-50px;
	} 
	
	a.left:hover  		
	{ 
		background-position:-30px 0; 
	}
	
	a.left:active  	
	{ 
		background-position:-60px 0; 
	}

	/* up and down */
	a.up, a.down		
	{ 
		/*background:url(../img/scrollable/arrow/vert_large.png) no-repeat; */
		float: none;
		margin: 10px 50px;
	}

	/* up */
	a.up:hover  		{ background-position:-30px 0; }
	a.up:active  		{ background-position:-60px 0; }

	/* down */
	a.down 				{ background-position: 0 -30px; }
	a.down:hover  		{ background-position:-30px -30px; }
	a.down:active  	{ background-position:-60px -30px; } 


	/* disabled navigational button */
	a.disabled 
	{
		visibility:hidden !important;		
	} 	
	
	
}