/* Start of CMSMS style sheet 'styles' */
/*  ===================================================
Stylesheet für den Veth Verlag 
Verlag für authentische Spiritualität 
Datei:  styles.css
Datum:  04-05/2009
Autor:  Sylvia Marler
======================================================= */

/* ====================================== 
   1. Kalibrierung und allgemeine Styles 
   ====================================== */

* { margin: 0; padding: 0;}

body { 
	font: 0.8em verdana, arial, sans-serif;
        /*font: 0.8em Georgia, Times New Roman, Times, serif;*/
	color: #333;
	background-color: #ffad08;
	}

a { color: #ffad08; text-decoration: none; } 
a:focus, a:hover { text-decoration: underline;  }
a:active { }
img { border: none; }

.clear { clear: both; }

p  {line-height: 140%; }

/* ==========================================
    2. Schriften  und Überschriften
============================================= */

h1, h2, h3, h4, h5, h6 { 
   font-family: Georgia, Times New Roman, Times, serif; 
   font-weight: normal;
   }  
   
h1 {
   font-size: 1.5em;
   padding: 0;
   /*border-left: 10px solid orange;*/
   background: url(uploads/images/grafik/H1_bg.jpg) no-repeat;
   background-position: bottom left;
   padding: 0px 10px 10px 15px;
   margin: 0 0 15px 0;
	  }
h2, h3 {
   font-size: 1.3em;
   background: url(uploads/images/grafik/H2_bg.jpg) no-repeat;
   background-position: bottom left;
   margin: 0 0 15px 0;
   padding: 0px 10px 10px 0;
   }    

h3 {
   font-size: 1.1em;
   font-weight: bold;
    }   

h4 {
   font-size:1.1em;
   padding:0 0 15px 25px;
   color: #555;
   font-weight: bold;
   line-height:1.3em;
    }   


h5 {
   font-size: 0.8em;
   font-weight: bold;
   margin: 5px 0 5px 15px;
   font-style: italic;
   color: #666;
    }      
   
/* Allgemeine Klassen und IDs */
.skiplink { 
   position: absolute; 
   left: -3000px; 
   top: -2000px; 
   width: 0px; 
   height: 0px; 
   overflow: hidden; 
   display: inline; 
}


/* ==================================== 
    3. Styles für die  Layout-Container 
   ==================================== */
   
#kopfwrapper { 
   color: #333; 
   background: url(uploads/images/grafik/header_bg_verlauf.jpg) repeat;
}

#schatten_links {
	width: 950px;
	margin: 0 auto;
	background: url(uploads/images/grafik/schatten_links.png) repeat-y;
}

#schatten_rechts {
	width: 950px;
	margin: 0 auto;
	background: url(uploads/images/grafik/schatten_rechts.png) repeat-y right;
}

*+ html #schatten_links{
	width: 949px; 
}

* html #schatten_rechts {
	width: 951px; 
}

#kopfbereich {
	width: 955px;
	height: 250px;
	margin: 0 auto;
	background: url(uploads/images/grafik/header_komplett.jpg) no-repeat;
}

#inhaltswrapper { 
   color: #333; 
   background: url(uploads/images/grafik/pattern02.jpg);
}

#hauptbereich {
	width: 935px;
	margin: 0 auto;
	background-color: #fff;
}

#inhalt { /* Inhaltscontainer */
	padding: 20px 0 0 0;
	background-color: #fff;
        margin: 0 0 0 240px;
}

#inhalt img {
        padding: 0 10px;
	}

#textbereich_einspaltig { 
    padding: 10px 25px 10px 10px; 
	}

#textbereich_einspaltig p, #textbereich_zweispaltig p {
        padding: 0 0 15px 25px;
       }

#textbereich_zweispaltig {
	width: 450px; 
	float: left;
	}

#teaser {
	background: url(uploads/images/grafik/Teaser_bg.jpg) repeat-y left;
	/*width: 175px;*/
width: 171px;
	float: right;
	padding: 0 0 0 0; 
}

* html #teaser {
	width: 180px;
	padding: 0; 
}

#teaser a {
	background: none;
}


#teaser h1 {
	background: url(uploads/images/grafik/Teaser_title_bg.jpg) no-repeat left top;
	font-size: 1.3em;
	font-style: italic;
	border: none;
	line-height: 35px;
	height: 47px;
	padding-left: 20px;
	}

#teaser p /*#teaser img*/ {
	margin: 5px 0 5px 15px;
	}	

* html #teaser p, * html #teaser img {
	margin: 0;
	}

#teaser img {
	padding: 0;
	}
	
#fusswrapper {
   /*padding: 10px 20px 20px 20px;
   border-top: 1px solid #8c8c8c; 
   margin-top: 20px; */
   background: url(uploads/images/grafik/footer_bg_verlauf.jpg) repeat-x;
   }

#fuss { 
	width: 955px;
	margin: 0 auto;
	background: url(uploads/images/grafik/footer.jpg) no-repeat;
	height: 138px;
}

#fuss li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font: 0.8em verdana, arial, sans-serif;
	color: #333;
	text-align: center;
}

#fuss #adresse {
	width: 300px; 
	margin: auto;
	padding: 30px 0;
}

/* ==================================== 
   4. Kontaktformular 
   ==================================== */

/* Das Kontaktformular */

form {
   /* width: 500px;  Breite des Formulars */ 
   /*border: 1px solid #FFAD08;*/
}


.kontakt div{
    padding: 10px;
}

.kontakt fieldset {
   border: 1px solid #FFAD08;
   padding: 15px;
   width: 350px;
}


.kontakt legend {
    padding: 0 3px;
    color: #333;
}

.kontakt  input.checkbox {
   float: left;
   margin-top: 7px;
}

.kontakt label.label {
    margin: 5px;
    float: left;
}

.kontakt .newsletter {
    float: left; 
    display: block;
}

.kontakt .newsletter label m4_25 {
    display: inline;
}


.kontakt .newsletter input { 
    float: left;
    display: inline;
    margin: 2px 0; 
}

*+ html .kontakt .newsletter input { 
    margin: -2px 0 0 0;
}

/* Kontaktformular Presse */

div.presseformular {
    width: 640px;
}

*+ html div.presseformular {
    width: 660px;
}

* html div.presseformular {
    width: 650px;
}
.presseformular fieldset  {
    border: 1px solid #FFAD08;
    padding: 5px 5px 5px 23px;
    margin-left: -30px;
}

*+ html .presseformular fieldset {
    padding: 5px 0 5px 3px;
    margin-left:0;
}

* html .presseformular fieldset {
    padding: 0;
    margin:0;
}

.presseformular legend {
    font-weight: bold;
    color: #FFAD08;
    padding: 0 10px;
}

.presseformular input {
    width: 170px;
}

.presseformular .info {
    border: none;
    margin-left: -20px;
    float: none;
}

.presseformular .info {
    border: none;
    margin-left: 0;
    float: none;
}

.presseformular div {
    float: left; 
    margin: 5px 2px;
    padding: 2px;
}


.presseformular label {
    display: inline;
    float: left;
    width: 135px; 
}

.presseformular div.interessen {
    border: none;
    clear: both;
    margin: 20px 0 0 0;
}

.presseformular div.interessen div {
    width: 240px;
    float: left;
}

.presseformular div.interessen input {
    width: 10px;
}
.presseformular div.interessen label {
    clear:left; 
    float: none;
    font-weight: bold;
    margin: 5px 0;
}

.presseformular div.interessen div label {
    display: inline;
    width: 130px;
    font-weight: normal;
}     

.presseformular .checkbox_allein {
    width: 240px;
    display: inline;
    clear: left;
}

.presseformular .checkbox_allein label {
    width: 150px;
}

.presseformular .checkbox_allein input {
    margin: 3px;
    width: 10px;
}

* html .presseformular .checkbox_allein input, *+ html .presseformular .checkbox_allein input {
    margin: 0;
    width: 10px;
}

.presseformular .textfeld {
    /* border: none;*/
      width: 500px; 
      margin: 20px 0 0 0;
      padding: 10px; 
    }
.presseformular .textfeld textarea {
     width: 400px;
}

.presseformular .submit {
    border: none;
}

/* Newsletter Bestellung */

.presseformular fieldset.newsletter {
    border: 1px solid #FFAD08;
    padding: 5px 5px 5px 23px;
    margin-left: 0;
}

.presseformular fieldset.newsletter div {
   width: 510px;
}

.presseformular fieldset.newsletter div div {
   width: auto;
   padding: 0 2em 0 0;
}

.presseformular .bestellen input {
    width: 10px;
    float: left;
}

.presseformular div  hr {
   width: 510px;
   margin: 0 0 10px 0;
}

.presseformular .bestellen div {
   width: 200px;
   margin: 0;
   padding: 0;
} 
.presseformular .bestellen div label {
    float: none;
}

.presseformular fieldset.newsletter div.interessen label {
    clear:left; 
    float: none;
    font-weight: bold;
    margin: 5px 0;
    display: block;
}

.presseformular fieldset.newsletter div.interessen div label {
    display: inline;
    font-weight: normal;
}

/* ==================================== 
   3. Sonstige Styles 
   ==================================== */

/* Aufzaehlung */

#inhalt ul {
     background-color: #fff;
     width: 55%;
     margin: 5px 0 10px 50px;
     padding: 5px;
}        

#inhalt li {
      background: url(uploads/images/grafik/Listenpfeil.gif) no-repeat left center;
      list-style-type: none;
      padding: 5px 5px 5px 20px; 
}
     


/* ======================================= 
   E N D E   screen.css 
   ======================================= */
/* End of 'styles' */