/*
Theme Name: Yogatraumreise
Theme URI: http://yogatraumreise.de
Description: WordPress-Layout
Version: Version 1.0
Author: Ralph Segert
Author URI: http://segert.net
*/


* {
margin: 0;
padding: 0;
}

body {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-align: center;
background-color: #fff;
color: #000;
font-size: 13px;
}

a:focus {
outline: none;
}

em {
background-color: #ebeaea;
font-style: normal;
}

/*  Linkformatierung
_________________________*/


p a, #content li a, #content2 li a {
color: #ce2b37;
border-bottom: 1px dotted;
text-decoration: none;
}

p a:hover, #content li a:hover, #content2 li a:hover {
color: #668c3f;
border-bottom: 0px dotted;
text-decoration: none;
}


#content .info a, #content2 .info a {
border-bottom: 0px dotted;
text-decoration: none;
}


#fusssidebar a {
color: #fff;
border-bottom: 0px dotted;
text-decoration: none;
}

#fusssidebar a:hover {
color: #000;
border-bottom: 0px dotted;
text-decoration: none;
}

#sidebar a, #comments a {
color: #48712d;
border-bottom: 0px dotted;
text-decoration: none;
}

#sidebar a:hover, h2 a:hover, #comments a:hover {
color: #668c3f;
border-bottom: 0px dotted;
text-decoration: none;
}

h2 a, h3 a {
color: #ce2b37;
border-bottom: 0px dotted;
text-decoration: none;
}

h2 a:hover, h3 a:hover {
color: #668c3f;
border-bottom: 0px dotted;
text-decoration: none;
}

#sidebar li a {
color: #000;
border-bottom: 0px dotted;
text-decoration: none;
}

#sidebar .yogareiselink a, #sidebar .ebooklink a, #sidebar .sidebargrafiklink a {
color: #48712d;
border-bottom: 0px dotted;
text-decoration: none;
}

#sidebar .yogareiselink a:hover, #sidebar .ebooklink a:hover, #sidebar .sidebargrafiklink a:hover  {
color: #668c3f;
border-bottom: 0px dotted;
text-decoration: none;
}

#sidebar .widget li a { 
text-decoration:none;
}

#sidebar .widget li a:hover { 
text-decoration:none;
}

#sidebar .widget  ul li ul li a { 
color: #48712d;
}

#sidebar .widget  ul li ul li a:hover { 
color: #668c3f;
}

.tagging a {
border-bottom: 0px dotted;
text-decoration: none;
}

.tagging a:hover {
color: #48712d;
border-bottom: 0px dotted;
text-decoration: none;
}

img {
border: 0;
}


/*  Layoutboxen und Formatierung fuer Kopfbereich
_____________________________________________________________________*/


#wrappertop {
width: 846px;
margin: 0 auto;
}


#kopf {
float: left;
width: 846px;
text-align: right;
margin-top: 32px;
height: 85px;
color: #fff;
background: url(images/logo-yogatraumreise.jpg) right no-repeat;
background-position: 584px 0;
}


#kopf strong {
display: none;
}

h1 { /* Versteckte �berschrift f�r suchmaschinenrelevante �berschrift, kann l�nger ausfallen */
float:right;
margin-top: 0px;
margin-right: 10px;
height: 90px;
width: 255px;
}

h1 a {
float: left;
height: 90px;
width: 255px;
}

.yogafrosch {
position: relative;
left: 0;
top: 24px;
}



/*  Layoutboxen Contentbereich und Navigation
_________________________________________________*/


#wrappercontent {
width: 846px;
margin: 0 auto;
background-color: transparent;
}

#wrapperspalten {
width: 846px;
float: left;
background: url(images/bg-wrapper.gif) repeat-y;
background-position: 0 20px;
}

#content {
float: left;
width: 532px;
margin: -74px 0px 0 0;
text-align: left;
padding-bottom: 20px;
}

#content2 {
float: left;
width: 532px;
margin: 15px 0px 0 0;
text-align: left;
padding-bottom: 20px;
}



#sidebar {
float: right;
width: 276px;
text-align: left;
padding-bottom: 30px;
}



#wrapperfuss {
z-index: 4;
width: 100%;
float: left;
margin: 0 auto;
background: #000 url(images/bg-gruen.gif) top repeat-x;
color: #fff;
}

#fuss {
width: 844px;
margin: 0 auto;
}

#fusscontent {
float: left;
width: 494px;
margin: 0;
padding: 35px 0px 20px 0px;
text-align: left;
}


#fusssidebar {
z-index: 2;
float: right;
margin: 0;
padding: 30px 20px 70px 30px;
width: 213px;
border-left: 6px solid #ddd;
border-right: 6px solid #ddd;
text-align: left;
background: #ce2b37 url(images/bg-sidebar-unten.gif) left top no-repeat;
background-position: -6px 0;
}




#wrapperartikel {
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 100%;
float: left;
margin: 0 auto;
background-color: #000;
color: #fff;
border-bottom: 6px solid #5b7832;
}

#topartikel {
width: 844px;
margin: 0 auto;
}

#topcontent {
float: left;
width: 494px;
text-align: left;
}

#topsidebar {
float: right;
text-align: center;
margin: 0;
width: 263px;
border-left: 6px solid #5b7832;
border-right: 6px solid #5b7832;
background-color: #ce2b37;
}

#topsidebar a {
display: block;
font-size: 12px;
padding: 9px 0 10px 0;
color: #fff;
background-color: transparent;
border-bottom: 0;
text-decoration: none;
}

#topsidebar a:hover {
background-color: #5b7832;
color: #fff;
}

#topcontent ul {
list-style: none;
}

#topcontent ul li {
float:left; 
position:relative;
}

#topcontent ul li a {
display: block;
font-size: 12px;
text-align: left;
height: 20px; 
color: #fd3d4b;
background-color: transparent;
overflow:hidden;
border-bottom: 0;
text-decoration: none;
padding: 8px 10px 5px 10px;
}

#topcontent ul li:hover a {
background-color: #5b7832;
color: #fff;
}

#topcontent ul li a.aktiv {
background-color: #5b7832;
color: #fff;
}




#clear {
clear:both;
visibility:hidden;
width:0;
height:0; 
margin:0; 
padding:0; 
}





/* Grundformatierungen Headlines und Fliesstext
___________________________________________________*/


#content h2, #content2 h2 { 
text-align: left;
font-size: 18px;
width: 532px;
color: #668c3f;
line-height: 28px;
padding: 15px 0px 6px 0px;
border-top: 1px solid #ce2b37;
}



h3 { 
text-align: left;
font-size: 18px;
font-weight: bold;
color: #000;
line-height: 30px;
padding: 10px 15px 18px 0px;
}

h4 { 
text-align: left;
font-size: 18px;
font-weight: normal;
color: #999;
padding: 0 15px 40px 0px;
margin-top: -62px;
}

h5 { 
text-align: left;
font-size: 14px;
font-weight: bold;
color: #555;
padding: 20px 15px 8px 0px;
}


p {
font-size: 13px;
line-height: 21px;
text-align: justify;
padding: 0 0 10px 0px;
}

#content img a {
border-bottom: 0;
text-decoration: none;
}



.datum {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #eee;
margin: 0;
letter-spacing: 1px;
width: 108px;
text-align: center;
font-weight: bold;
padding: 14px 0px 0 0;
height: 27px;
background: url(images/bg-datum.jpg) top left no-repeat;
}


.info {
font-size: 12px;
color: #000;
margin: 15px 0 60px 0;
width: 501px;
text-align: left;
padding: 9px 10px 0 20px;
height: 35px;
border-top: 1px solid #ce2b37;
background: url(images/bg-infozeile.gif) top left no-repeat;
}



.sidebargrafik {
text-align: center;
padding: 20px 0 20px 0;
background-color: #efeeee;
margin: 0;
}

.sidebargrafiklink {
display: block;
font-weight:bold;
text-align: center;
margin: 0;
margin-top: 8px;
}


.yogareise {
text-align: center;
padding: 20px 0 30px 0;
background-color: #efeeee;
}

.yogareiselink {
display: block;
font-weight:bold;
text-align: center;
margin-top: -29px;
}

.ebook {
text-align: center;
padding: 20px 0 30px 0;
background-color: #efeeee;
}

.ebooklink {
display: block;
text-align: center;
margin-top: -63px;
line-height: 30px;
}


.tagging {
margin: 0;
padding: 4px 0 10px 0;
text-align: center;
letter-spacing: 1px;
}


.last {
padding: 0 28px 60px 50px;
}


#fuss .footer {
font-size: 12px;
color: #fff;
letter-spacing: 1px;
text-align: center;
padding: 60px 0px 30px 0px;
margin: 0;
padding-bottom: 0;
}


#content ul, #content2 ul {
list-style-type: square;
margin-top: 0px;
margin-bottom: 25px;
margin-left: 20px;
margin-right: 20px;
}

#content li ul, #content2 li ul {
margin-bottom: 25px;
}


#content li, #content2 li {
font-size: 13px;
letter-spacing: 0px;
line-height: 21px;
text-align: left;
margin-top: 3px;
margin-bottom: 3px;
}


#fusssidebar ul {
list-style-type: square;
margin: 20px 20px 50px 20px;
}


#fusssidebar li {
font-size: 13px;
letter-spacing: 1px;
line-height: 21px;
text-align: left;
margin-bottom: 6px;
}



/*  Sidebar
_________________________________________________*/

#suche {
margin-top: 0;
width: 276px;
height: 59px;
text-align: left;
background: url(images/bg-suche.gif) left no-repeat;
}

#suche form {
margin:0; 
padding:0; 
}

/* Felder uund Buttons fuer Suche */


#suche .suche {
padding: 6px 0 0 10px;
}

#suche .suchfeld {
width: 158px;
border: 1px solid #356833;
height: 20px;
background-color: #fff;
margin: 2px 0 0 10px;
color: #000;
letter-spacing: 1px;
vertical-align: middle;
}

#suche .suchbutton {
font-size: 12px;
background-color: #fff;
color: #fff;
border:0;
margin-left:8px;
padding-top:6px;
height: 34px;
width: 60px;
letter-spacing: 1px;
background: url(images/bg-suchbutton.gif) no-repeat;
background-position: 0 12px;
}


/* Wordpress Widgets */

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

#sidebar .widget  ul li ul { 
margin: 0px 0 6px 20px; 
list-style:none;
}

#sidebar .widget  ul li ul li { 
color: #f93;
list-style: square;
}

#sidebar .widget { 
width: 264px;
background-color: #fbfbfa;
padding-bottom:2px;
margin-left:6px;
}

#sidebar .widget h2 { 
color: #6f913d; 
font-size: 17px; 
font-weight: bold; 
letter-spacing: 0;
line-height: 38px;
background:url(images/bg-sidebar-heads2.gif) no-repeat 30px 30px; 
padding: 16px 2px 0 52px;
list-style:none;
}


#sidebar .widget ul { 
margin: -8px 0 20px 53px; 
list-style:none;
}


#sidebar .widget li { 
color: #48722d;
padding: 5px 10px 0 0px; 
font-size: 13px; 
}

#sidebar .widget_get_recent_comments li {
font-size: 12px;
padding: 4px 30px 4px 1px;
}

#sidebar .widget_links li {
font-size: 12px;
padding: 4px 30px 0 1px;
}





/*  Pagebar
_________________________________________*/


#mehr { 
margin: 40px 0 40px 0px;
text-align: center;
}


#mehr .pagebar {
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 11px;
letter-spacing: 1px;
padding: 0.3em 0.8em;
margin-top: 0px;
text-decoration: none;
}

#mehr .pagebar a, .pageList .this-page {
border: 1px solid #5b7832;
text-decoration: none;
margin-left: 4px;
padding: 0.3em 0.8em;
color: #000;
}

#mehr .pagebar a:visited {
border: 1px solid #5b7832;
text-decoration: none;
margin-left: 4px;
padding: 0.3em 0.8em;
}

#mehr .pagebar .break {
color: #fff;
margin-left: -4px;
border: 0;
background: #fff;
text-decoration: none;
}

#mehr .pagebar .this-page {
border: 1px solid #48712d;
padding: 0.3em 0.8em;
background: #ce2b37;
margin-left: 4px;
color: #fff;
}

#mehr .pagebar a:hover {
border: 1px solid #5b7832;
color: #ce2b37;
background: #fff url(images/bg-hm.gif)  left repeat-x;
}

#mehr .pagebar .inactive {
border: 1px solid #ccc;
color: #ccc;
text-decoration: none;
padding: 0.3em 0.8em;
}



/* Text und Listen im Kommentarbereich
________________________________________*/


#comments {
width: 532px;
}

#comments ul li {
list-style-type: none;
background-color: transparent;
letter-spacing: 0;
}


#comments .kommentar {
list-style-type: none;
background-color: transparent;
margin: 0;
}


#comments .header {
margin: 10px 0 0px 0px;
color: #666;
width: 525px;
text-align: left;
padding: 10px 0px 0 20px;
height: 33px;
letter-spacing: 0;
background: url(images/bg-comment.gif) top left no-repeat;
}


#comments .comment {
margin: 0 0 20px 0;
padding: 12px 10px 0px 20px;
background-color: #efeeee;
color: #333;
}


#comments .trackback {
margin: 0 0 20px 0;
padding: 12px 10px 0px 20px;
background-color: #ddd;
color: #666;
}

#comments .pingback {
margin: 0 0 20px 0;
padding: 12px 10px 0px 20px;
background-color: #ddd;
color: #666;
}

#comments .bearbeiten {
letter-spacing: normal;
}


/* Das Kommentarformular
________________________________________*/


form {
margin: 20px 0 30px 0;
}

fieldset {
padding: 10px 10px 10px 0;
border: 0px;
}


label {
float: left;
width: 100px;
}

.textfeld {
width: 220px;
font-size: 14px;
height: 24px;
border: 1px #ce2b37 solid;
background-color: #fff;
color: #000;
}

.kommentarfeld {
width: 360px;
font-size: 12px;
border: 1px #ce2b37 solid;
background-color: #fff;
color: #000;
}

.sendbutton {
width: 220px;
border: 1px #48712d solid;
font-size: 13px;
background-color: #f9f9f9;
color: #fff;
height: 34px;
padding-bottom: 4px;
letter-spacing: 2px;
margin-left: 100px;
margin-top: 20px;
vertical-align: middle;
background: url(images/bg-button.gif) repeat-x;
}




/* Sonstiges
____________________________________*/


hr {
clear:both;
visibility:hidden;
width:0;
height:0; 
margin:0; 
padding:0; 
}