/*
Projekt:www.therapie-fuer-alle-felle.de
Typ: CSS Datei
Beschreibung: Grundformat für alle Browser
Erstellt am: 11.07.2013; Birgit Sauer
Zuletzt geändert am:
sauer design, www.sauerdesign-4u.de
*/
/*
---Farben---
Hintergrund:
Schrift: 
*/

body {font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; text-align: center; background-color:#f5f3f3; }

/* Außencontainer, enthält logo, navi, content und footer */
#mother {text-align: left; margin: auto; width: 1200px; /*border-style: solid; border-width: 1px; border-color: #5F3620;*/ background-color:#ffffff;}
#logo {float: right; width: 100%; height: 340px; color: black; background-image:url(grafik/Titel-2.png); 
background-repeat:no-repeat; background-color:#f5f3f3;}
#navi {float: right; width: 100%; height: 30px; background-color: #5F3620; padding-top: 5px;}
#inhalt {float: right; width: 100%; color: black; background-color: #ffffff;}
#footer {width: 100%; height: 80px; clear: both; padding-top: 10px;}

#boxen {float:right; width:340px; vertical-align:bottom;}

/* Navi */

			#navigation{
background: #5F3620;
float: left;
	width: 100%; height: 55px;}
			
	/* verberge checkbox Label*/

input#responsive-nav,
label.responsive-nav-label {
  display: none;
}

/* Hauptnavigation */

nav {
  float: left;
  padding-top:4px;
  width: 100%;
}

nav ul {
  margin: 0;
  padding: 0;
}

nav a {
  display: block;
  color: #333;
  text-decoration: none;
}

nav ul li {
  position: relative;
  float: left;
  list-style: none;
  color: #bdb3b0;
  transition: 0.5s;
	height: 55px;
}

nav ul li a {
  padding: 10px 100px 10px 20px;
	font-size: 1em;
letter-spacing:1px;
text-decoration: none !important;
}

nav ul > li.submenu > a:after {
  position: relative;
  float: right;
  content: '';
  margin-left: 10px;
  margin-top: 10px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #ffffff;
  border-bottom: 5px solid transparent;
}

nav ul ul li.submenu > a:after {
  margin-left: auto;
  margin-right: -10px;
  border-left: 5px solid #ffffff;
  border-right: 5px solid transparent;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

nav ul li:hover {
  background: #f5f3f3;

}

nav ul ul {
  position: absolute;
  top: -9999px;
  left: -9999px;
  background: #bdb3b0;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

nav ul ul li {
  float: none;
  width: 200px;
  border-bottom: 1px solid #5F3620;
}

nav ul ul li a {
  padding-top: 14px;
	padding-left: 10px;
}

nav ul ul li:last-child {
  border-bottom: none;
}

nav ul li:hover > ul {
  top: 100%;
  left: 0;
}

nav ul ul li:hover > ul {
  top: 0;
  left: 200px;
}


/* --Link-- */

a:link, a:visited, a:hover, a:active
{font-family:arial, helvetica; sans-serif; font-size:1rem; color:#ffffff; text-decoration:underline; 
padding-right:10px; /*margin-left:11px;*/}
a:hover {color: #C6152B;}

a.text:link, a.text:visited, a.text:hover, a.text:active, a.back
{font-family:arial, helvetica; sans-serif; font-size:1rem; line-height:16pt; color:#C6152B; 
text-decoration:underline; padding-right:0px; margin-left:0px; }
a.text:hover {color: #96784A;}

a.fotocopy:link, a.fotocopy:visited, a.fotocopy:hover 
{font-family: Arial Narrow, arial, helvetica; sans-serif; font-style:italic; font-variant:normal; font-weight:normal; 
font-size:9px; color:#f2e6c2; padding:0px; margin:0px;}
a.fotocopy:hover {color: #f2e6c2;}

/* --Gemeinsame Formate-- */

h1 {font-family:arial, helvetica; sans-serif; font-size:1.25rem; font-weight:normal; letter-spacing:1px; color:#5F3620; line-height: 1.5rem; padding-left: 25px;}

h2 {font-family:arial, helvetica; sans-serif; font-size:1.05rem; font-weight:bold; letter-spacing:1px; color:#5F3620; 
padding-left: 25px;}

p, span.italic, span.bold, span.boldItalic, li, span.klein, span.text, span.tab, p.zitat, p.zitat2
{font-family:arial, helvetica; sans-serif; font-size:1rem; line-height:1.65rem; color:#5F3620; font-weight:normal; 
font-style:normal; padding-left: 25px; padding-right: 25px;}


p.klein {font-size:11px; letter-spacing:1px; line-height:14px; padding-left: 0px;}
p.fotocopy {padding-right: 185px;}
p.zitat {color: #C6152B; padding-left: 0px; padding-right: 340px; font-style:italic; font-size:16px; font-variant:small-caps; text-align:right;} 
p.zitat2 {color: #C6152B; padding-left: 0px; padding-right: 340px; font-style:italic; font-size:15px; text-align:right;} 

span.text, span.tab {letter-spacing:0px; padding:0px; margin:0px;}
span.tab {padding-left: 25px;}
span.italic {font-style:italic; padding-left:0px; padding-right: 0px;}
span.bold {font-weight:bold; padding-left: 0px; padding-right: 0px;}
span.boldItalic {font-weight:bold; font-style:italic; padding-left: 0px; padding-right: 0px;}
span.klein { font-size:11px; line-height:12px; padding:0; margin:0;}

a.back, a.back:hover {color:#5F3620; font-size:1rem; background-color:#bdb3b0; text-decoration:none; margin:0; border-radius: 3px; padding: 3px;}
a.back:hover {background-color:#f5f3f3;}

hr { color: #C6152B; margin-left:80px; width: 500px;}

img {margin-right:80px; width: 80%; height: auto;}
img.hoch {margin-right:80px; height: auto; width: 60%;}

img.zitat {width: 55%; height: auto;}

ul {}
li {padding:0;}