/*  
Theme Name: FernDesign - 360-Panorama-Theme
Theme URI: www.ferndesign.de
Description: Fuer die Webseite www.ferndesign.de erstelltes wp theme. Erstellt von Ferndesign auf Basis Standart Theme.
Version: 2.0 01-06-08 - DE
Author: Christoph Ulrich Busch - FernDesign
Author URI: http://www.ferndesign.biz
Tags: Panorama, Galerie, Weiß, Flash, Qvtr
*/

/* COLORS
Orange:#cc6500;
Green:#608b30;
Red:#990000;
*/

* {
	margin:0px;
	padding:0px;
}
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Georgia', Times, Serif;
	background:#f9d4a8 url(images/fd_bg.jpg);
	color: #333;
	text-align: center;	
}
.stbuttontext body { font-size:62.5%; }
a {	outline: none; }
#page {
	background: url(images/main.jpg) no-repeat top left;
	text-align: left;
	margin: 0px auto;	
	width: 790px;
	position:relative;
}
#header {
	padding:23px 0 0 13px;
	z-index:20;
}
#flashcontent {
	width:762px;
	height:250px;
	display:block;
}
#flashcontent p {
	font-size:1.4em;	
	margin-top:100px;
	text-align:center;
}
#header h1 {
	display:none;
}
.clearcheater:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
ul { list-style:none; }
/* Hides from IE-mac \*/
* html .clearcheater {
	height:1%;
}
/* End hide from IE-mac */
	
/* NAV */
#nav {	
	position:relative;
	top:0px;
	left:8px;
	width:740px;
	height:50px;
	z-index:20;
	clear:both;
	margin-bottom:162px; /*pushing down the content - nav collapses because of abs pos*/
}
#nav ul li {
	display:inline;
	float:left;	
	border:none;	
	position:absolute;
}
#nav a {
	font-size:2em;
	letter-spacing:0.3px;	
	text-decoration:none;
	cursor:pointer;	
	width:120px;	
	}
#nav a:visited { color:#fff; }
#page #nav a:hover { color:#990000; }
#nav a:link { color:#fff; }
/* line-height has to be larger for ie7 - submenu will vanish between menues if you don't use it*/
#nav ul li a { 
	line-height:42px;
	display:block;
	/* this is with padding and not abs pos because abs pos more to the right will change left pos of ul li ul*/
	padding-left:5px;
		}
.page-item-3 {	
	top:126px;
	left:20px;	
}
.page-item-3 a:hover {}
.page-item-618 {	
	top:40px;
	left:225px;
}
.page-item-618 a:hover {}
.page-item-2  {	
	top:108px;
	left:437px;
}
.page-item-2 a:hover {}
.page-item-6 {	
	top:31px;
	left:625px;
}
.page-item-6 a:hover {}
/* position absolute is relative to li of parent list and background colour must be here bacause of margin in a tag - more IE stable than padding */
#nav ul li ul {
	display:none;
	border:1px solid #333;
	background-color:#F93;	
	position:absolute;
	top:41px;
	left:0px;
}
#nav ul li:hover ul {
	display: block;
} /* shows submenu */
/* display: block for background hover color and border shown up */
#nav ul li ul li {
	position:relative;
	display:block;
	border-top:1px solid #333;		
}
/* a for ie7 targeting */
#nav ul li ul li a:hover {
	background-color:#fff;	
}
#nav ul li ul li a {
	width:170px;
	line-height:1.7em;
	text-indent:0;	
	display:block;
	font-size:1.4em;
}
/* Font size - Schriftgroesse - Schriftgröße */
#larger, #smaller {
	color:#FFFFFF;
	font-size:3em;
	font-weight:bold;	
	position:absolute;
	text-decoration:none;
}
#fontsize a:hover { color:#4889cd; }
#larger { left:755px;top:405px;	}
#smaller { left:754px;top:430px; }
/* Begin Typography & Colors, Font, Schrift */

#nav .current_page_item { background-color:#fff;	}
#nav .current_page_item a { color:#990000; }
a:link {
	color:#990000;
	text-decoration:underline;
}
a:visited {
	color:#990000;
	text-decoration:underline;
}
a:hover {
	color:#608b30;
	text-decoration:underline;
	font-weight:normal;
	cursor:pointer;
}
a:active {
	color:#cc6500;
	text-decoration:underline;
}
/* Basic font adjustement */
p {
	margin-left: 0;
	margin-bottom: 10px;
	margin-right: 0;
	font-size:1.2em;
	letter-spacing:0.1px;
	line-height:1.3em;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
	/*text-align: justify;*/
}
#sidebar_s p { margin:0;line-height:1.1em; text-align:left; }
/*#sidebar p { text-align:left; }*/
h1 {
	font-size:1.8em;
	font-weight:lighter;
	letter-spacing:2px;
}
h2 {
	color:#CC6500;
	font-family:Georgia,Times,Serif;
	font-size:1.8em;
	font-weight:normal;
	letter-spacing:-1px;
	line-height:1.5em;
	padding:10px 0 0 6px;
	margin-bottom:10px;
	border-bottom:2px solid #CC6500;
}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a:link, h3 a, h3 a:hover, h3 a:visited, #wp-calendar caption, cite { text-decoration: none;}
h3 {
	font-size:1.4em;
	font-weight:lighter;
	letter-spacing:1px;
	line-height:1.4em;
}
h4 {
	font-size:1.4em;
	font-weight:lighter;
	letter-spacing:0.4px;
	line-height:1.3em;
	color:#544935;
}
.bold { font-weight:bold; }
/*list styling*/

#content ul ul { font-size:1em;margin:0; }
.post li.nolistbutton { 
	background:none; 
	padding:0; 
	font-family: 'Georgia', Times, Serif;
	}
.post li h3 { font-size:1.2em; }
.post ul {
	font-size:1.2em;
	list-style-type:none;
	margin:5px 0;
	padding:5px;	
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.post li, .linkicon li, .wikiicon li{ 
	background:url(images/icons.gif) no-repeat left -395px; 
	padding-left:20px; 
	margin-bottom:5px;
	line-height:1.5em;
	}
#content .listarrow {
	padding-left:25px;
	background:url(images/icons.gif) no-repeat left -195px;
}
li.listarrow { 
	list-style:none;
}	
/*various font adjustement*/
#ti {
	text-indent:150px;
	letter-spacing:2px;
	line-height:1.6em;
}
.betrachten {
	margin: 5px;
	line-height:1.5em;	
}
small { 
	font-size:110%; 
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}	
.hide { display:none; }
.infoicon_25 {
	background:url(images/infoicon_25.gif) no-repeat 0 0.1em;
	padding-left:35px;
	}
.topspace { margin-top:10px; } 
.allspace5 { padding:5px;clear:both; }
/* End Typography & Colors */

/* Begin Structure */
a img {	border:none }
#content {
	background:url(images/fd_bg_main_repeat.jpg) repeat-y;
	width:790px;	
}
#contentfooter {
	background:url(images/fd_bg_main_footer.jpg) no-repeat;
	height: 60px;
	width:790px;
}
#mainpage {	margin:20px 0 0 0px; }
#mainpage li {
	width:148px;
	height:194px;
	float:left;
	list-style:none;
	text-indent:-2000px;
}
.post {
	margin:0 30px 0 35px;
	padding:10px 0	
}
.narrowcolumn {
	float:left;
	width:480px;
	}
.narrowcolumn_big {
	float:left;	
	clear:both;
	}
/* Icons */
.post .polar_s {
	list-style:none;
	padding-left:45px;
	background:url(images/icons.gif) no-repeat left -997px;
}
.post .equi_s {
	list-style:none;
	padding-left:45px;
	background:url(images/icons.gif) no-repeat left -1197px;
}
.post .flash_s {
	list-style:none;
	padding-left:45px;
	background:url(images/icons.gif) no-repeat left -597px;
}
.post .quicktime_s {
	list-style:none;
	padding-left:45px;
	background: url(images/icons.gif) no-repeat left -797px;
}
#sidebar .flash_s, #post-8 .flash_s {
	padding-left:25px;
	background:url(images/icons.gif) no-repeat left -599px;
	}
#sidebar .quicktime_s, #post-8 .quicktime_s{
	padding-left:25px;
	background:url(images/icons.gif) no-repeat left -799px;
}
#content .info15 {
	list-style:none;
	padding-left:25px;
	background:url(images/icons.gif) no-repeat left -1599px;
}
#content .ok {
	list-style:none;
	padding-left:25px;
	background:url(images/icons.gif) no-repeat left 0.2em;
}
#content .euro {
	list-style:none;
	padding-left:25px;
	background:url(images/icons.gif) no-repeat left -1398px;
}
/* Begin Mainpage Webdesign */
#post-2 p { margin-bottom:10px; }
.currproj { 
	float: right;
	width: 85px;
	padding-left: 5px;
	}
#text-289760041 p, #text-289760041 span {
	font-size:0.8em;
}
/* Begin Subpage Leistungen und Kosten */
#content #webpacketinfo { 
	background:url(images/leistungen_und_kosten_bg.jpg) no-repeat; 
	width:151px; 
	height:151px; 
	position:absolute;
	left:580px;
	}
#content #visitenkarte, #content #webseite, #content #shop { width:200px; position:absolute;left:560px; }
#visitenkarte { background:url(images/leistungen_und_kosten_bg.jpg) no-repeat 0 -328px; height:159px;}
#webseite { background:url(images/leistungen_und_kosten_bg.jpg) no-repeat 0 -486px;height:200px; }
#shop { background:url(images/leistungen_und_kosten_bg.jpg) no-repeat 0 -151px;height:176px; }
#post-105 h2,#post-105 h4, #post-105 p { width:500px; }
#preisvisitenkarte span { 
	background:url(images/preis_visitenkarte.jpg) no-repeat;
	height:35px;
	width:173px;
	position:absolute;	
	}
#preiswebseite span { 
	background:url(images/preis_webseite.jpg) no-repeat;
	height:35px;
	width:205px;
	position:absolute;	
	}
#preisshop span { 
	background:url(images/preis_shop.jpg) no-repeat;
	height:35px;
	width:205px;
	position:absolute;	
	}
#preisshop, #preisvisitenkarte, #preiswebseite { margin-left:20px;height:35px; }

/* Beginn subpage referenzen references */
.bigref { margin-left:15px; }
.kundeninfo {
 	clear:both;
	width: 300px;
	float:right;
}
.subimages li {
	background:transparent none repeat scroll 0 0;
	border:1px solid #FFFFFF;
	float:left;
	margin:0 5px;
	padding:0;
	height:50px;
}
.subimages li:hover { border: 1px solid #608b30; }
.slide_master h3 {
	background:url(images/gallery.gif) no-repeat right -130px;	
	width:420px;
}
.slide_master h3.active {
	background:url(images/gallery.gif) no-repeat right -95px;
	width:420px;
}
/* End Webdesign */
	
/* Begin Photo Panorama*/

/*Produkt beinhaltet - list mainpage*/	
#preispanorama span { 
	background:url(images/preis_panorama.jpg) no-repeat;
	height:35px;
	width:165px;
	position:absolute;	
	}
#preispanoramaextra span { 
	background:url(images/preis_panorama_extra.jpg) no-repeat;
	height:35px;
	width:165px;
	position:absolute;	
	}
#preispanorama, #preispanoramaextra { margin:20px 0 20px 80px;height:35px; }
/* End Mainpage Photo Panorama*/

/* Begin Subpage FAQ1 */
.bildbreite500 { margin: 10px 0; }
#post-8 h3 { padding-top:10px; }

/* Begin Subpage FAQ2 */

.box200 div.flashmovie, .box500 div.flashmovie{
	margin: 0 9px 10px;
	border:1px solid #333;
}
.end {
	clear:left;
	border:1px dotted #333333;
	padding:5px;
	overflow:hidden;
	}

/* Begin Mainpage Gallery - Uebersichtsseite*/
.short_pano_box {
	width:150px;
	float:left;
	margin:5px 10px 5px 0;
	background:url(images/gallery_prev_bg.gif) no-repeat;
	width:170px;
	height:166px;
	position:relative;
}
.post .short_pano_box .short_pano_number {
	background:transparent url(images/numberstar.png) no-repeat scroll 0 0;	
	font-size:1.3em;
	font-weight:bold;	
	text-align:center;
	line-height:1.8em;		
	width:30px;
	color:#fff;
	text-decoration:none;
	display:block;	
	}
.post .short_pano_box .hdr {
	background:transparent url(images/hdr_40.png) no-repeat scroll 0 0;	
	width:40px;
}
.short_pano_box ul {
	position:absolute;
	left:130px;
	top:17px;
}
.short_pano_box li {	
	height:30px;
	background:none;
	margin:0;
	padding:0 0 0 5px;
}
.short_pano_header {
	margin:34px 0 0 9px;
	position:relative;
	width:125px;
}
.short_pano_header a { text-decoration:none; }
/*fixed image in height (it can be a one or two line header - image is fixed)*/
.short_pano_header img { 	
	position:absolute;
	top:43px;
	left:0;
}
.print_header {
	margin:2px 0 0 9px;
	position:relative;
}
.druck img { padding-left: 9px; }
.format { 
	margin: 25px 0 0 10px;
	}
#content .gradientheader { 	
	background: url(images/ferntribe_right.gif) no-repeat 80% 0.3em;	
	margin:0 auto;
	margin-bottom:10px;
	}
#content .gradientheader h1 { 
  font-size: 2.5em;
  font-weight:bold;
  text-align:center;
  background: url(images/ferntribe_left.gif) no-repeat 20% 0.1em;
}

/* Begin Cubical Gallery die individuellen galerieseiten */
/* navigation next and privious*/
.next {
	margin-left:320px;		
	}
.next a {
	background: url(images/vor.gif) no-repeat right top;
	text-align:right;
	padding-right:60px;
}
.next a:hover {
	background: url(images/vor.gif) no-repeat right bottom;
	}
.back {	
	float:left;
	margin-left:60px;	
}	
.back a {
	background: url(images/zurueck.gif) no-repeat left top;	
	padding-left:60px;	
	}
.back a:hover {
	background: url(images/zurueck.gif) no-repeat left bottom;
	}
.back a, .next a {
	display:block;
	width:10em;
	height:13px;
	text-decoration:none;
	font-size:1.2em;
}
.back, .next { padding:20px 0; }
	
.gallerytext {
	width: 500px;
	margin: 10px 0;
}
.boxright {
	float:right;
	width:200px;
	margin-right:10px;
}
.boxright .titlebg {
	margin-bottom:10px;
}
.boxbox {
	border-bottom: 1px dotted #333;
	padding: 5px 0 10px 0;
	margin-bottom: 5px;	
}
.boxbox img {
	float:left;
	margin-top:3px;
}
.extrapic, .polar {
	margin:1px;
	float:left;
}
.sold { 
	margin: 10px 0 0 10px;
	color:red;
	font-weight:bold;
}
#sidebar_s .rss { 	
	padding:0 0 0 30px;
	background:url(images/gallery.gif) no-repeat left -49px;
	width:155px;
	}
.googleicon {
	background:url(images/gallery.gif) no-repeat left 5px;
	padding-left:40px;
}
.wikiicon {
	background:url(images/gallery.gif) no-repeat left -360px;
	padding-left:40px;
}
.linkicon {
	background:url(images/gallery.gif) no-repeat left -162px;
	padding-left:40px;
}
.slide h2{
	background:url(images/gallery.gif) no-repeat right -80px;	
}
.active h2 {
	background:url(images/gallery.gif) no-repeat right -114px;
}
/* Begin Contact */
#text-328712021 #sidebar_s { margin-left:0px; }
#sidebar #text-328712021 img { background-color: transparent; }
.tel { padding-left:30px; background:url(images/altes_telefon.gif) no-repeat left 0.7em; }
/*Twitter*/
.twitter-item { font-size:1.4em; }
.twitter-link { padding-left:25px; background:url(images/twitter-bird.gif) no-repeat left; }
/* Begin Impressum */
#impress_images {
	float:right;
	position:relative;
	top:50px;
	right:100px;	
}
#impress_images img {
	border:1px solid #333;
	margin-bottom:5px;
}
#post-35 p {
	margin-bottom:10px; 
}
#post-35 h1 { padding:20px 0 }
#post-35 h3 { margin-bottom:15px; }
address { font-size:1.2em;margin-bottom:10px; }

/*Beginn Commentform */
#respond { margin-left:20px; }
#commentinfo { float:left; }	
#commentform { margin:10px 0 0 20px;width:480px; }	
#commentform textarea {
	margin:0 0 0 10px;
	width:50%;
}
#commentform p { font-size:1.4em;padding-bottom:10px; }
#commentform input, #commentform textarea { 
	padding:5px; 
	background:#FFF4E5 none repeat scroll 0 0;
	border:1px solid #AF8352;
	}
#sendcomment { 	margin:0 0 0 230px;	}
#sendcomment input { 
	border:none;	
	background:none; 
	padding:0 0 1px;
	}
#sendcomment input:hover { }
#comments {	margin:0 0 10px 30px;padding-top:20px; }
.commentlist {
	margin:0 0 20px 20px;
	width:470px;
	font-size:1.4em;
}
.commentlist cite { float:left; margin-right:10px; }
.commentlist .commentmetadata {	
	font-size:0.8em;
	margin-bottom:5px;
	padding:0.25em 0 5px 0;
	border-bottom:2px solid #AF8352;
	text-align:right;
	}
.commentlist p { font-size:1em;margin-bottom:10px; }
.commentlist li { background:none;padding-left:5px; }
/* End Comments */

/* Begin Sidebar */
#sidebar { 
	margin-left:550px;
	width:220px;
	}
#sidebar_s h2 { float:left;width:170px; }
/*sidebar kalendar pano und web*/
#text-289760041, #text-292781371 {
	background:url(images/main.jpg) no-repeat -793px 0;
	height:253px;
	padding:60px 10px 0 10px;
	}
/*sidebar papier paper pano*/
#text-293361311, #text-293578691, #text-295664071, #text-783242711, #text-783889801, #text-794507851, #sidebar_s {
	background:url(images/paper_top.jpg) no-repeat;	
	padding:50px 0 0 0;
	}
#text-293361311 .textwidget, #text-293578691 .textwidget, #text-295664071 .textwidget, #text-783889801 .textwidget, #text-783242711 .textwidget, #text-794507851 .textwidget, #sidebarcontent {
	background:url(images/paper_paddern.jpg) repeat-y;
	padding:0 10px 10px 8px;
	width:200px;
	}
#text-293361311 h4, #text-293578691 h4, #text-295664071 h4, #text-783242711 h4{ 
	border-bottom:1px solid #B3B3B3;
	margin:15px 0 5px;
	padding-bottom:5px;
	}
/*sidebar nav pano*/
#text-290971591, #text-785764771, #text-794507101 { height:160px; }

#sidebar h2, #sidebar_s h2 { color:#333; }

#leistungenundkosten span {
	background: url(images/leistungen_und_kosten.jpg) no-repeat;
	height:153px;
}
#leistungenundkosten a:hover span {
	background: url(images/leistungen_und_kosten.jpg) no-repeat right top;
	}
#panoramaentstehung { height:70px; }
#panoramaentstehung span {
	background: url(images/panorama_entstehung.jpg) no-repeat;
	height:49px;
}
#panoramaentstehung a:hover span {
	background: url(images/panorama_entstehung.jpg) no-repeat 0 bottom;
	}
#panoramaverwendung { height:100px; }
#panoramaverwendung span {
	background: url(images/panorama_verwendung.jpg) no-repeat;
	height:74px;
}
#panoramaverwendung a:hover span {
	background: url(images/panorama_verwendung.jpg) no-repeat 0 bottom;
	}
#leistungenundkosten span, #panoramaentstehung span, #panoramaverwendung span {
	padding:0;	
	position:absolute;
	width:220px;	
}

/*sidebar gallerie 20px smaller and 20px more right - because the old pano images are 500px.. too wide for the new look*/
#sidebar_s {
	width:220px;
	margin-left:560px;
	}
	
/* Beginn Footer */
#footer {
	background: url(images/main.jpg) no-repeat 0 -485px;
	padding:110px 0 0 170px;
	margin: 0 auto;	
	clear: both;
}
#footer ul li { 	
	list-style:none;
	text-align:left;
	padding:4px 0;	
	font-size:1.2em;
	}
#footerleftside {
	margin:0 0 0 290px;
}
#footerrightside {
	margin:5px 0 0 10px;
	float:left;	
}
/* End Footer */

/* img image bilder verlinkt */
#sidebar a img, #post-8 a img,.panoborder, .panoborder a img, #post-296 a img, #post-9 a img {
	background-color:#333333;
	border:1px solid;	
	padding:2px;	
}
#sidebar_s a img { border:1px solid; }
#sidebar a:hover img, #post-8 a:hover img, .panoborder a:hover img, #post-296 a:hover img, #post-9 a:hover img { background-color:#fff; }

/* Begin Various Tags & Classes */
.alignright { float:right; }
.alignleft { float:left; }
.halfwidth { width:50%; }
.line {
	border-top:1px solid #ccc;
	margin-bottom:10px;
	clear:left;
}

p.left-80, h2.left-80, h3.left-80, h4.left-80 {	margin:0 10px 10px 80px; }
.leftpic {
	float:left;
	margin-left:10px;
	width:55px;
	}
.leftpic_default {
	float:left;
	padding:3px 10px 0 0;
	}
.smalllogo { margin: 0px 5px -1px 10px; }
acronym, abbr, span.caps { cursor: help; }
acronym, abbr {	}
.center { text-align: center; }
.clearer { clear:both }
#sitemappage li {
	list-style:none;	
	font-size:1.2em;
	margin-left:10px;
}
#sitemappage li ul {
	margin-top:5px;
}
#sitemappage li ul li {
	background:transparent url(images/icons.gif) no-repeat scroll 0em -195px;
	font-size:0.8em;
	padding:0px 0pt 0pt 20px;
}
img#wpstats { display:none; }
.fullwidth { width:700px; }
.nachoben span {
	background: url(images/nach_oben.jpg) no-repeat;
	height:25px;
	position:absolute;
	padding:0;
	width:100px;
}
.nachoben a:hover span {
	background: url(images/nach_oben.jpg) no-repeat 0 bottom;	
	}
.over em {	
	background:transparent url(images/onover.png) no-repeat scroll 0 0;
	color:#000000;
	display:none;
	font-size:0.8em !important;
	height:60px;
	left:-50px;
	top:-90px;
	padding:10px 5px;
	position:absolute;
	text-align:center;	
	width:140px;
	z-index:10;
	line-height:1.2em;
}
.post .short_pano_box ul {
	margin:0;
	padding:0;
}

/* End Various Tags & Classes*/