/*  
Theme Name: Freude am Lernen. Pädagogische Praxis München.
Theme URI: http://www.freudeamlernen.de/
Version: 2.0
Author: Veronika Sattler
Author URI: http://websache.de
*/

* { margin: 0; padding: 0;}


/*allgemein*/

body {font-family: "Trebuchet MS", "Lucida Sans", "Lucida Grande", Helvetica, Arial, sans-serif; font-size:0.90em; color: #777a75; line-height: 1.4em; background: url(../slices/bg.jpg) repeat-x #ffffff;}

h1 {font-family: "Trebuchet MS", "Lucida Sans", "Lucida Grande", Helvetica, Arial, sans-serif; color: #414e6c; font-size: 130%; font-weight:bold;}
h2 {font-family: "Trebuchet MS", "Lucida Sans", "Lucida Grande", Helvetica, Arial, sans-serif; color: #414e6c; font-size: 115%; text-transform: uppercase; font-weight:bold;}
h3 {font-family: "Trebuchet MS", "Lucida Sans", "Lucida Grande", Helvetica, Arial, sans-serif; color: #414e6c; font-size: 110%; font-weight:bold; margin-bottom: 10px;}
h4 {font-family: "Trebuchet MS", "Lucida Sans", "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 110%; font-weight:bold; margin-bottom: 10px;}
h5 {font-family: "Trebuchet MS", "Lucida Sans", "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 100%; font-weight:bold; margin-bottom: 10px;}



p {margin: 0 0 20px 0;}

a {text-decoration:none; color: #00a8d2;}
a:visited{text-decoration:none;}
a:focus, a:hover, a:active{outline:0; text-decoration: underline;}
a img {border:0;}

.hidden {display: none;}



/*Header mit Navigation*/

#header {width: 1000px; margin: 0 auto; height: 270px; position: relative;} 
.navi1 {list-style: none; float: right; font-weight: bold; font-size: 85%; margin-top: 3px; position: relative;}
.navi1 li {float: left; padding-left: 20px;}
.navi1 a {color: #8a8b8f; text-decoration:none; position: relative; font-weight: bold;}
.navi1 a:hover {color: #414e6c;}
.navi1 a:active {color: #414e6c; top: 2px;}
.logo {display: block; width:390px; height: 220px; background:url(../slices/logo.png) top left no-repeat; margin-top: 40px; position: relative; float: left;}
.navi2 {list-style: none; clear: right; float: right; font-weight: bold; font-size: 90%; margin-top: 3px; position: relative; margin-top: 110px;}
.navi2 li {float: left; display: block;}
a.linkeins {display: block; height: 35px; width: 97px; background:url(../slices/linkeins.png) top left no-repeat;}
a.linkeins:hover, a.linkeins:active, a.linkeins.aktiviert {background-position:bottom left;}
a.linkzwei {display: block; height: 35px; width: 115px; background:url(../slices/linkzwei.png) top left no-repeat;}
a.linkzwei:hover, a.linkzwei:active, a.linkzwei.aktiviert {background-position:bottom left;}
a.linkdrei {display: block; height: 35px; width: 106px; background:url(../slices/linkdrei.png) top left no-repeat;}
a.linkdrei:hover, a.linkdrei:active, a.linkdrei.aktiviert {background-position:bottom left;}
a.linkvier {display: block; height: 35px; width: 96px; background:url(../slices/linkvier.png) top left no-repeat;}
a.linkvier:hover, a.linkvier:active, a.linkvier.aktiviert {background-position:bottom left;}
a.linkfuenf {display: block; height: 35px; width: 66px; background:url(../slices/linkfuenf.png) top left no-repeat;}
a.linkfuenf:hover, a.linkfuenf:active, a.linkfuenf.aktiviert {background-position:bottom left;}
a.linksechs {display: block; height: 35px; width: 93px; background:url(../slices/kontakt.png) top left no-repeat;}
a.linksechs:hover, a.linksechs:active, a.linksechs.aktiviert {background-position:bottom left;}



/*Contentbereich allgemein*/
#container {position: relative; width: 1000px; height: auto; margin: 0 auto; padding: 60px 0; overflow: hidden;}

/*Content*/
.content {position: relative; width: 682px; height: auto; float: left; overflow: hidden;}
.content small {font-size:90%; color: #414e6c; margin-bottom: 10px; display: block; font-weight: bold;}
.calendar {background:url(../slices/calendar.png) no-repeat top left; padding-left: 120px; min-height: 103px; display: block;}
.content h2 {width: 100%; display: block; height: 47px; background:url(../slices/contenth2.png) no-repeat top left; padding: 14px 20px; margin-bottom: 15px;}
.content h3, .content h4 {padding-left: 20px; margin-bottom: 12px;}
.content img {float: right; display: block; position: relative; margin: 0 0 80px 30px; max-width: 300px; height: auto;}
.content p {padding-left: 20px;}
.content ol {padding: 0 0 20px 20px;}
.content ol li {list-style:decimal inside;}
.content ul {padding: 0 0 20px 20px; list-style: none;}
.content ul li {padding: 8px 0 8px 40px; background:url(../slices/haken.png) no-repeat top left;}
.text {position: relative; margin-bottom: 70px;}

/*Links*/
.linklist {margin-bottom: 40px; position: relative; height: auto; width: 100%; clear: both;}

/*Sidebar*/
.sidebar {position: relative; width: 270px; height: auto; float: right;}
.sidebar ul {list-style: none; font-size: 95%; position: relative;}
.sidebar li {padding: 5px 0 5px 25px; background:url(../slices/pfeil.png) no-repeat left center; border-bottom: solid 1px #00a8d2; position: relative;}
.sidebar li:first-child {padding-top:0px; background-position: top left;}
.sidebar li a {color:#777a75; padding: 2px; font-weight: bold;}
.sidebar li a:hover, .sidebar li a:active {color:#00a8d2; text-decoration: none;}
.sidebar li.aktiviert {background: url(../slices/aktiviert.png)}
.sidebar li.aktiviert a {color: #00a8d2; font-weight: bold;}
.sidebar li ul {margin: 20px 0 0 20px;}
.sidebar h2 {width: 100%; display: block; height: 47px; background:url(../slices/sidebarh2.png) no-repeat top left; padding: 14px 20px;  margin-bottom: 15px;}
.sidebar h3, .sidebar h4 {padding-left: 20px; margin-bottom: 12px;}
.sidebar p {padding-left: 20px;}
.sidebar small {font-size:90%; color: #414e6c; margin-bottom: 10px; display: block; font-weight: bold;}
.mehr {display: block; width: 50px; height: 20px; background:url(../slices/mehr.png) no-repeat; margin-top: 30px;}
.cat_menu li {background: none; border: none; font-weight: bold; padding-left:20px;}
.cat_menu li ul {position: relative; left: -20px; margin-bottom: 25px;}
.cat_menu li ul li {background:url(../slices/pfeil.png) no-repeat center left; border-bottom: solid 1px #00a8d2; padding-right: 5px;}

/*Kontakt*/
.mail {display: block; background:url(../slices/email.png) no-repeat top left; height: 25px; padding-left: 38px; padding-top: 4px; font-size: 90%; margin-top: 25px;}
.web {display: block; background:url(../slices/web.png) no-repeat top left; height: 25px; padding-left: 38px; padding-top: 4px; font-size: 90%; margin-top: 5px;}
p.telefon {display: block; background:url(../slices/telefon.png) no-repeat top left; height: 25px; padding-left: 38px; padding-top: 4px; margin-left: 20px;}
form {width: 100%; padding-left: 20px;}
form br {display: none;}
fieldset {border: none; display: block; margin-top: 50px; width: 100%; position: relative;}
legend {display: none;}
label {font-weight: bold; color: #414e6c; font-size: 90%; position: relative; float: left; clear: left; display: block; width: 200px; height: 28px; margin: 10px 0;}
input {margin-left: 20px; position: relative; display: block; margin-right: 150px; height: 20px; padding: 7px; margin: 10px 0; width: 286px; font-weight: bold; color: #414e6c; font-size: 90%; background:url(../slices/input.png) no-repeat top left; border: solid 1px #b6d2db;}
textarea {margin-left: 20px; position: relative; display: block; margin-right: 150px; height: 106px; padding: 7px; margin: 10px 0; width: 286px; font-weight: bold; color: #414e6c; font-size: 90%; background:url(../slices/textarea.png) no-repeat top left; border: solid 1px #b6d2db;}
input:hover, textarea:hover, input:active, textarea:active {border-color: #00a8d2;}
input.zemSubmit {border: none; width: 81px; height: 35px; background:url(../slices/submit.png) no-repeat top left; float: left; position: relative; left: 424px;}
#map {display: block; width: 95%; margin: 0 auto; height: 300px;  border: solid 1px #b6d2db;}


/*Footer*/
#footer {width: 100%; height: 138px; background:url(../slices/footer.png) repeat-x; position: relative; bottom: 0; font-size: 80%;}
#footer ul {width: 1000px; margin: 0 auto; position: relative; top: 115px;}
#footer li {display: block; position: relative; float: left; padding-right: 10px;}
#footer a {color: #8a8b8f; text-decoration:none; position: relative; font-weight: bold; padding-right: 10px;}
#footer a:hover {color: #414e6c;}
#footer a:active {color: #414e6c; top: 2px;}
#footer li.copyright {float: right; font-weight: bold;}