/*
Theme Name:		Walfisch02
Version:		1.2
Author:			elektrischerwalfisch
Author URI:		http://www.elektrischerwalfisch.de/
*/

html {height: 100%;}

body {  background: url('images/schraffur.jpg');color: #000; font-size: /* 62.5% */ 12px; line-height: 1.6em; font-family: courier new, courier, monospace; text-align: left; word-spacing: 0;text-indent: 0; margin: 0; padding: 0; height: 100%;}

* { padding: 0; margin: 0; }


#mainpic { background: url('images/layout.png') no-repeat; position: absolute; top: 70px; left: 130px; z-index: 3; height: 580px; width: 850px;}
#kontaktpic { background: url('images/layout_kontakt.png') no-repeat; position: absolute; top: 70px; left: 130px; z-index: 3; height: 420px; width: 850px;}
#aboutpic { background: url('images/layout_about.png') no-repeat; position: absolute; top: 110px; left: 213px; z-index: 3; height: 590px; width: 170px;}
#impresspic { background: url('images/layout_paragraph.gif') no-repeat; position: absolute; top: 155px; left: 175px; z-index: 3; height: 402px; width: 220px;}
#linkpic { background: url('images/layout_link.gif') no-repeat; position: absolute; top: 185px; left: 215px; z-index: 3; height: 402px; width: 220px;}

		

/*---:[ global elements ]:---*/

a { color: #666666; font-weight:bold; text-decoration: none; }

	a:visited { /*color: #333; text-decoration: underline;*/ }

	a:hover { /*color: #df0000;*/ text-decoration: underline; }
	
	a img { border: none; outline: none; text-decoration: none; float: left; }
	
blockquote { font-style: italic;  color: #555; margin: 0 30px 1.5em 30px; padding: 0 0 0 10px; border-left: 1px solid #aaa; }

abbr, acronym { border-bottom: 1px dotted #aaa; text-transform: uppercase; cursor: help; }
	
code { color: #090; /*font-family: Courier, monospace;*/ }

pre { margin: 0 0 1.5em 0; overflow: auto; /*font-size: 1.3em;*/ clear: both; }

p.center { text-align: center !important; }

p.bottom { margin: 0 !important; }

p.unstyled { /*font-size: 1.4em;*/ }

.flickr_blue { color: #007ae4; text-transform: lowercase; }

.flickr_pink { color: #ff2a96; text-transform: lowercase; }

.green { color: #090; }

.red { color: #f00; }

.orange { color: #f40; }

.purple { color: #909; }






/*---:[ headlines ]:---*/

h1, h2, h3 { /*font-weight: bold; color: #333333;*/ }

h1 { font-size: 150%; letter-spacing: -0.03em; }

	/*#masthead h1 { padding: 0.4em 0 0.2em 0; border-top: 1px solid #ccc; text-align: center; clear: both; }*/
	
	h1 a, h1 a:visited, h1 a:hover { color: #000; text-decoration: none; }
	
h2 {  font-size: 100%; /*2.0em;*/ color: #00CC33; background: black; font-weight: bold; display: inline; margin: 15px 0 0 0; padding: 5px 10px 5px 10px;}
	
	 h2 a{ color: #00CC33; text-decoration: none; padding-bottom:5px;}
	
		/*h2 a:visited { color: #555; text-decoration: none; }*/
	
		/*h2 a:hover { color: #090; text-decoration: none; }*/
		
		#sidebar h2 {  border-top: 0; padding-top: 5px; margin-left: 150px;}
	
	.posts h2 {}
	
	.pages h2, h2.page_header {   }
	
	h2.archive_head {  }
	
	.headline { color: #00CC33; background-color:black; padding: 5px 10px 5px 10px;}

	#nohead { padding-top: 10px; }
	
h3 { font-size: 100%; /*1.0em; text-transform: uppercase;*/ }

	/* #masthead h3 { margin: 0 0 0.75em 0; font-weight: normal; text-transform: none; color: #888; text-align: center; } */

	.entry h3 { margin: 2.5em 0 0.5em 0; }
	
	.entry h3.top { margin: 1.5em 0 0.5em 0 !important; }
	
	h3.comments_headers { /*font-size: 1.4em;*/ }

h4 { font-weight: normal;font-style: italic; font-size: 90% /*1.2em*/; color: #888; }

	h4 a, h4 a:visited { color: #888; text-decoration: none; }
	
		h4 a:hover { color: #888; text-decoration: underline; }
	
	.posts h4 { margin: 0 0 1.25em 0; padding: 0 0 1.0em 0; }
	



/*---:[ core layout elements ]:---*/


#container {height: 100%; }

			#content_box { position: absolute; z-index: 4; top: 0px; left: 0; width: 100%; background: none; height: 100%; /*border: 3px dotted red;*/ }
	#artikel_content_box { position: absolute; z-index: 4; top: 140px; left: 0; width: 100%; background: none;  }
	
		#content {  width: 590px; padding: 0 0 0 210px; min-height: 100%; height: auto !important; height: 100%; margin: 0 0 -2em 0;  /*border: 1px solid green;*/}

		#l_sidebar {  width: 210px; margin: 0; float: left; }
		
		#sidebar { width: 190px; left:608px;
margin:0;
position:absolute;
top:315px;
width:350px; background: none; }
			
	#push { height: 2em;}
	
	#footer { background: white;  height: 3em;}

	#bigspacer {height: 260px;}
	#smallspacer {height: 140px;}
	
	
/*---:[ header styles ]:---*/

#logo { position: absolute; z-index: 4; top: 65px; left: 10px; border: none;}

#masthead { width: 100%; height: 240px;  background: white; border-bottom: solid 10px #00CC33;}

#masthead_start {width: 100%; height: 240px;  background: url('images/start.gif') white no-repeat; border-bottom: solid 10px #00CC33;}
#masthead_web { width: 100%; height: 240px;  background: url('images/web.gif') white no-repeat; border-bottom: solid 10px #00CC33;}
#masthead_grafik { width: 100%; height: 240px;  background: url('images/grafik.gif') white no-repeat; border-bottom: solid 10px #00CC33;}
#masthead_video { width: 100%; height: 240px;  background: url('images/video.gif') white no-repeat; border-bottom: solid 10px #00CC33;}
#masthead_about { width: 100%; height: 240px;  background: url('images/about.gif') white no-repeat; border-bottom: solid 10px #00CC33;}
#masthead_kontakt { width: 100%; height: 240px;  background: url('images/kontakt.gif') white no-repeat; border-bottom: solid 10px #00CC33;}
#masthead_impressum { width: 100%; height: 240px;  background: url('images/impressum.gif') white no-repeat; border-bottom: solid 10px #00CC33;}
#masthead_links { width: 100%; height: 240px;  background: url('images/links.gif') white no-repeat; border-bottom: solid 10px #00CC33;}
#masthead_sitemap { width: 100%; height: 240px;  background: url('images/sitemap.gif') white no-repeat; border-bottom: solid 10px #00CC33;}


  
  #navbar {position: absolute; top: 0; left: 10px; z-index: 10;}
  
  ul#nav li {list-style: none; float: left;  /* ohne width - nach CSS 2.1 erlaubt */ position: relative; margin: 0 10px 0 0; padding: 0;}

  ul#nav li ul { margin: 0; padding: 0; position: absolute; top: 30px; left: 0; display: none;  /* Unternavigation ausblenden */}
  
  * html ul#nav li ul {  /* Korrektur fuer IE 5.x */ left: 0px; lef\t: 0px;}
  
  *:first-child+html ul#nav ul {  /* Workaround fuer den IE 7 */ padding-bottom:0.4em; }
  
  ul#nav li:hover ul {display: block;  /* Unternavigation in modernen Browsern einblenden */}
  
  ul#nav li ul li { float: none; display: block; margin-bottom: 0;}

  ul#nav a, ul#nav span { display: block; width: 188px;  /* Breite den in li enthaltenen Elementen zuweisen */ padding: 2px 0 2px 2px; text-decoration: none; font-weight: bold; border-top: 7px solid #333; color: #333; background: none;}
  
  * html ul#nav a, * html ul#nav span {width: 190px;   /* Breite nach altem MS-Boxmodell für IE 5.x */ w\idth: 188px;  /* korrekte Breite fuer den IE 6 im standardkonformen Modus */}
  
  ul#nav a:hover, ul#Navigation span, li a#aktuell { color: #cccccc;}
    
	ul#nav li span#nolink a {background: none; color: #333; border: none; margin: 0;}

  
/*---:[ list styles ]:---*/

	.thumbnail { width: 190px; float: left; background: transparent;margin: 0; border: 1px solid #A9A9A9;}

	.list-entry { margin: 10px 200px 0 200px ; padding: 5px 10px 5px 10px; background: white;}
	
	.list-title { margin: 2px 0 0 200px ;padding: 0;}

	.list-title a{ margin: 0 ; display: inline; padding: 5px 10px 5px 10px; color: #00CC33; font-weight: bold;background: black; text-decoration: none;}
	
	.list-title a:hover{ color: white;;}



	
/*---:[ content styles ]:---*/



 .entry {  margin-bottom: 15px;} 

 #specheight {  height:  370px; margin: 0;} 

 .right {  float: right;} 
		
	.entry blockquote { /*font-size: 1.0em;*/ }
	
		.entry blockquote.right { width: 200px; font-style: normal !important; /*font-size: 1.3em !important;*/ margin: 0.3em 0 0.3em 15px !important; padding: 0.3em 0 !important; border: 3px double #aaa; border-width: 3px 0; text-align: center; float: right; }
		
		.entry blockquote.left { width: 200px; font-style: normal !important; /*font-size: 1.3em !important;*/ margin: 0.3em 15px 0.3em 0 !important; padding: 0.3em 0 !important; border: 3px double #aaa; border-width: 3px 0; text-align: center; float: left; }
	
			.entry blockquote.right p, .entry blockquote.left p { margin: 0 !important; line-height: 1.4em !important; }

	
	.entry p { width: 370px; margin: 10px 0 0 0 ; padding: 5px 10px 5px 10px; background: white;/*border-left: 4px solid white; white-space: nowrap;*/}

	.entry ul, .entry ol { background:white none repeat scroll 0 0; line-height:16px; list-style-position:inside; padding:0 0 5px 15px; width:375px; }
	
	.entry ul { list-style-type: disc; }
	
		.entry li { margin: 0;}
		
			.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { margin: 0; }
	
	.entry dl { margin: 0 0 1.5em 0; }
			
		.entry dt { font-weight: bold; margin: 0 0 0.5em 0; }
		
		.entry dd { margin: 0 0 1.5em 20px; }
		
	.entry .ad { margin: 0 0 0.5em 15px; float: right; }
	
	.entry .ad_left { margin: 0 15px 0.5em 0; float: left; }

	.entry img { }

		.entry img.left { padding: 3px; margin: 0.5em 15px 0.5em 0; border: 3px double #bbb; float: left; clear: left; }
		
		.entry img.right { padding: 3px; margin: 0.5em 0 0.5em 15px; border: 3px double #bbb; float: right; clear: right;}
		
		.entry img.center { display: block; padding: 3px; margin: 0 auto 1.5em auto; border: 3px double #bbb; float: none; clear: both; }
	
		.entry img.off { padding: 3px !important; border: none !important; }
		
		.entry img.stack { clear: none !important; }
		
		p .entry oject embed {margin: 0; }
		
	.transpic {margin:0 0 20px 0; }

.tagged { padding: 0.4em 0 0 0; background: url('images/hr_tag_sep.gif') no-repeat; /*font-size: 1.2em;*/ line-height: 1.6em; color: #888; clear: both; }

	.tagged a, .tagged a:visited { padding: 0.25em; /*color: #333;*/ text-decoration: none; }
	
		.tagged a:hover { /*color: #fff; background: #333;*/ text-decoration: underline; }
	
	.add_comment { display: block; padding: 0 0 0 20px; /*font-weight: bold;*/ float: right; }

.navigation { width: 590px; /*font-size: 1.4em;*/ float: left; }
	
	/*.previous { padding: 0 20px 0 0; float: left; }*/
	
	.previous { padding: 0 0 10px 0;  }
		

.navigation a{ font-size: 10px; text-decoration: none; margin:   0 ; padding: 5px 10px 5px 10px; 
background: white;}

.navigation a:hover{ text-decoration: underline;}


	
.next { padding: 0 0 10px 0; }



.clear { width: 590px; height: 20px; margin: 0; clear: both; }

.entry .clear { width: 590px; height: 0px; margin: 0; clear: both; }

.rule { background: url('images/hr_tag_sep.gif') no-repeat; }

.flat { margin: 0 0 0 0 !important; }

.whitespace { margin: 0 0 3.5em 0 !important; }



ul#post-navigation { list-style: none; clear: both; font-size: 10px; margin-bottom: 10px;}

ul#post-navigation li.nav01 {background:#FFFFFF; padding:5px 0 5px 10px; }
ul#post-navigation li.nav01 a{padding: 0 5px 0 0 !important; margin: 0;}
ul#post-navigation li.nav02{ }
ul#post-navigation li.nav03 { }

	ul#post-navigation li {  display: inline;  text-align:left; margin-bottom: 10px;}
	
		ul#post-navigation li a, ul#post-navigation li a:visited {  text-decoration: none; padding: 5px 10px; background: #ffffff;}
	
		ul#post-navigation li a:hover {  text-decoration: underline; }
		
	ul#post-navigation li.respond { width: 120px; float: right; }
			
		ul#post-navigation li.respond a { text-align: left; display: block; }	
		

/*---:[ sidebar styles ]:---*/

ul.sidebar_list { list-style: none; }

ul.sidebar_list p { color: white; background: black; margin-top: 8px; padding: 5px 10px; float: right; width: 180px; font-size:0.8em;line-height:1.5em; font-weight: bold;}

ul.sidebar_list img{ width: 139px; position: absolute; top: 0; right: 209px;}

	ul.sidebar_list li.widget, ul.sidebar_list li.linkcat { width: 190px; margin: 0 0 2.5em 0; /*font-size: 1.3em;*/ line-height: 1.1em; float: left; }

		li.widget h2, li.linkcat h2 { font-weight: bold; font-size: 100%; /*text-transform: uppercase;*/ letter-spacing: normal; margin: 0 0 0.8em 0; padding: 10px 2px 0 10px; background: white; }

		li.widget p { margin: 0 0 1.5em 0; padding: 0 10px; }
		
		li.widget ul, li.linkcat ul { list-style: none; margin: 0 0 0.5em 10px; }
		
		li.widget ol, li.linkcat ol { margin: 0 0 0.5em 20px; }
		
			li.widget li, li.linkcat li { margin: 0 0 0.7em 0; }
			
				li.widget li a, li.widget li a:visited, li.linkcat li a, li.linkcat li a:visited { text-decoration: none; }
				
					li.widget li a:hover, li.linkcat li a:hover { text-decoration: underline; }
			
				li.widget li .recent_date { padding: 0 0 0 8px; font-weight: bold; color: #888; }
		
		li.widget ul.flickr_stream { list-style: none; margin: 0; padding: 0 10px; }
		
			li.widget ul.flickr_stream li { margin: 0; padding: 0 5px 5px 0; display: inline; }
			
				li.widget ul.flickr_stream li a img { padding: 3px; }
				
				li.widget ul.flickr_stream li a:hover img { background: #ff2a96; }
		
			/*---< FlickrRSS styles for the widget only >---*/
		
			li.widget_flickrrss { }
			
				li.widget_flickrrss a img { margin: 0 5px 5px 0; padding: 3px; }
				
				li.widget_flickrrss a:hover img { background: #ff2a96; }
				
		/*---< Calendar widget styles >---*/
		
		#calendar_wrap { /*font-size: 1.3em;*/ }
				


/*---:[ footer styles ]:---*/

#footer { clear: both; }

#footer p { margin: 0; padding: 3px 10px 0 0;/*font-size: 1.3em;*/ text-align: right; }

	#footer a { color: #888; text-decoration: none; }
		
		#footer a:hover { color: #888; text-decoration: underline; }
		
		#footerleft { float: left; margin: 5px 10px 0 10px; }
		#footerright { float: right; margin: 5px 10px 0 10px;}



/*---:[ comment styles ]:---*/

#comments { width: 500px; float: left; clear: both; }

	ul#comment_list { list-style: none; margin: 0 0 4.0em 0; border-top: 1px solid /*#bbb*/; float: left; }
		
		ul#comment_list li.comment { width: 500px; padding: 1.2em 0 0 0; border-bottom: 1px dotted #bbb; float: left; }
			
		ul#comment_list li.trackback { width: 470px; padding: 1.2em 15px 0 15px; background: url('images/trackback_bg.gif'); }
				
			.comment_meta { margin: 0 0 1.2em 0; }
			
				.comment_num { padding: 0 15px 0 20px; font-weight: bold; /*font-size: 1.4em;*/ float: right; }
				
				.trackback .comment_num { padding: 0 0 0 20px; }
				
					.comment_num a, .comment_num a:visited { color: #888; text-decoration: none; }
					
						.comment_num a:hover { color: #df0000; text-decoration: none; }
				
				.comment_meta strong { /*font-size: 1.5em;*/ font-weight: bold; }
					
				.comment_time { font-weight: normal /*1.1em*/; color: #888; }
		
			.comment .entry { padding: 0 15px; }
			
				.comment .entry p { margin: 0 0 1.0em 0; }
			


/*---:[ comment form styles ]:---*/

#comment_form { width: 500px; padding: 1.0em 0 0 0; float: left; }

	#comment_form p { padding: 0.6em 0; }
	
		#comment_form label { padding: 0 0 0 10px; /*font-size: 1.2em;*/ }

		#comment_form .text_input { width: 201px; padding: 3px; color: #444; font-weight: normal /*1.4em*/; border-top: 2px solid #999; border-left: 2px solid #999; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
		
		#comment_form .text_area { width: 311px !important; }
	
			#comment_form .text_input:focus { border-top: 2px solid #666; border-left: 2px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
	
		#comment_form .form_submit { width: 100px; padding: 0.4em 4px; background: url('images/submit_bg.gif'); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; font-weight: bold /*1.4em*/; cursor: pointer; }
		
		#comment_form p.subscribe-to-comments {/*font-size: 1.4em;*/ }
		
			#comment_form p.subscribe-to-comments label { /*font-size: 1.0em;*/ }
			


/*---:[ search form styles ]:---*/

#search_form {  }

	#search_form .search_input {   width: 92px; padding: 3px; /*color: #090;*/ font-weight: normal /*1.0em*/; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; }
	
	li.widget .search_input { /*font-size: 1.1em !important;*/ }
	
		#search_form .search_input:focus { border-top: 1px solid #666; border-left: 1px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
		
		input#searchsubmit { width: 100px; background: url('images/pfeil.gif') no-repeat; border: none;  }
		input#searchsubmit:hover { cursor: pointer;}
		
		#blogmonster { height: 110px; margin: 0; position: relative;}
		#suchmaske { position: absolute; left: 660px; bottom: 10px; }
		
#daten{margin: 10px 0 0 0; padding: 5px 10px; width: 370px;background: white;}

#daten strong{margin: 0; padding: 0; width: 80px; float: left; display: block;}

#daten span{margin: 0 0 0 90px; padding: 0;  width: 275px; display: block;}

#daten br{display: none;}