/**
*
*	Projekt: Yoga und Trauma
*	======================================================
*
*	Website: www.yogaundtrauma.de
*
*   Ausgabe: media/print
*
*/


/**	=A
*
*	Inhaltsverzeichnis
*	======================================================
*
*	C....Farben
*	G....Grundeinstellungen (reset)
*	E....HTML-Elemente
*	L....Links
*	S....Seitenlayout & Bereiche
*	I....Inhaltselemente
*	II.... Inhaltsverzeichnis
*	IB.... Bilder
*	IO.... Boxen
*	IT.... Tabelle
*	N....Navigation
*	NS.... Subnavigation
*	P....Anweisung für einzelne Seiten
*
*	alle Abschnitte können über =[X] angesprungen werden
*
*/


/**	=C
*
*	Farben
*	======================================================
*
*	#4d6f89		= dunkelblau ( Überschriften, Linien )
*	#404dbd		= hellblau ( Links )
*	#b5bdc4		= dezentes hellblau ( Hintergrund: Subnavigation )
*	#834289		= lila ( besuchte Links )
*	#000		= schwarz ( gestrichelte Trennlinie Hauptinhalt )
*	#272727		= fast schwarz ( Text: Navigation )
*	#cacaca		= dunkelgrau	( Umrandung: Inhaltsverzeichnis, Boxen, Zitate; )
*	#bbb		= mittelgrau ( Umrandung: Linie Hauptnavigation )
*	#d9d9d9		= helles grau ( Hintergrund: Inhaltsverzeichnis, Boxen, Zitate )
*	#e3e3e3		= sehr helles grau ( Text: Gedicht )
*
*
*	Tabelle ( grautöne ):
*	---------------------
*
*	#979797		= Umrandung: Tabelle
*	#c6c6c6		= ungerade Zeilen
*	#dadada		= gerade Zeilen
*	#bababa		= Linie oberhalb von Zeilen
**/

/**	=G
*
*	Grundeinstellungen ( Reset )
*	=========================================================
*
*/

* {
	 margin: 0px;
	 padding: 0px;
}


/**	=E
*
*	HTML-Elemente
*	=========================================================
*
*/

body {
	 background: #D7D7D7 url("body_bg.jpg") repeat-x;
	 font-family: "Verdana", "Helvetica", "Bitstream Vera Sans", sans;
	 font-size: 10pt;
}

h1 {
	 color: #4d6f89;
	 border-bottom: 1px solid #4d6f89;
	 font-size: 1.6em;
	 margin: 10px 0 20px 0px;
}

h2 {
	 color: #4d6f89;
	 border-bottom: 1px dashed #4d6f89;
	 font-size: 1.4em;
	 margin: 25px 0 10px;
}

h3 { 
	 margin: 20px 0 5px;
	 font-size: 1.3em;
	 color: #4d6f89;
	 text-decoration: underline;
}

#margi h3 {
	 font-size: 1.15em;
	 color: #272727;
	 text-decoration: none;
}

p {
	 font-size: 1.15em;
	 margin-bottom: 15px;
}

ul {
	 margin-bottom: 15px;
}

#main #content ul li {
	 list-style-type: square;
}

#main #content ol li {
     list-style-type: decimal;
}

dl {
	 padding: 0 25px;
}

dt {
	 margin-bottom: 5px;
	 border-bottom: 1px solid #4d6f89;
	 font-size: 1.15em;
}

dt a {
	 color: #4d6f89;
	 font-weight: bolder;
	 text-decoration: none;
}

dd {
	 margin: 0 0px 20px 10px;
	 font-size: 1.15em;
}


/**	=L
*
*	Links
*	======================================================
*
 */

a {
	 color: #404dbd;
}

a:visited {
	 color: #834289;
}

a:focus {
	 outline: none;	/* damit die gepunktete Umrandung von im focus stehenden Links nicht angezeigt wird ( ggf. löschen, da es evtl. die Zugänglichkeit verschlechtert!? */
}

.top-link {
	 display: none;
}

#index .top-link {
	 margin-top: -20px;
}

#col1-2 .top-link {
	 margin-right: 20px;
}


/**	=S
*
*	Seitenlayout / Bereiche
*	======================================================
*
*/

/**
*	Container
*	------------------------------------------------------
*/

#wrapper {
	 width: 832px;
	 margin: 0 auto;
}


/**
*	Kopfbereich
*	------------------------------------------------------
*/

#header {
	 display: none;
}


/* ---- Kopfbereich Ende ---- */


/**
*	Inhaltsbereich
*	------------------------------------------------------
*/

#main {
	 padding: 10px 0;
	 background-image: url("main_bg.jpg");
	 background-repeat: repeat-y;
	 width: 832px;
	 position: relative;
}


/**
*	Hauptinhalt
*	------------------------------------------------------
*/

#content {
	 padding: 10px 15px 10px 30px;
	 width: 512px;
	 background-image:url("yogaillu_links.sw3.jpg");
	 background-repeat: no-repeat;
	 background-position: top left;
}

#content li {
	 list-style-type: none;
	 margin: 10px 0 5px 25px;
	 font-size: 1.15em;
}

#content ol {
	 margin: 10px 0;
}


/**
*	Seitenleiste
*	------------------------------------------------------
*/

#margi {
	 margin-left: 0px;
	 padding: 10px 12px;
	 width: 235px;
	 position: absolute;
	 top: 0px;
	 right: 15px;
}


/**
*	Über zwei Spalten
*	------------------------------------------------------
*/

#col1-2 {
	 margin-bottom: -15px;
	 padding: 20px 15px 5px 0px;
	 width: 771px;
	 background-color: #fff;
}

#col1-2 h2 {
	 margin-top: 0px;
}

/* ---- Inhaltsbereich Ende  ----*/


/**
*	Fussbereich
*	------------------------------------------------------
*/

#footer {
	 display: none;
}


/**	=I
*
*	Inhaltselemente
*	======================================================
*
*/


.abstand-name {
	 padding-top: 10px;
	 margin-bottom: 2px;
}

.ohne-abstand {
	 margin-bottom: 0px !important; /* für Absätze ohne anschließende Leerzeile und vor top-Links*/
}

.p-up {
	 margin-top: 25px; /* gößerer Abstand eines Abstatzes nach oben */
}

.p-bottom {
	 padding-bottom: 10px; /* größerer Abstand eines Absatzes nach unten */
}

.p-small {
	 margin-bottom: 5px;
}

p.zugangswege {
     margin: 0px 0 -3px;
}

.underline {
	 text-decoration: underline;
}

.einzug {
	 padding-left: 15px;
}

.mittig {
    text-align: center;
}

.sonderzeichen {
	 padding-left: 0.15em; /* werden damit ein wenig nach rechts verschoben */
}

.fussnote {
	 padding-left: 38px;
	 font-size: 1.02em;
	 text-indent: -13px; 
}

.schrift_klein {
	 font-size: 75%;
}

.inline {
	 display: inline;
	 margin-bottom: -3px;
}

.screen {
	 display: none;
}

ol li.unterpunkt-1 {
     margin: 0px 0 0px 45px;
     font-size: 1em;
}

ul li.unterpunkt-1 {
     margin: 2px 0 0px 45px;
     font-size: 1em;
}

#content .aufzaehlung {
     margin-left: 120px;
}


.bild-rechts {
     border: 1px solid #4d6f89;
     margin: 0px 0px 0px 15px;
     float: right;
}

/**	=II
*
*	Inhaltsverzeichnis
*	------------------------------------------------------
*/

#inhaltsverzeichnis {
	 margin: 20px 0 30px 30px;
	 background-color: #d9d9d9;
	 width: 350px;
	 padding: 0px 5px 5px 30px;
	 border: 1px solid #cacaca;
}

#inhaltsverzeichnis h2 {
	 margin: 5px 0 9px -15px;
	 padding: 0;
	 border: none;
	 font-size: 1.25em;
}

#inhaltsverzeichnis ul {
	 margin-left: 0px;
}

#inhaltsverzeichnis li {
	 margin: 2px 0 0 4px !important;
	 list-style-image:url(bullet_white.jpg);
	 font-size: 1.1em;
}

#inhaltsverzeichnis li li{
	 font-size: 1em;
}

#inhaltsverzeichnis a {
	 text-decoration: none;
	 color: black;
}


/**	=IB
*
*	Bilder
*	------------------------------------------------------
*/

.fotolinks {
	 margin: 4px 10px -2px 0px;
	 float: left;
}

#index .fotolinks {
	 margin-top: 6px;
}

.flagge {
	 padding-left: 10px;
}


/**	=IO
*	Boxen
*	------------------------------------------------------
*/

/* ---- Zitate im Hauptinhaltsbereich ---- */

.quote-content {
	 margin: 20px 10px 20px;
	 padding: 10px;
	 background-color: #e0e0e0;
	 font-size: 1em;
}

.cite {
	 margin: -15px 0 15px 20px;
	 font-size: 1em;
}


/* ---- Infoboxen ( Seitenleiste ) ---- */

.box-g {
	 margin: 25px 5px;
	 background-color: #d9d9d9;
	 border: 1px solid #cacaca;
}

.box-g h3 {
	 margin: 0px;
	 padding: 2px 10px;
	 background: url("box-g_head_bg.jpg") no-repeat;
	 font-size: 1.05em !important;
}

.box-g h4 {
	 margin: 0px;
	 padding: 2px 10px;
	 background: url("box-g_head_bg.jpg") no-repeat;
	 font-size: 1.03em;
}

.box-g ul {
	 margin: 10px 0;
}

#margi .box-g li {
	 padding-left: 12px;
	 text-indent: -15px;
	 list-style-type: none;
	 font-size: 1.08em;
}

.box-g li li {
	 padding-left: 5px;
	 font-size: 1em;
}

.box-g-content {
	 margin:10px 10px 0px 10px;
}

/* ---- Positionierung der Infoboxen ---- */

#kurse .one {
	 margin-top: 27px;
}

#kurse .two {
	 margin: 57px 4px 0;
}

#kurse .three {
	 margin-top: 120px;
}

#yoga .one {
	 margin-top: 25px
}

#yoga .two {
	 margin-top: 34px;
}

#traumasensibel .one {
	 margin-top: 57px;
}

#trauma .one {
	 margin-top: 46px;
}

#uebermich .one {
	 margin-top: 26px;
}

/* ---- Zitate der Seitenleiste----*/

.quote {
	 padding: 10px 10px 0;
	 background-color: #d9d9d9;
	 border: 1px solid #cacaca;
	 font-size: 0.89em;
}

.cite2 {
	 margin: -10px 0 10px 0px;
	 padding-bottom: 10px;
	 border-bottom: 1px solid #ccc;
	 font-size: 1em;
}

.first {
	 margin: 20px 5px 0;
}

.second {
	 margin: 265px 5px 0;
}

#index .first {
	 margin: 50px 5px 0;
}

#traumasensibel .first {
	 margin: 98px 5px 0;
}

#trauma .first {
	 margin: 130px 5px 0;
}


/**	=IT
*
*	Tabelle
*	------------------------------------------------------
*/

table {
	 margin: 15px auto 10px;
	 width: 95%;
	 border-collapse: collapse;	 
}

th, td {
	 padding: 0.3em 1em;
}

th {
	 background: url("box-g_head_bg.jpg") no-repeat;
	 font-size: 1.15em;
	 border-bottom: 1px solid #979797;
 }
 
td {
	 border-bottom: 1px solid #bababa;
	 font-size: 1.1em;
}
 
.gerade {
	 background-color: #dadada;
}

.ungerade {
	 background-color: #c6c6c6;
}

.center {
	 text-align: center;
}

/**
*   @subsection Kontaktformular
*   ====================
*/

.button{
     font-size: 11.5px;
     text-align:center;
     padding-left:0px;
     padding-top:2px;
     padding-bottom:2px;
     font-weight:bolder;
     color:black;
     display:inline;
     height: 28px;
     width:110px;
}

.text{
     padding: 2px;
     background-color: #d8d8d7;
     color: #4d6f89;
     border: 1px solid #7B7B7B;
}

.select{
     background-color: #d8d8d7;
     color: #4d6f89;
}

.text-rechts {
    text-align: right;
}

.stern {
    font-size: 0.75em;
    vertical-align: super;
}


label {
    display: block;
    padding-top: 10px;
    font-size: 0.97em;
}

label.label-stern {
    padding-top: 5px;
}

textarea {
     font-size: 1.2em;
}

/**
*   @subsection Bestellformular
*   ====================
*
*   @note: site: Downloads und Informationsmaterial
*/

ol.download li {
     list-style-image: none;
     list-style-type: decimal;
     margin: 0px 0 5px -23px;
     font-size: 1em;
}

#bestellformular fieldset {
     margin-top: 10px;
     width: 96%;
     padding: 10px;
}

.bestellformular label.abstand-links {
    display: inline;
    padding-left: 35px;
}

.bestellformular label.label-float {
    display: block;
    float: left;
    width: 100px;
    clear: both;
    margin-top: 0px;
    padding-left: 30px;
    font-size: 0.97em;
}

.bestellformular .input-bestellung {
     margin-left: 30px;
}

.bestellformular input {
    margin-top: 8px;
}

.bestellformular input.input-abstand {
    margin-top: 38px;
}


/**	=N
*	
*	Navigation
*	======================================================
*
*/

/**
*	Hauptnavigation
*	------------------------------------------------------
*/

#mainnav {
	 display: none;
}



/**	=NS
*	Subnavigation
*	------------------------------------------------------
*/

#subnav {
	 display: none;	
}

/**	=P
*	
*	Anweisungen für einzelne Seiten
*	======================================================
*
*/


/**	
*	Kurse
*	------------------------------------------------------
*/

#kurse .box-g a {
	 letter-spacing: -0.05em;
}


/**	
*	Formular
*	------------------------------------------------------
*/

.button{
	 font-size: 11.5px;
	 text-align:center;
	 padding-left:0px;
	 padding-top:2px;
	 padding-bottom:2px;
	 font-weight:bolder;
	 color:black;
	 display:inline;
	 height: 28px;
	 width:110px;
}

.feldname {
	 font-size: 1.1em;
}

.text{
	 padding: 2px;
	 background-color:#d8d8d7;
	 color:#4d6f89;
	 font-size: 1em;
	 border:1px solid #7B7B7B;
}

.select{
	 background-color:#d8d8d7;
	 color:#4d6f89;
}
	

/**	
*	Links
*	------------------------------------------------------
*/

#links #col1-2 {
	 margin-top: -10px;
	 background-image:url("yogaillu_links.sw3.jpg");
	 background-repeat: no-repeat;
	 background-position: top left;
}

#links h1 {
	 padding-top: 20px;
}

#links h2 {
	 padding-top: 5px;
	 color: #272727;
	 font-size: 1.3em;
	 font-weight: 100;
	 border: none;
}


/**	
*	Impressum
*	------------------------------------------------------
*/

#impressum #col1-2 {
	 margin-top: -10px;
	 background-image:url("yogaillu_links.sw3.jpg");
	 background-repeat: no-repeat;
	 background-position: top left;
}

#impressum h1 {
	 padding-top: 20px;
}

.impressum {
	 font-size: 1.2em;
}

/**	
*	Danke
*	------------------------------------------------------
*/


.danke {
	 padding: 40px 0 200px 0;
	 font-size: 1.2em;
	 text-align: center;
}