/*
Gaisalpe
*/

/*====================================
	
	
	[1] - Body
	[2] - Font, Links
	[3] - Text
	[4] - Header
	[5] - Navigation
	[6] - Sections
	[7] - Aside
	[8] - Footer
	[9] - Comments
	
	[A] - Drop Down Navigation
	[B] - WordPress Specific Styles
	[C] - jQuery Specific Styles
	
====================================*/

/*===============
	[1] - Body
===============*/

	html { background: #BAD784 url(images/hintergrund.jpg) no-repeat left top;}
	body { background: url(images/) no-repeat left top ;   }
	#body { background: none; }

/*=======================
	[2] - Font, Links
=======================*/

	body { font-family: Arial, Helvetica, sans-serif; }
	h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; }

	a, .text a { color: #000; text-decoration: none; }
	a:hover, .text a:hover { color: #000; text-decoration: underline; }
	
/*=======================
	[3] - Text, Images
=======================*/
	
	.text p { color: #000; line-height: 1.259em; padding: 0 0 10px; }
	.text h1, .text h2, .text h3, .text h4, .text h5, .text h6 { color: #000; }
	.text h1 { line-height: 0.8em; margin: 0 0 8px; }
	.text h3, .text h4 { font: bold 16px Arial, Helvetica, sans-serif; margin-bottom: 5px; }
	.text h3 a { color: #fff; }
	.text h3 a:hover { color: #807768; text-decoration: none; }
	
	.text li { color: #ccc; }
	.text blockquote { background: #0C0C0A; border: 1px solid #000; margin: 15px 30px 25px; padding-top: 10px; }
	.text blockquote p { color: #ccc; }
	
	/* More Link */
	
	.more-link { background: url(images/read-more.png) no-repeat left top !important; display: block; height: 14px; width: 59px; }
	.more-link:hover { background: url(images/read-more.png) no-repeat left bottom !important; }

	/* Image Alignment */
	.aligncenter, div.aligncenter { background: #0c0c0c; display: block; margin: 0 auto 10px; padding: 10px; }
	.alignleft { background: #0c0c0c; float: left; margin: 6px 10px 0 0; padding: 10px; }
		.services .alignleft { margin: 0 10px 0 0; padding: 5px; }
	.alignright { background: #0c0c0c;float: right; margin: 6px 0 0 10px; padding: 10px; }
	
/*=================
	[4] - Header
=================*/
		
	.header { padding: 0px 0 35px; text-align: right;  }
	.header h1 { line-height: normal; margin: 0; }
	.header p.title { line-height: 27px; padding: 0; }

/*=====================
	[5] - Navigation
=====================*/

	.nav { background: none; }	

/*===================
	[6] - Sections
===================*/

	.wrap { background: #fff url(images/content-bg.gif)  left top; padding: 0 0 60px; }
		.wrap-top { background: #fff url(images/schindel01.jpg) no-repeat; } /*inhalt */
		.wrap-bottom { background: #fff; padding: 0 10px 60px; }
		
	.wrap-inner { background: #fff url(images/content-bg.gif)  left top; padding: 0 0 10px; }
	
	.top { height: 430px; }

	.left { float: left; width: 630px; } /* For Left Aside Template */
	
		/* Services Template */
		
		.services-page h4 { border-top: 1px solid #313131; margin-top: 5px; padding: 15px 0 5px; position: relative; }
		.services-page h4 img { position: absolute; right: 0; bottom: 7}
		
		.services { padding-bottom: 15px; }
		.services p { padding: 0; }
		.services h3 { padding-top: 3px; position: relative; }
		.services h3 a { color: #fff; }
		.services h3 a:hover { color: #807768; }
		.services h3 img { position: absolute; right: 0; bottom: 2px; }
		.services .more-link { float: right; margin: 4px 0 0; }
		
		/* Blog/News Template */
		
		.news-page h3, .blog-page h3 { float: left; font-size: 22px; margin: 0; width: 550px; }
		
			/* Nothing yet... */
		
		/* Common Elements */
			
		.portfolio h3 { float: left; font-size: 22px; font-weight: bold; margin: 0; padding: 0; width: 550px; }
		.left img.attachment { background: #fff url(images/content-bg.gif); padding: 10px; }
		.left div.clearfix { display: block; padding: 0 0 10px; }
		.left span.date { color: #68645b; display: block; float: right; font: bold 26px Verdana; line-height: 0.9em; padding: 0; text-transform: uppercase; width: 70px; }
		.left span.date strong { color: #68645b; float: right; font-size: 11px; font-weight: bold; line-height: 0.979em; padding: 2px 0 0; }
		.left p.read-more { border-bottom: 1px solid #313131; line-height: 8px; margin: 0 0 15px; padding: 5px 0 5px; }
		.left a.more-link { background: none; padding: 0; }
		.left span.meta-a { float: right; }
		.left span.meta-a a { background: url(images/news-arrow.png) no-repeat left top; display: block; height: 30px; width: 30px; }
		.left span.meta-a a:hover { background: url(images/news-arrow.png) no-repeat left bottom; }

		/* Inner Post Pages */
		
		.post { margin: 0 0 0 10px; padding: 10px 0 20px; }
		.post h3 { float: none; font-size: 12px; font-weight: bold; margin: 5px 0; }
		.post p { padding: 0 0 20px; }
		.post img.attachment { background: #fff; }
		
		.post div.clearfix { display: block; padding: 0 0 5px; }
		.post span.date { background: #000; color: #fff; float: left; padding: 2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
		.post span.date strong { color: #fff; float: right; font-size: 11px; font-weight: bold; line-height: 0.979em; padding: 2px 0 0; }
		.post span.meta-p, .post span.meta-c { color: #999; float: left; font-size: 0.759em; margin: 7px 5px 0; padding: 0 10px 0 0; }
		.post span.meta-p { /* border-right: 1px solid #999; for blog comments*/ margin: 7px 3px 0 5px; }
		.post span a { color: #ffcc00; }
		.post span.meta-p a { text-transform: uppercase; }
		.post span a:hover { text-decoration: underline; }
		px; 
		/* Portfolio */
		
		.portfolio { margin: 0 0 0 10px; padding: 10px 0 20px; width: 660px; }
		.portfolio h3 { float: none; font-size: 12px; font-weight: bold; margin: 5px 0; }
		.portfolio h1 span.meta-a { float: right; padding-top: 1px; }
		.portfolio img.attachment { background: #fff; }
		
		.piece { background: #0c0c0c; float: left; margin: 0 30px 30px 0; padding: 10px; width: 280px; }
		.piece p { padding: 0; width: auto; }
		.piece h3 { width: auto; }
		.piece h3 a:hover { color: #000; }
		.piece .zoom { height: 150px; }

		/* Image Gallery */
		
		.image-gallery { margin: 0 0 0 10px; padding: 10px 0 20px; width: 645px; }
		.images { background: #990000; float: left; margin: 0 10px 10px 0; padding: 10px; width: auto; }
		.images h3 { font-size: 0.8em; font-weight: normal; line-height: 0.8em; margin: 0; padding: 5px 0 0; text-align: center; }
		.images:hover { background: #fff; }
		.images:hover h3 { color: #000; }
		
		/* Video Gallery */
		
		.video-gallery { margin: 0 0 0 10px; padding: 10px 0 20px; width: 645px; }
		.videos { background: #0c0c0c; float: left; margin: 0 15px 15px 0; padding: 10px; width: 180px; }
		.videos h3 { font-size: 0.8em; font-weight: normal; line-height: 0.8em; margin: 0; padding: 5px 0 0; text-align: center; }
		.videos:hover { background: #fff; }
		.videos:hover h3 { color: #000; }

		/* Contact Page */
		
		.contact h1 { margin: 0 0 15px; }
		.contact h3 { margin: 5px 0; }
		.contact p { padding: 0 0 10px; }
		
		#contactform { border-top: 1px solid #2a2a2a; margin-top: 8px; }
		#contactform h3 { padding: 20px 0 10px; }
		form #main { color: #fff; }
		form #main p { display: block; }
		form #main label { color: #666; padding: 0 0 0 10px; }
		form #main input { background: #111; border: 1px solid #373737; color: #999; font: normal 13px Arial, Helvetica, sans-serif;  padding: 5px; width: 288px; }
		form #main textarea { background: #111; border: 1px solid #373737; color: #999; font: normal 13px Arial, Helvetica, sans-serif;  padding: 5px; width: 488px; }
		form #main #submit { background: #0b0b0b; border: 0; color: #fff; font: bold 11px Verdana; padding: 8px 5px; width: 70px; }
		form #main #submit:hover { background: #fff; color: #0b0b0b; cursor: pointer; }
		form #main p.message { position: relative; }
		form #main p.message label { position: absolute; top: 0; }
		form #main p.submit { text-align: right; width: 500px; }
		form #main ul#response { list-style: none; margin: 0; }
		form #main input[type="text"]:focus, form #main textarea:focus { background: #1e1e1e; border-color: #4e4e4e; }

	.right { float: right; width: 620px; } /* For Right Aside Template */
		
	.center { float: left; width: 560px; } /* For Left/Right Aside Template */
		
	.left-alt { float: left; width: 580px; } /* For Two Left Asides Template */
	.right-alt { float: right; width: 580px;} /* For Two Right Asides Template */
		
	.bottom-home { padding: 10px 0 20px; width: 960px; }
	.bottom-home p, .bottom-home h2 { padding: 0 10px; }
	.bottom-home .fadeinout { background: #97C245; padding: 1px;  }
	.bottom-home h2 { margin: 0 0 10px; }

	.home-actions { padding: 0 0 10px; }
	.home-actions p { float: left; width: 620px; }
	.home-actions ul { float: right; list-style: none; margin: 0; width: 320px; }
	.home-actions li { background: #97C245; display: block; float: left; margin: 0 10px; padding: 24px 0; text-align: center; width: 140px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	.home-actions li h3 { font-size: 1.4em; line-height: 0.8em; margin: 0; }
	.home-actions li h3 em { color: #fff; }
	.home-actions li:hover { background: #BAD784; }
	.home-actions li a, .home-actions li a:hover { color: #515151; }

	.home-right { float: right; width: 300px; }
	.home-right h3 { font-size: 14px; padding: 6px 0 0; text-transform: uppercase; }
	.home-right ul.home-social { list-style: none; margin: 0; padding: 8px 0 10px; }
	.home-right ul.home-social li { display: inline; padding: 0 5px 0 0; }
	
	.home-right ul.home-posts { list-style: none; margin: 0; }
	.home-right ul.home-posts li { line-height: 1.6em; padding: 5px 0; }
	
	.three-one p, .three-two p, .three-three p { padding: 7px 0 9px; }

	.top-left { float: left; width: 619px; border-right: 1px solid #eee; } /* For Featured Left Template */
	.top-right { float: right; width: 300px; } /* For Featured Left Template */
		
	.top-left-alt { float: left; width: 300px; } /* For Featured Right Template */
	.top-right-alt { float: right; width: 619px; border-left: 1px solid #eee; } /* For Featured Right Template */

	/* Page Navigation */
	
	.pagenavi { float: right; padding: 0 !important; }
	.pagenavi ul { list-style: none; margin: 0; text-align: right; }
	.portfolio .pagenavi ul { padding-right: 30px; }
	.video-gallery .pagenavi ul, .image-gallery .pagenavi ul { padding-right: 15px; }
	.pagenavi li { display: inline; padding: 0; }
	.pagenavi li a { background: #0c0c0c; color: #868686; font-size: 10px; padding: 3px 7px; }
	.pagenavi li a:hover, .pagenavi li a.pagenavi-current { background: #000; color: #fff; text-decoration: none; }
	
	/* Width for Portfolio/Image Gallery/Video Gallery Pages */
	
	.inner { width: 630px; }
			
/*=================
	[7] - Aside
=================*/

	.aside { font-family: Verdana, Tahoma, sans-serif; width: 270px; }
	.aside h3 { color: #666; font-size: 18px; }
	
	.aside a { color: #000; }
	.aside a:hover, .aside li li:hover a { color: #000; text-decoration:underline; }
	.aside li { background:#fff; border:#999999 solid 1px; margin: 0 0 10px; padding: 10px; }
	.aside li li { border-bottom: 1px solid #313131; font-size: 11px; margin: 0; padding: 8px 0; width: 220px; }
	.aside li li:last-child { border-bottom: 0; padding-bottom: 0; }
	
	ul.aside-social { padding-left: 2px; }
	ul.aside-social:after { clear: both; content: " "; display: block; line-height: 0; height: 0; visibility: hidden; }
	ul.aside-social li { border: 0; float: left; padding: 0 4px 0 5px; width: auto; }
	ul.aside-social li a { display: block; height: 32px; }
	ul.aside-rss li { border: 0; padding: 5px 0; width: auto; }
	ul.aside-rss li img { margin: 0 3px 0 0; position: relative; top: 3px; }
	
	.aside p { color: #666; font-size: 11px; line-height: 13px; }
	
	.aside input[type="text"] { background: #0b0b0b; border: 1px solid #303030; color: #999; padding: 2px; width: 214px; }
	.aside input[type="submit"], .aside input[type="button"] { background: #0b0b0b; border: 0; color: #fff; font: bold 10px Verdana; margin: 5px 0 0 177px; padding: 3px; text-transform: uppercase; }
	.aside input[type="submit"]:hover, .aside input[type="button"]:hover { background: #fff; color: #000; cursor: pointer; }
	
/*=================
	[8] - Footer
=================*/

	.footer { background:url(images/schindel01.jpg); font-size: 0.7em; padding: 10px 0 0; border-top: solid 1px #000; }
	.footer a { color: #999; }
	.footer a:hover { color: #fff; text-decoration: none; }
	.footer h3 { border-bottom: 1px solid #fff ; color: #fff; font-size: 1em; font-weight: bold; padding: 12px 0 5px; text-transform: uppercase; }
	
	.foot-five li { float: left; padding: 0 15px 20px; width: 150px; margin-right:15px;  }
	#tafel {background:url(images/tafel.png) no-repeat; height:145px; color:#999; padding-top:5px;}
	
	p.credit { color: #fff; padding: 0 10px 20px; }
	p.credit a{ color: #fff; }

	li.footer-search { text-align: right; width: 220px; } 
	
	#searchform { border: 1px solid #282828; }
	.footer-search #s { background: #0f0f0f; border: 0; color: #999; font-size: 1.2em; padding: 7px 5px 6px; width: 179px; }
	.footer-search #searchsubmit { background: url(images/search.png) no-repeat right top; border: 0; border-left: 1px solid #282828; color: transparent; height: 30px; margin: 0 0 0 -4px; text-indent: -586779em; width: 30px; }
	.footer-search #searchsubmit:hover { background: url(images/search.png) no-repeat 1px -29px; cursor: pointer; }

/*===================
	[9] - Comments
===================*/

/*===============================
	[A] - Drop Down Navigation
===============================*/

	#nav { padding: 0 0 20px;  }
	#nav ul { float: right; z-index: 1000; background:url(images/trans.png); }
	#nav a { color: #000; font: bold 1em Tahoma; outline: none; margin: 0 1px 0 0; padding: 5px 10px; text-transform: uppercase; }
	#nav a:hover { background: #fff; color: #000; text-decoration: none; }
	#nav ul ul { background:url(images/trans.png) border-top: 1px solid #000; width: 13em; }
	#nav li li { background: #fff; }
	#nav li li:hover { background: none; }
	#nav li li a { font-size: 0.859em; font-weight: normal; padding: 5px 10px; text-transform: none; }
	#nav li:hover a { background: #fff; color: #000; }
	#nav li:hover li a:hover { color: #999; }

	/* Superfish Arrows */

	.sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ }
	.sf-sub-indicator { display: block; height: 0; overflow: hidden; right: .75em; text-indent: -999em; top: 1.05em; /* IE6 */ width: 0; }

/*====================================
	[B] - WordPress Specific Styles
====================================*/
		
	.navigation .alignleft a { background: url(images/arrow-left.png) no-repeat left top; display: block; height: 12px; width: 18px; }
	.navigation .alignleft a:hover { background: url(images/arrow-left.png) no-repeat left bottom; }
	
	.navigation .alignright a { background: url(images/arrow-right.png) no-repeat left bottom; display: block; height: 12px; width: 18px; }
	.navigation .alignright a:hover { background: url(images/arrow-right.png) no-repeat left top; }
	
	.post .navigation, .inner .navigation { margin: auto; width: 48px; }
	.post .navigation .alignleft, .post .navigation .alignright, .inner .navigation .alignleft, .inner .navigation .alignright { background: none; margin: 0; padding: 1px; width: 19px; }

	/* Captions */
	
	.wp-caption { background-color: #f3f3f3; border: 1px solid #eee; padding-top: 4px; margin: 0 15px 15px; text-align: center;
	/* rounded corners */ -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	.wp-caption img { border: 0 none; margin: 0; padding: 0; }
	.wp-caption p.wp-caption-text { font-size: 0.9em;  padding: 0 4px 5px; margin: 0; }
	
	/* Other WordPress Classes */
	
	.categories { }
	.cat-item { }
	.current-cat { background: #fff; color: #000 !important; }
	.current-cat-parent { }
	.pagenav { }
	.page_item { }
	.current_page_item { background: #fff; color: #000 !important; }
	.current_page_parent { }
	.widget { }
	.widget_text { }
	.blogroll { }
	.linkcat { }
	
/*====================================
	[B] - jQuery Specific Styles
====================================*/

	.jquery-wrap { position: relative; }

	/* Tabs */
	.tabs-wrap { background:url(images/geranien.jpg); float: left; width: 620px; }
	.pane { border-top: 0; display: none; height: 180px; padding: 10px; position: relative; width: 600px; }
	.pane p { background: rgba(162,205,90,0.8); color: #fff; font-size: 14px; font-weight: bold; padding: 0 5px; position: absolute; bottom: 10px; text-transform: uppercase; width: 590px; }
	.pane p a { color: #fff; text-decoration: none; text-shadow: #333 0 1px; }
	.pane p a:hover { color: #fff; text-decoration: none; }
	
	/* Tabs List */
	ul.tabs { background:#BAD784 list-style: none; margin: 0; padding: 0; }
	
	/* Single Tab */
	ul.tabs li { float: left; margin: 0 1px 0 0; padding: 0; }
	
	/* Tabs Link */
	ul.tabs a { background: #97C245; color: #ffffff; display: block; font-size: 0.8em; line-height: 0.979em; padding: 6px 7px; position: relative; text-align: center; text-decoration: none; top: 1px;   }
	ul.tabs a:active { background: #000; outline: none !important; }
	ul.tabs a:hover { background: #fff; color: #000; text-decoration: none !important; }

	/* Tabs Aside */
	li .tabs-wrap { padding: 5px 0; }
	ul.tabs-aside a { padding: 0 10px; width: auto; }

	/* Current Tab */
	ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { background: #fff; color: #000; cursor: default; outline: none !important; }
	
	/* Hide on Initialize */ 
	div.panes div.pane { display: none; }
	
/* Scrollable */
	
	/* Root element for the scrollable. */
	.scrollable { /* required settings */ background: #fff; height: 260px; margin: 0 0 15px; overflow: hidden; position: relative; width: 630px; }
	/* Root element for scrollable items. */
	.items { /* this cannot be too large */ clear: both; position: absolute; width: 20000em; }
	/* Single Scrollable Item */
	.scroll-item { cursor: default; float: left; margin: 0; padding: 10px; }
	/* Active Item */
	.active { z-index: 9999; position: relative; }
	/* This makes it possible to add next button beside scrollable */
	.scrollable a { height: 240px; }
	/* prev, next, prevPage and nextPage buttons */
	a.browse { background: url(images/gallery-left.png) no-repeat; cursor: pointer; display: block; font-size: 1px; height: 32px; margin: -65px 0 0; position: absolute; left: 20px; width: 32px; }
	/* right */
	a.rightnav { background: url(images/gallery-right.png) no-repeat; border: 0; clear: right; left: auto; right: 20px; margin-right: 0px;}
	/* left */
	a.leftnav { border: 0; margin-left: 0px; } 	
	/* disabled navigational button */
	a.disabled { visibility: hidden !important; }
	
/* Social Icons Tooltip */

	.tooltip { background: #0099ff; color: #fff; display: none; font-size: 10px; padding: 3px 6px; }
	
/* Fade in out */

	.fadeinout:hover p { color: #000; }
	.piece:hover p { color: #999; }
	.piece:hover h3 a { color: #000; }
	
/* Zoom Image */
	
	.zoom { background: #fff url(images/zoom.png) no-repeat center; display: block; }
	.zoom-video { background: #000 url(images/video.png) no-repeat center; }
	.images .zoom, .videos .zoom { height: auto; }
	
/* prettyPhoto */
	.pp_description { font-size: 14px; }
	.pp_nav p { font-size: 12px; }


/*wetter usw*/
.hide { display: none; }