/**
 * @author Bilal Cinarli
 * @copyright 2008
 * @company Icon Perception Management Co.
 * @contact contact@icon-pm.com
 * @web www.icon-pm.com
 **/
 
 /* page skeleton */
 body { background: #45484c url(../media/image/template_images/bg.png) top left repeat-x; }
 
 	#wrapper { height: auto !important; height: 100%; margin: 0 auto -51px auto; min-height: 100%; position: relative; width: 960px; }
 		
 		#header { height: 130px; margin: 0 auto; position: relative; top: 31px; }
			#logo, #tpe { position: absolute; top: 0;  }
			#logo { left: 0; }
			#tpe { right: 0; }		
		
		#langmenu { height: 30px; line-height: 30px; position: absolute; top: 0px; right: 170px; }
		
		#search { background: #fff url(../media/image/template_images/search.png) left center no-repeat; border: 1px solid #7e9db9; position: absolute; top: 5px; right: 0; }
		
		#navigation { border-bottom: 1px solid #9c7d35; position: relative; }
		
		#submenu { position: absolute; top: 185px; z-index: 99; }
 		
 		#content { color: #cacaca; font: 1.2em/1.6em Trebuchet Ms; margin: 0px 0px 26px 0px; position: relative; }		
 	
	#push { height: 51px;}
	#footer { border-top: 1px solid #9c7d35; color: #484848; height: 50px; margin: 0 auto; position: relative; width: 960px; }
/* page skeleton */

/* header */
	#langmenu ul { }	
		#langmenu ul li { color: #fff; display: inline; }		
			#langmenu ul li a { color: #fff; font: 10px Verdana; }
			#langmenu ul li a:hover { color: #b4b4b4; }

	#navigation ul { clear: both; }	
		#navigation ul li { cursor: pointer; display: inline; }		
			#navigation ul li a, #navigation ul li span { color: #b4b4b4; font: 16px Verdana; padding: 5px 5px 5px 0px; }
			#navigation ul li a:hover, #navigation ul li.activeNav a, #navigation ul li.activeNav span { color: #fff; }
/* header */

/* submenu */
	#submenu ul { width: 260px; }
		#submenu ul li { background: url(../media/image/template_images/subPassive.png) center left no-repeat; border-bottom: 1px solid #9c7d35; margin-bottom: 5px; padding: 0px 0px 0px 10px; }
		#submenu ul li.activeNav { background: url(../media/image/template_images/subActive.png) center left no-repeat; }
			#submenu ul li a { color: #b4ab96; display: block; font: 14px Trebuchet Ms; }
			#submenu ul li a:hover, #submenu ul li.activeNav a { color: #fff; }
	
/* submenu */

/* content */
	
	/* homepage contents */
	/* homepage contents */
	
	/* page contents */
	#page, #homepage { position: relative; top: 20px; }
		#pageText { font: 1.2em/1.2em Verdana; position: relative; }
		
		#homepage #pageText { height: 350px; margin-left: 300px; min-height: 350px; }
		#homepage h2.title { background: url(../media/image/template_images/title.png) right top no-repeat; border-left: 1px solid black; color: #fff; font: 16px Verdana; height: 25px; padding: 5px 0px 0px 5px; }
		#homepage p { padding: 5px; }
		
		#page #pageText { margin-left: 280px; }
			#page #pageText h2 { color: #9c7d35; font: 40px/40px Verdana; margin-bottom: 10px; }
			#page #pageText h2.hideTitle { display: none; }			
			#pageText p { margin-bottom: 10px; }
			#pageText a { color: #888; }
			#pageText a:hover { color: #fff; }
			#pageText ul { margin: 5px 0px 5px 20px; }
			#pageText ul li { list-style: inside square; }
			#pageText blockquote { border: 1px solid; border-left: none; border-right: none; color: #664c0e; font: normal 24px Arial; margin: 10px 0px; width: 100%; }
			#pageText blockquote:before { content: open-quote; font-weight: bold; }
			#pageText blockquote:after { content: close-quote; font-weight: bold; }	
		
		#pageText .pagination { float: right; font: 0.8em Verdana;}
			
				#pageText .exp { float: left; margin: 2px 5px 0px 0px;}
			
				#pageText .pages { float: left;}
			
				#pageText .pagination ol { margin: 0; padding: 0; }
				
				#pageText .pagination ol li { float: left; padding: 0; }
				
				#pageText .pagination ol li a, #pageText .pagination ol li span, #pageText .pagination ol li.currentpage span { background-color: #111; color: #fff; border: 1px solid; display: block; padding: 0px 4px; margin: 0 2px; float: left; }
				
				#pageText .pagination ol li span { background: none; border: none; margin: 0; }
				
				#pageText .pagination ol li a:hover, #pageText .pagination ol li.currentpage span { background-color: #999; border: 1px solid #fff; color: #111; font-weight: bold; }
			
			.backlink { margin: 20px 0px; border: 1px transparent; text-align: left;}
			
				#pageText .backlink a{ border: none;}
	
	#slider { height: 300px; overflow: hidden; position: relative; }
		#thumbs { height: 250px; overflow: hidden; position: relative; }
		#thumbs li { height: 250px; overflow: hidden; position: relative; }
		#thumbs .details { left: 20px; position: absolute; top: 75px; width: 530px; }
		#thumbs .details span { display: block; }
		#thumbs .details a { bottom: 0; color: #9c7d35; font: 12px Verdana; position: absolute; right: 0; }
		#thumbNav { clear: both; margin: 10px 0px; }
			#thumbNav a { display: block; float: left; margin-right: 10px; overflow: hidden; }
				#thumbNav a.prev { background: url(../media/image/template_images/prev.png) top left no-repeat; height: 0px !important; height: 22px; padding-top: 22px; width: 22px; }
				#thumbNav a.next { background: url(../media/image/template_images/next.png) top right no-repeat; color: #fff; height: 22px; line-height: 22px; padding-right: 24px; }
				#thumbNav a.next:hover { color: #9c7d35; }
	
	#news { left: 0; width: 260px; position: absolute; }	
		.news-summary { }	
		#news h4 { margin: 10px 5px 5px; }
		#news h4 a { color: #fff; font: 16px Verdana; }	
		#news .details a { color: #9c7d35; text-decoration: underline; }	

	/* page contents */


/* content */

/* footer */
	#copyright { color: #999; font: 10px Verdana; left: 35px; line-height: 50px; position: absolute; text-align: left; width: 260px; }
	#footerlogo { color: #999; line-height: 40px; height: 40px; padding: 5px 0px; position: absolute; text-align: right; right: 0; }			
		#footerlogo a { color: #999; }			
	#icon { height: 25px; overflow: hidden; position: absolute; top: 9px; }
		#icon a { background: url(../media/image/template_images/icon.png) top left no-repeat; display: block; padding-top: 25px; width: 25px; }
	

/* footer */

/* forms */
	fieldset{ border: none; padding: 0; }
	
		legend{ color: #ff4100; float: left; font: 1.2em Arial; }
		
		label{ margin: 0px 10px 0px 0px; }
	
		fieldset ol{ padding: 0; }
		
			fieldset ol li{ background: none; margin: 5px 0px; width: 570px; }
	
				.inputlabel{ float: left; font: 12px Arial; font-weight: bold; width: 90px; }
	
				.inputbox{ float: left; font: 12px Arial; }
	
				.size{ width: 230px; }
				
				fieldset ol li textarea.guest { height: 100px; width: 360px;}
	
				.submit{ font-weight: bold; margin: 0px 0px 0px 10px; }
			
			.dummy { height: 100px; width: 1px;}
	
	#search #q { border: none; margin-left: 17px; width: 140px; padding: 2px; }
		
/* effects */
	#cover { background: url(../media/image/template_images/logo_cover.png) top left no-repeat; height: 86px; left: 0; position: absolute; width: 488px; top: 0; z-index: 99; }
	#cover2 { background: url(../media/image/template_images/cover.gif) top center no-repeat; height: 86px; left: 183px; position: absolute; width: 130px; top: 0; z-index: 98; }
	#loading { left: 50%; position: absolute; text-align: center; top: 300px; z-index: 1; }

/* effects */		


/* form error display */
	.warn { color: orange; font-weight: bold; }
	
	.result { color: #f90; font: 12px Arial; font-weight: bold; margin: 10px; text-align: center; }
	
	label.error{ color: red; float: left; font-style: italic; margin-left: 5px; width: 180px; }
	#gweinnspiel	label.error{ color: red; float: none; font-style: italic; margin-left: 5px; width: 180px; }
	
	div.error { position: absolute; top: 0; left: 350px; }
	div.error label.error { display: block; float: none; width: 180px; }
	div.container { display: none; font-size: 1.2em; font-weight: bold; }
	div.container h4 { color: red; font-weight: bold; }

/* light box */
	#gallery { margin: 10px 0px; }
	#gallery .thumb, #gallery .thumbend { background: url(../media/image/template_images/thumb_bg.png) top left no-repeat; float: left; margin: 0px 20px 10px 0px; width: 174px; }
	#gallery .thumbend { margin: 0px 0px 10px 0px; }
	
		#gallery span { color: #999; display: block; font: 9px/10px Tahoma; margin: 5px;}