/*

	Colours used:

		#fff	clean white for the background, of course

		#434343 serious dark gray for body text and many headers

		#ff7010	orange 



*/





html {

	height: 100%;

	margin-bottom: 1px;

}



/*	Some defaults. Change the font size here to shrink or enlarge the whole design */

body {

	background-color: #e7e7de;
	background: url(bilder/shadow.gif) repeat-y center;

	font-weight:normal;



	font: 11px/17px Tahoma, Verdana, "Lucida Grande", sans-serif;

	margin: 0;

	padding: 0;

	}



/*	Links in orange. Background explicitly specified just to keep css validator happy */

a {

	background-color: inherit;

	color: #434343;

	text-decoration: none;

	border-bottom: 1px solid ;

	padding-bottom:1px;



	}

/*	Show green when mousing over a link */

a:hover {

	background-color: inherit;

	color: #ff7010;

	}



#sidebar a, #sidebar2 a {

	border:0;



}



#sidebar  a:hover {

	color: #FFF; 

}





/*	Most headers use the thinner Trebuchet font */

h1, h2, h3, h4, h5 {

	   font: 18px/28px Tahoma, Verdana, "Lucida Grande", sans-serif;

	clear:both;

	margin-top:0;



	font-weight: normal;

	margin-bottom: 0;

	padding: 0;

	}







/*	For user use */

h4 {

	font-size: 1.3em;

	margin: 0 0 0.5em 0;

	}



h5 {

	font-size: 1.1em;

	margin: 0 0 0.3em 0;

	}



/*	Paragraphs have some space below */

p {

	margin: 0 0 1.1em 0;

	}

::selection {  
	background: #ff7010; /* Safari */  
}  
::-moz-selection {  
	background: #ff7010; /* Firefox */  
}

/*	The page contains everything, it centres itself horizontally within the browser */

#page {

	width: 910px;

	text-align: left;

	margin: 0 auto 0 auto;

	background-color: #fff;

	height:100%;



	}



/*	The side bar contains the menu of useful links on the left

	Padding added just to stop Firefox overflowing this column when click and hold link */

#sidebar {

	width: 155px;

	float: left;

	text-align: left;

	background-color: #fff;

	margin: 15px 5px 0px 5px;

	padding: 0px;	

	}

#sidebar2 {

	width: 155px;

	float: right;

	text-align: left;

	margin: 15px 10px;

	padding: 0;

	background-color: #fff;

	

	}





/*	The main column contains everything except the side bar, and sits against the right

	of the page  #header, , #footer*/

#content {

	width: 550px;

	float: left;

	margin:15px 0px;

	padding:0px;

	color: #434343;	

	background:#FFF;

	overflow:hidden;

	background-color: #fff;



	}





/*	The main headers within the side bar are in upper case & in the wider font */

#sidebar h2, #sidebar2 h2 {

	font-weight:normal;

	font-size: 0.8em;

	margin: 0;

	padding: 0.5em 0 0.4em 0;

	padding:0;

}





/*	We don't want bullets drawn in our lists */

#sidebar ul , #sidebar2 ul{

	list-style-type: none;

	margin: 0;

	padding: 0;

	}



/*	Some space below each sublist, separating it from the next h2 header */

#sidebar ul ul, #sidebar2 ul ul {

	margin: 0 0 1em 0;

	}









/*	A touch of space to separate links */

#sidebar ul ul li {

	margin: 0 0 0.24em 0;

	-moz-border-radius:2px;

	-khtml-border-radius:2px;

	}



/*	Tighten up around sub-page & sub-category lists */

#sidebar ul ul ul {

	margin: 0;

	}



/*	Sub-sub-pages & sub-sub-categories and sub-sub-sub-etc don't get any blips */

#sidebar ul ul ul ul li:before {

	content: "";

	}







/*	The text box of the search form has space above it, and a little below too

	Can't say font: inherit as IE don't get it

#searchform .s {

	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;

	width: 8em;

	margin:0;

	padding: 0;

	}*/



/*	The header guards its white space */

#header {

	border-bottom:solid 1px #e7e7de;

	width:910px;

	height:120px;

	padding:0px;

	}



/*	The footer resides below both the main column and the side bar (WinIE not sidebar)

	Arial preferred over Verdana to keep text narrow enough for wayward browsers */

#footer {

	float:left;

	clear: both;

	margin: 4em 0 1em 0;

	padding: 0.2em 0 0 0;

	border-top: 1px solid #e7e7de;

	width: 910px;

	}

#footer p{

	padding: 10px;

}

#footer a{

	border:0;

}





/*	Used for Archive & Search page headers as well as the top of 'Pages' */

h2.pagetitle {

	color: #434343;

	padding: 0;

	margin: 0 0 20px 0;

	}



/*	This class holds the next posts/previous posts links

	1px lower padding just required to get Opera to honour margin setting (!) */

.navigation {

	margin: 0 0 1.6em 0;

	padding: 0 0 1px 0;

	font-size: 1em;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left;

	}



/*	Blocks containing only floating child elements seem to have no height. This hack allows

	an empty, non-floating, div to be appended to give the container its true height.

	Used in #page and .navigation */

.snap-to-fit {

	clear: both;

	visibility: hidden;

	}



/*	Each post has a some space below it */

.post {

	margin: 0 0 10px 0;

	padding:0 0 10px 0;

	position:relative;

	border-bottom:1px solid #e7e7de;

	}







/*	Post titles */ 

.post h2 a, .post h3 a {

	background-color: inherit;

	color: #434343;

margin-top:0;

padding-top:0;

	border:0;	

	}



/*	..so we highlight them in orange as they are moused over */

.post h2 a:hover, .post h3 a:hover {

	background-color: inherit;

	color: #ff7010;

	}



/*	This sizes the main body text of posts.

	The overflow declaration stops oversized items such as images from bursting out of the

	page bounds; a local scroll bar is provided on demand instead

	Width 100% required by WinIE else it just lets the overflow occur */

.entry {

padding-top:0;

margin-top:0;

	width: 100%;

	margin:  0 0 0;

position:relative;

	}



.entry a:visited, .commentlist p a:visited {

	background-color: inherit;

	color: #888;

	}



/*	small is used for blog tag line, the time below post titles, the footer text,

	and in comments for form labels and comment metadata */

small, .postmetadata, strike { /*blockquote,*/

	font-size: 10px;

	background-color: inherit;

	}

small{

	margin:0px;

	padding:0px;







}

/*	A little space above & below post metadata */

.postmetadata {

	margin: 0.3em 0 1em 0;



	}



/*	Both postmetadata on single, and alternate comments use this light backwash 

	but comment padding & margin is set separately below */

.alt {

	background-color:#ebf4fb;

	border: 1px solid #c1d0dc  ;

	-moz-border-radius:4px;

	-khtml-border-radius:4px;

	padding: 5px;

	margin: 0;

	}



/*	Used to hold phrases such as "Read more >>" together

.nowrap {

	white-space: nowrap;

	   position: relative;



	}*/

	

p.more-link {



	background: url(bilder/icons.gif) no-repeat;

	}



/*	For Number-of-Comments and Leave-a-Comment headers below single post */

h3.comments {

	margin: 2em 0 1em 0;

	}



/*	Contains all the comments, and gives them a neat right margin by justifying the text */

.commentlist {

	padding: 0;

	margin-left:0px;

	text-indent:0px;

	}



/*	Each comment is a list item in an ordered list; could be numbered but we choose not */

.commentlist li {

	margin: 1.6em 0 0.4em 0;

	padding: 0.5em 0;

	margin-left:0px;

	list-style: none;

	font-weight: normal;

       	background-color:#ebf4fb;

	-moz-border-radius:4px;

	-khtml-border-radius:4px;

	border:0;

	

	}



/*	Can't say font: inherit; as IE don't get it */

.commentlist li, #commentform input, #commentform textarea {

	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;

	}



/*	Comment paragraphs are indented by 0.6em */

.commentlist p {

	margin: 1em 0.6em 1em 0;

	font-weight: normal;

	line-height: 1.5em;

	text-transform: none;

	}



/*	The name of the commenter is cited a little larger */

.commentlist cite {

	font-weight: italic;

	font-style: normal;

	font-size: 1em;

	}



/*	Spaces text in the form area */

#commentform p {

	margin: 0.6em 0;

	padding:0;

	}



/*	Gives the name/mail/web text input boxes their width & spacing */

#commentform input {

	width: 16em;

	padding: 0.25em;

	margin: 0.6em 0.6em 0 0;

	}



/*	The main comment entry box fills the width of the content column */

#commentform textarea {

	/*width: 100%;*/

	width:545px;

	margin: 0.6em 0 0 0;

	}



/*	The text of the "Submit Comment" link should be on the right */

#commentform #submitcomment {

	margin: 0;

	float: right;

	}



/*	Highlight comments in limbo */

.awaitingmoderation {

	border: 1px solid #c00;

	}



/*	A little more gravitas for the "comments are now closed" line */	

.nocomments {

	/*font-weight: bold;*/

	}



/*	For 404 & 'no posts found' page titles */

.problem {

	color: #c00;

	background-color: inherit;

	}



hr {

	margin: 0;

	padding: 0;

	

	}



/*	Image defaults

	Safari bug squishes image out of aspect when shrinking for max-width: 100% here

	But current (November 06) Web-kit builds seem to have fixed this so next release might be OK

	Removing the max-width line allows large images to be full size: scroll to see all */

img {

	max-width: 100%;

	padding: 0;

	margin:2px 0;

border: none;

	}

#header img {

	padding:0;

	margin:0;



}

#header  a {

	border:0px;

	text-decoration:none;

	padding:0;

	margin:0;

	}

a:hover > img{

	opacity:0.75;

	filter:alpha(opacity=75);

	-moz-opacity:0.75;

}

/*	Using these classes with img elements is preferable to align="..." attribute */

img.centered {

	display: block;

	margin: 0.6em auto 0.6em auto;

	}



/*	The actual alignment is done by the general .alignleft rule above

	Typical usage would be for a leading  small picture with text flowing past its right edge */

img.alignleft {

	margin:0.5em 0.9em 0 0;

	clear:left;

	}



img.alignright {

	margin:0.5em 0 0.6em 0.9em;

	}



/*	Lists inside posts

	The html>body prefix is not understood by IE which therefore doesn't read these rules

	as the stylized bullets don't work in IE anyway */

html>body .entry ul {

	margin: 0;

	padding: 0 0 0 2em;

	list-style: none;

	text-indent: -1em;

	}



html>body .entry li {

	margin: 0.8em 0 0.9em 1.1em;

	}



.entry ul li:before {

	content: "\00BB  ";

	}



.entry ol {

	padding: 0 0 0 2em;

	margin: 0;

	}



.entry ol li {

	margin: 0;

	padding: 0;

	}



ol li {

	list-style: decimal outside;

	}



/*	Code should be used for just a few words.. */

code {

	font: 1.1em 'Courier New', Courier, Monospace;

	}



/*	..and the pre tag works better for whole code excerpts */

pre {

	background-color: #f9f9f9;

	color: black;

	padding: 0.6em 0 0.6em 0.6em;

	margin: 0 0 1em 0;

	font: 1.1em 'Courier New', Courier, Monospace;

	white-space: pre;

	overflow: auto;

	border: 1px solid #ddd;

	}



/*	Horrible hack to try to stop IE6 overflowing on long lines in pre elements.

	IE needs a width to turn on overflow, but 100% here with padding leads to the

	overflow scroller itself causing the entry to overflow in turn. Nasty.

	So this just truncates the pre block. Also nasty, but slightly less ugly.

	(The * html prefix selects IE out of all browsers as its the only one to think

	there is a super-element surrounding the html one) */

* html pre {

	width: 30em;

	}



acronym, abbr, span.caps {

	font-size: 1em;

	letter-spacing: .08em;

	cursor: help;

	}



acronym, abbr {

	border-bottom: 0.2em solid #ddd;

	}





blockquote {

	color:#434343;

	margin: 1.6em 0;

	padding: 5px;

       	background-color:#ebf4fb;

	-moz-border-radius:4px;

	-khtml-border-radius:4px;

	border: 1px solid #c1d0dc  ;



}





blockquote strong{

	color: #ff7010;

	}

blockquote em{

	color: #ff7010;

	}



strong, b {

	font-weight: normal;

	}



em, i {

	font-style: italic;

	}



/*	Here we start on styling for the standard calendar widget or my skimmed version */

#wp-calendar {

	empty-cells: show;

	}



/*	Match the sidebar h2 settings so the month caption appears as any other heading.

	Width 100% seems required for Firefox to right-align the caption. */

#wp-calendar caption {

	font-style: normal;

	font-weight: normal;

	text-align: left;

	line-height: normal;

	margin: 0;

	padding: 0.5em 0 0 2px;

	width: 100%;



	}

#wp-calendar caption a:before {

content:"Events - ";

}



/*	The header cells with letters demarking days and the data cells holding numbers

	should have the same settings if they are to align */

#wp-calendar th, #wp-calendar td {

	font-style: normal;

	color:#434343;

	text-align: center;

	padding: 0 0 0 1px;

	margin: 0;

	}



#wp-calendar a {

	text-decoration: none;

	display: block;

	}



#wp-calendar #next a {

	text-align: right;

	}



#wp-calendar #prev a {

	text-align: left;

	}



/*	Add space below standard text widgets so as to match other sidebar items */

li.widget_text {

	margin: 0 0 1.24em 0;

	}



/*	RSS widget titles are also links but are shown in normal text colour */

li.widget_rss h2 a {

	background-color: inherit;

	color: #888;

	}



/*	..so we highlight them in orange as they are moused over */

li.widget_rss h2 a:hover {

	background-color: inherit;

	color: #ff7010;

	}



/*	Set size of embedded audio players in sound attachments (generous height so pad a little) */

.audio_object {

	width: 100%;

	height: 100px;

	}



/*	Set size of embedded video in video attachments. Note the height is just a generous

	guess as there seems no simple way to find the actual video height */

.video_object {

	width: 100%;

	height: 400px;

	}





/*     folding categories styling  */



#folding_category_list .lwfcl_level-0 a , .categories {padding-left:10px; }

#folding_category_list .lwfcl_level-1 a {padding-left:20px; }

#folding_category_list .lwfcl_level-2 a , .children {padding-left:30px; }



.current_page_item {

     padding-left:20px; 

/*background: url(bilder/icons.gif) no-repeat 0 3px;*/

color: #ff7010;





}

.current_page_item a{

color: #FFF;

background-color:#FF7010;

-moz-border-radius:2px;

-khtml-border-radius:2px;

}



.page_item {padding-left:10px; 



}

.page_item a{padding:1px 2px 2px; }

.page_item a:hover{

color:#FFF;

padding:1px 2px 2px; 

background-color:#FF7010;

-moz-border-radius:2px;

-khtml-border-radius:2px;

	border:solid 1px #ccc;





}



#searchform .s, #searchform p{

	width:95%;

	padding:0px;



	display: inline;

	margin:2px 0 0 0;

}

#submitsearch{

	padding: 2px 0;

	/*background: transparent url(bilder/SearchBtn.gif);*/



}

#meta {

/*padding-left:10px;*/

font-size:0.8em;





}





#sidebar2 #kontakt, .meta,#wp-calendar, #skimmed-search {



	background-color:#DDDDDD; /* f4f4f1*/

	border:solid 1px #e7e7de; /*bed4de*/

	-moz-border-radius:4px;

	-khtml-border-radius:4px;

	margin:0 0 10px 0;

	padding:10px;

}



.more-link {

	display:inline;

	background: url(bilder/pfeil_more.gif) no-repeat 0 -12px;

	

	width:30px;

	height:9px;

	font-size: 0.5px;

 	  height: 6px;

 	  overflow: hidden;

	position: absolute;

 	 top: -15px;

	left:515px;

	margin:0px;

 	 border:0;

   

}

.more-link:hover {

	background-position: 0 0;

}

.current_page_item a{

	color: #FFF;

}

.wp-pagenavi {

   clear:both;
   margin-top:35px;

}



#qtranslate-3-chooser li{

  padding-left:10px;

}

#qtranslate-3-chooser li a, #page_item  a{

  margin: 1px 0;

  padding:1px 2px 2px;

  -moz-border-radius:2px;

  -khtml-border-radius:2px;

}

#qtranslate-3-chooser li a:hover, #page_item  a:hover{

   background-color:#FF7010;

}

#qtranslate-3-chooser .active a{

color: #FFF;

  background-color:#FF7010;

}


#qtrans_language_chooser li{

  padding-left:10px;

}

#qtrans_language_chooser li a, #page_item  a{

  margin: 1px 0;

  padding:1px 2px 2px;

  -moz-border-radius:2px;

  -khtml-border-radius:2px;

}

#qtrans_language_chooser li a:hover, #page_item  a:hover{

   background-color:#FF7010;

}

#qtrans_language_chooser .active a{

color: #FFF;

  background-color:#FF7010;

}

.children{

    margin-left:20px;

}



.Search {

padding:0px;

right:0px;

margin:0;

position:relative;

height:20px;





}

.Search form {

margin:0px;

padding:0px;

/*height:24px;*/



}

.Search input {

color:#484848;

height:16px;



/*line-height:0;

font-size:12px;*/

}

.Search input.keyword {

padding:1px 0px 1px 2px;

width:109px;

/*height:26px;*/





background: white; border: 1px solid #FF7010;

}

.Search input.search {

height:20px;

width:20px;

}

.Search .bt {

margin:0px 0px 0px;

padding:0px;

position:absolute;

right:0px;

top:0px;

}