/*
Theme Name: Atelier im Spatzenwinkel
Theme URI: http://www.atelier-im-spatzenwinkel.de/
Description: Einfacher HTML-Code
Version: 1.0
Author: Christian Hess
Author URI: http://www.atelier-im-spatzenwinkel.de/
*/

body {
	margin: 20px;
	padding: 0px;
	background-color: #f2f2f2;
	color: #000000;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

#page {
	width: 1024px;
  	border-width:1px;
  	border-style:solid;
	height: 720px;
	margin: 0 auto;
	text-align: left;
	background-color: #FFFFFF;
}


.Navigation {
  background:#ebecec none repeat scroll 0 0;
  font-size: 0.91em;
  float: left;

}

.boxlefttop {
	background-image:url(images/nav_background.jpg);
	text-align: left;
	width: 250px;
	height: 400px;
	margin: 0px;
	top: 0px;
	left: 0px;
}

.boxlefttext {
	background-image:url(images/nav_background.jpg);
	text-align: center;
	width: 250px;
	top: 400px; 
	height: 20px;
}

.boxleftnavi {
	background-image:url(images/nav_background_mitte.jpg);
	text-align: left;
	width: 250px;
	height: 236px;
	top: 320px;
	left: 0px;
}

.boxleftbottom {
	background-image:url(images/nav_background.jpg);
	width: 250px;
	height: 63px;
	left: 0px;
}

.boxleftbottom .impressum {
	margin: 0;
	list-style: none;
	padding-left:35px;
	color:#666666;
}

.impressum a, #li a:link, #li a:visited {
	display: inline;
	text-decoration: none;
	color: #666666;
}

#content {
	position:absolute;
	background-color: #FFFFFF;
}

p {
	color: #01519b;
}

a, #li a:link, #li a:visited {
	display: inline;
	text-decoration: none;
	color: #000000;
}

a:hover {
	color: #1365ab;
	text-decoration:underline;
}

#content #headline {
	position:absolute;
	top: 29px;
	left: 300px;
	width: 600px;
	height: 300px;
}

h1
{
	font-size:20px;
	position:absolute;
	color: #709acf;
        top: 82px;
	left: 303px;
	width: 600px;
	height: 300px;
}

#content #text1 {
	position:absolute;
	top: 137px;
	left: 305px;
	width: 305px;
	height: 300px;
}

#content #text2 {
	position:absolute;
	top: 164px;
	left: 660px;
	width: 305px;
	height: 300px;
}

#content #bilderbox {
	position:absolute;
	background: #dedee0;
	top: 420px;
	left: 250px;
	width: 724px;
	height: 221px;
	padding-left: 50px;
	padding-top:15px;
}

#content #bilderbox #bilder {
	position:absolute;
	padding-left: 35px;
	top: 16px;
	left: 20px;
	height: 236px;
	width: 650px;
} 

#bilder img {
	border: none;
	margin-right: 0px;
}

ul.top-menu  { /* .top-menu hinzugefügt (Florian) */
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
}

ul.top-menu  li { /* .top-menu hinzugefügt (Florian) */
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
}

#footer p {
	margin: 0;
	text-align: right;
}

/* neu (Florian) */
.top-menu li a {
	font-weight: bold;
}
.top-menu li.page_item {
	border-left: 1px solid #000000;
	margin-left: 0.5em;
	padding-left: 0.5em;
}
.top-menu li.page-item-318 { /* home */
	border: none;
}

.sub-menu .current_page_item a {
	font-weight: bold;
}
.sub-menu .current_page_item li a {
	font-weight: normal;
}

.boxleftnavi h3 {
	margin: 0;
	font-size: 1.1em;
	padding-top: 1em;
	padding-left: 4em;
}
.boxleftnavi ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-left: 4em;
}
.boxleftnavi ul ul {
	list-style: none;
	margin: 0;
	padding: 0;

}
.boxleftnavi ul li {
	list-style: none;
	font-size: 1.1em;
	margin-left: 1.6em;
	padding-top: 0.2em;
}

.boxlefttop h3 {
	margin: 0;
	font-size: 1em;
	padding-top: 1em;
	padding-left: 4em;
}
.boxlefttop ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-left: 4em;
}
.boxlefttop ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#bilder img {
	margin-right: 20px;
}
#content #bilderbox #bilder {
	width: 660px;
}

/* Die normale Darstellung */
.design-default {
}

/* Darstellung für Kinder, benutzerdefiniertes Feld design="KinderSeite2" */
.design-KinderSeite2 .boxleftnavi {
	background: #8da0c5 url(images/background_Kinder.jpg);
}
.design-KinderSeite2 #content #bilderbox {
	background-color: #a3b9e2;
}

/* Darstellung für Kinder, benutzerdefiniertes Feld design="KinderSeite3" */
.design-KinderSeite3 .boxleftnavi {
	background: #8da0c5 url(images/background_Kinder.jpg);
}
.design-KinderSeite3 #content #bilderbox {
	background-color: #a3b9e2;
}

/* Darstellung für Kinder, benutzerdefiniertes Feld design="KinderSeite4" */
.design-KinderSeite4 .boxleftnavi {
	background: #8da0c5 url(images/background_Kinder.jpg);
}
.design-KinderSeite4 #content #bilderbox {
	background-color: #a3b9e2;
}

/* Darstellung für Kinder, benutzerdefiniertes Feld design="KinderSeite5" */
.design-KinderSeite5 .boxleftnavi {
	background: #8da0c5 url(images/background_Kinder.jpg);
}
.design-KinderSeite5 #content #bilderbox {
	background-color: #a3b9e2;
}
/* Darstellung für Erwachsene, benutzerdefiniertes Feld design="ErwachseneSeite1" */
.design-ErwachseneSeite1 .boxleftnavi {
	background: #e3a655 url(images/background_Erwachsene.jpg);
}
.design-ErwachseneSeite1 #content #bilderbox {
	background-color: #f8b55b;
}

/* Darstellung für Erwachsene, benutzerdefiniertes Feld design="ErwachseneSeite2" */
.design-ErwachseneSeite2 .boxleftnavi {
	background: #e3a655 url(images/background_Erwachsene.jpg);
}
.design-ErwachseneSeite2 #content #bilderbox {
	background-color: #f8b55b;
}

/* Darstellung für Ich, benutzerdefiniertes Feld design="Ich" */
.design-Ich .boxleftnavi {
	background: #dedede url(images/background_ich.jpg);
}

.design-Ich #content #bilderbox {
	background-color: #dedede;
}

.design-Erwachsene #content #text2 {
	top: 139px;
}
.design-Erwachsene #content #bilderbox {
	background-color: #f8b55b;
}
body.page-impressum #text1, body.page-impressum #text2 {
	font-size: 11px;
}