/*  
Theme Name: Neuseeland-Aussteiger
Theme URI: http://www.neuseeland-aussteiger.de
Description: Angepasstes Standarttemplate - WP als CMS mit statischen Seiten, standart-Gaestebuch und  Bildergalerie. 
Author: Christoph Busch
Version: 1.0 28-05-07 - DE
----------------------------------------------
Farben: 
Hintergrund: #f3ecdc
NZ Rot: #ff0000
NZ Blau: #000063
Content: #ded3a6
Footer: #bdb76b
Highlight im Blog: #f3ecdc
*/

/*Linkgestaltung in extra css*/
/* Bilderrahmen */
a {
	outline: none;
}
#blog1 {
	width:300px;
	height:225px;
	background:url("../../uploads/2007/05/woisschris.jpg") top left no-repeat;
	border:1px solid #333;
	}
	
#blog1:hover {
	width:300px;
	height:225px;
	background:url("../../uploads/2007/05/woisschris.jpg") top right no-repeat;
	border:1px solid #333;
	}

.blogimg {
         border:4px solid #fff;
         float:right;
         z-index:40;
         }

.blogimg2, .size-thumbnail {border:4px solid #fff;}
		 
.blogimg2:hover, .size-thumbnail:hover {
	border:4px solid #333;
	}
		
dl.left {float:left;}

dl.right {float:right;}

dl.imgdlh, dl.imgdlq, dl.quer, dl.hoch {
	font-size:1em;	
	margin:0px 2px 0px 2px;
	padding:0;
	border:1px solid #333;
	}

dl.imgdlh 	{width:150px;}
dl.hoch {width:200px;}
	
dl.imgdlq {width:108px;}
dl.quer {width:158px;}
	

dl.imgdlh dt, dl.imgdlq dt, dl.hoch dt, dl.quer dt{
	margin-bottom:-2px; /*unter dem td gibt es ein unauffindbares margin - im imagemanager ?? - BAD */
	padding:0;
	}
	
dl.imgdlh dt, dl.hoch dt{	
	float:left;/*um den Text bei Hockantbildern rechs zu bekommen*/	
	}
	
dl.imgdlh dd, dl.imgdlq dd, dl.hoch dd, dl.quer dd	{
	background-color:#f3ecdc;
	margin:0;
	padding:4px;	
	}
	
dl.imgdlh dd, dl.hoch dd {height:75px;}

.seiteimg {
         border:8px solid #fff;
         z-index:40;
         }
		 
/* statische Seiten CSS */

h2.einleitung {
    font-size: 2.6em;
    font-variant: small-caps;
    letter-spacing: 0.03em;
    line-height: 1.2em;
    margin: 0 0 2em;
    padding: 0;
    text-align: center;
}

h2.einleitung:first-line {
	letter-spacing:0.5em;
	color:#000063
	}

h3.einleitung {
	padding:0; margin-top:0.3em;
	text-indent:1em;
	line-height:1.3em;
	}	

h3.einleitung.absatz1 {
	text-indent:0em;
	}
	
h3.einleitung.absatz1:first-letter {
	font-size:300%;
	font-weight:lighter;
        }   
        
table.faq {
     margin: 0;padding:5px;      
     border:1px solid #333;   
     line-height:1.3em;
     font-size:1.4em;   
     background-color:#f3ecdc;    
        }
         
table.faq tr  {
	padding:0px;
	margin:0px;
	}
	
table.faq tr td {
	padding:5px;
	margin:0px;
	}
	        
#loadingimg {
	height:32px;width:32px;
	background:url("http://localhost/wordpress/wp-content/plugins/lightbox/images/loading.gif") no-repeat center left;
	} 
	
#backimg {
	height:32px;width:63px;
	background:url("http://localhost/wordpress/wp-content/plugins/lightbox/images/prevlabel.gif") no-repeat center left;
	}
	
#nextimg {
	height:32px;width:63px;
	background:url("http://localhost/wordpress/wp-content/plugins/lightbox/images/nextlabel.gif") no-repeat center left;
	}
	
#closeimg {
	height:32px;width:63px;
	background:url("http://localhost/wordpress/wp-content/plugins/lightbox/images/closelabel.gif") no-repeat center left;
	}
         
/* Klasse fuer Bilder auf der Vorstellungsseite */

.seiteimg {
     border:8px solid #fff;
     z-index:40;
         }
                 	
/* Begin Typography & Colors */

body {
	font-size:62.5%; /* Resets 1em to 10px */
	font-family: sans-serif;
	background:#f3ecdc url("images/kompass.gif") bottom right no-repeat fixed;
	color: #333;
	text-align: center;
    line-height:1.2em;
    height:100%;
	}

#wrap{
	margin:0 auto;
	width:760px;
	text-align:left;
	position:relative;
	}

#animate {
     position:absolute;
	top:0px;
	left:0px;
	width:759px; 
	height:139px;
	background:url("images/p-route.gif") no-repeat;
	}


/* Verlauf im oberen Bereich und runde Ecken - funktioniert nur in dieser Konstellation */

#obenlinks	{ background:#ded3a6 url("images/obenlinks.gif") top left no-repeat;}
			
#obenrechts {	background:url("images/obenrechts.gif") top right no-repeat;}

#verlauf	{ background:url("images/verlauf.jpg") top center repeat-x;}

#untenrechts { background:url("images/untenrechts.gif") bottom right no-repeat;}

#untenlinks{ background:url("images/untenlinks.gif") bottom left no-repeat;}

#content{
	padding:70px 18px 10px 110px;	
	}

.widecolumn .entry p {
	font-size: 1.5em;
	line-height: 1.2em;
	}

.widecolumn {
	line-height: 1.6em;
	}

.narrowcolumn .postmetadata {
	text-align: center;
	}

.alt2 {
	background-color: #f3ecdc;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	}

.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}
	
p {
	font-size:1.4em;
	line-height:1.2em;
	}

h1 {
	font-size:2em;
	padding:1.2em 0;
	font-weight:normal;	
    line-height:1em;
	}
	
h2 {
	font-size:1.8em;
	padding:1em 0;
	font-weight:normal;	
     line-height:1em;
	}

h3 {
	font-size:1.6em;
	padding:0.7em 0;
	font-weight:normal;
     line-height:1em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;	
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #333;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}
	
#sidebar h2 {
	padding:0;
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
	}

#headerimg .description {
	font-size: 1.2em;
	text-align: center;   
     display:none;     
	}
	
/* Listenstyle fuer ueber uns Seite */
	
ul.normal {
	font-size: 1.4em;
	line-height:1.2em;
	margin:0;padding:0;
	}
	
ul.normal li{
	list-style:none;
	background:url(images/listengrafik.gif) no-repeat left top;
	padding-left:30px;
	margin-top:20px;
	}
	
ul.normal li ul li{
	list-style:disc;
	background:none;
	font-size: 0.8em;
	margin:5px;
	}


.entry p a:visited {
	color: #b85b5a;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 1.2em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

#sidebar {
	font: 1.2em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
	color: #000063;
	text-decoration: none;
	}

a:hover {
	color: #147;
	text-decoration: underline;
	}

#wp-calendar #prev a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */

/* Begin Blogtabelle */

table {
        margin: 0 auto;
        line-height:1.3em;
        font-size:1.4em;
        }
th    {
        width:20%;
        vertical-align:top;
        text-align:left;       
        }
/* End Blogtabelle */

/* Begin Bloglink */

#p-blog{
	position:absolute;	
	top:150px;
	left:540px;
	width:180px;
	height:70px;
	background:url("images/p-blog.jpg") no-repeat;
    z-index:30;
	}
	
#p-blog ul {
	list-style:none;
	margin: 0px;
	padding: 0px;
	}

#p-blog li {list-style:none;
     margin: 0px;
	padding: 0px;
        }

#p-blog a	 {
	display:block;
	height:70px;
	text-decoration:none;
	}
	
#p-blog span {display:none;}

/* End Bloglink */

#p-fernglas {
		position:absolute;
		top:195px;
		left:702px;
		width:90px;
		height:80px;
		background:url("images/fernglas.jpg") no-repeat;
		z-index:10;			
			}

/* Begin static Seiten Gestaltung */

.ecke {
        background:url("images/ecke.gif") no-repeat top center;  
        border:1px solid #333;      
        }

/* End static Seiten Gestaltung */

/* Begin Structure */
body {
	margin: 0 0 20px 0;
	padding: 0; 
	}

#header {
	margin:0; 
	padding:0; 
	height:180px; 
	width:760px;
	}

#headerimg {
	margin: 0;	
	width: 100%;
	}
	
/* Content im Blog */

.narrowcolumn {
	float: left;
	padding: 0 0 20px 45px;
	margin: 0;
	width: 340px;
	}

/*Content im Blog ohne Sidebar*/

.widecolumn {
	float: left;
	padding: 0 0 20px 45px;
	margin: 0;
	width: 510px;
	}


.post .beitragimg h3{      
	margin: 0 0 5px;  
    padding:20px 1px 1px 1px;        	
	}

.beitragimg{
	height:80px;
    background:url("images/beitrag.gif") no-repeat top left;
    padding: 1px 1px 1px 5px;
	margin-top:40px;
        }
        
.beitragvon {
	padding:0;margin:0;
	font-size:1.2em;
	}
 
.entry .border {border: 1px solid #333;}

.entry {padding: 1px 1px 1px 5px;}

        

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
       }

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
        }

.postmetadata {	clear: left;}

/* Impressum Hoverbild */

#ichhover {
	float:right;
	width:190px;
	height:210px;
	background:url("images/ichhover.jpg") no-repeat top left;
	margin:25px 100px 0 0;
	}
	
#ichhover:hover {
	float:right;
	width:190px;
	height:210px;
	background:url("images/ichhover.jpg") no-repeat top right;
	margin:25px 100px 0 0;
	}

/*Begin Footer*/

/*Abstand fuer den linken Rand*/

.abstand	{margin-left:90px;}

#f-obenlinks	{  
                 margin-top:10px;
                 background:#bdb76b url("images/f-obenlinks.gif") top left no-repeat;
		}

#f-obenrechts 	{
                 background:url("images/f-obenrechts.gif") top right no-repeat;
                }

#f-untenrechts	{ 
                 background:url("images/f-untenrechts.gif") bottom right no-repeat;
		}

#f-untenlinks	{
		background:url("images/f-untenlinks.gif") bottom left no-repeat;
		}

/*so viele doppelbenennunng weil Cascadenproblem nur 1 Klasse reicht nicht BAD */

.footer #impressum {             
        margin:0;
        padding:1em 0 1em 0;  
		list-style:none; 
		clear: both;  
		text-align:center;
        }

.footer #impressum li {
        padding:0 3px;
        font-size:1.4em;
		display:inline; 
        }

.footer .valide {
		list-style:none;      
        margin:0; 
		padding:0 0 5px 0;
		text-align:center;
		}	
		
.footer .valide li {
		padding:0 5px;
		display:inline;
		}
    

/*End Footer*/
/* End Structure */

/*	Begin Headers */

#headerimg h1 {
	display:none;
    padding:0;
	margin: 0;
	}



h2.pagetitle {
     padding:10px;
	margin-top: 30px;
	font-size:2.2em;
	letter-spacing:0.4em;
	text-align:center;
	font-variant:small-caps;
	color:#ff0000;
}

h3 {
	padding: 0;
	margin: 30px 0 0;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
/* End Headers */

/* Begin Images */

p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) 
*/

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/* Begin Lists
	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

/*ul li{
	list-style:none;
	background:url(images/listengrafik.gif) no-repeat left center;
	padding-left:20px;
	}*/

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	} 

html>body .entry li {
	margin: 7px 0 8px 10px;
	}
/* ACHTUNG!! laesst kein list-style:none mehr zu
.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}*/

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

.current-cat {font-weight:bold;}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 20px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 5px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0 10px;
	padding: 0;
	list-style:none;
	background:url(images/listenimage_side.gif) no-repeat left center;
	padding-left:20px;
	}
/* End Entry Lists */

/* Begin Form Elements */

#searchbox {
    padding: 0;
	margin: 0; 
    width:100%;
} 

.searchform {	
    padding: 0;
	margin: 0;
	line-height: 1.2em;
	white-space: nowrap;        
}

#searchbox p { 
	line-height: 1.3em;
	padding:0 0 0 10px;
	margin: 0; 
}
        

.searchform #s {
	color: #686868;
	vertical-align: middle;
	margin: .2em 0;
	border:1px solid #686868;
     width: 108px;
     height: 20px;
     background: #f3ecdc;
}

.searchform #lupe {
	vertical-align: middle;
	padding: 0;
	margin: 0 0 0 2px; }

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;        
	}

#commentform textarea {
	width: 100%;
	padding: 2px;         
	}

.rahmen {
      border:1px solid #686868;
      background:#f3ecdc;    
}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */

/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

/* Begin Sidebar */
#sidebar
{
	padding: 100px 0 10px 0;
	margin-left: 450px;        
	width: 190px;        
	}

#sidebar form {
	margin: 0;
	}

#blatt {
     background: url("images/blatt.jpg") no-repeat;
     padding-top:40px;
}

#blatt h2 {
    height:30px;
    width:150px;
	text-align:center;
    padding-top:7px;   
    background:url("images/linkhintergrund.gif") no-repeat;
	margin:20px 0 0 20px;
       }

/* End Sidebar */

/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */

/* Begin Various Tags & Classes */

/*Clearfix mit Holy Hack - natuerdlich nicht valide - und damit raus..

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}*/
	
/* Hides from IE-Mac \*/
/* *html .clearfix { height:1%; } */
/* End hide from IE-Mac */

acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 30px;
	font-size:1.4em;
	}
	
img#wpstats {display:none}
/* End Various Tags & Classes*/