/*
Theme Name: gute-reise
Version: 0.1
Author: Tim Portner fuer 3task.de
Author URI: http://www.3task.de
*/


* { padding: 0; margin: 0; }
html, body { font: small "Trebuchet MS", sans-serif; line-height: 1.1em;color: #666666; height: 100%; background: url(images/index_02.png);  }

img { border: 0; }
a { text-decoration: none; }
ul { list-style: none; }


/* = main
----------------------------------------------- */
#main { width: 957px; margin: 0 auto; }


/* = header
----------------------------------------------- */
#header { width: 957px; height: 281px; background: url(images/index_01.png); }


/* = bar
----------------------------------------------- */
#bar { width: 957px; height: 28px; background: url(images/index_03.png); text-align: center; padding-top: 10px; }
#bar a:hover { font-weight: bold; text-decoration: underline; }


/* = background
----------------------------------------------- */
#background { width: 957px; background: url(images/index_12.png) bottom no-repeat;	float: left; padding-bottom: 100px; position: relative; }


/* = content 
----------------------------------------------- */
#content { width: 957px; float: left; background: url(images/index_04.png); }



/* = content - navigation 
----------------------------------------------- */
#content #navigation { width: 216px; float: left; display: inline; background: url(images/index_06.png); margin-left: 15px; }
#content #navigation img { float: left;	 }
#content #navigation ul.nav0 { width: 175px; float: left; display: inline; margin-top: 5px; margin-left: 20px; }
#content #navigation li { background: url(images/index_08.png) no-repeat; padding-left: 20px; clear: left; }
#content #navigation li.current_page_item { background: url(images/index_08_hover.png) no-repeat; padding-left: 20px; }
#content #navigation li.current_page_item a { font-weight: normal; }
#content #navigation li a:hover { color: #ffffff; background: #c3a565; }
#content #navigation li a { width: 100%; display: block; padding: 2px; color: #555555; font-weight: bold; }
#navigation #s { width: 90px; }

#content #navigation ul.nav0 ul { display: none; }
#content #navigation ul.nav0 li.current_page_item > ul, #content #navigation ul.nav0 li.current_page_ancestor > ul { display: block; }



/* = content - box
----------------------------------------------- */
#content #box { width: 690px; float: right; background: url(images/index_10.png); margin-top: 5px;	margin-right: 15px; position: relative; }


#content #box a { color: #c8161d; text-decoration: underline;	 }
#content #box .special { color: #3a67ab; text-decoration: underline;	 }
#box h1, #box h2, #box h3  { padding-bottom: 3px; color: #c8161d;	 }
#box h1 { font-size: 1.3em; }
#box h2 { font-size: 1.2em; }
#box h3 { font-size: 1.1em; }
#box * { clear: left; padding: 3px 15px; color: #787777;	 }
#box * *, #box img { padding: 0px; }
#box img { float: left; }
#box ol { padding-left: 35px; }

.rightcontent { width: 130px; float: right!important; text-align:right; clear: none!important; padding: 3px 0!important; }
.rightcontent img { float:none!important; clear: none!important; display: block; }
.leftcontent p { padding: 3px 0!important; }
.leftcontent { width: 530px!important; float: left!important; clear: none!important; padding: 3px 15px; }
.clear { clear: both; }


/* = footer
----------------------------------------------- */
#footer { width: 837px; height: 73px; float: left; background: url(images/index_13.png); color: #976b33; padding: 5px 0 0 120px; }
#footer a { color: #ffffff; font-weight: bold; }
#footer ul { float: left; }
#footer ul li { padding: 4px; float: left; }
#footer ul li:hover { background: #7f6032; }
#footer #copyright { clear: both; padding: 5px 0 0 4px; }


/* = Wordpress
------------------------------------------ */
#box .commentmetadata { font-style:italic; }
#box .postmetadata { padding-top: 10px; }
#box #comment { width: 100%; }