/* ------------------------------------*/
/* CSS Lernberatung Ute Biernoth */
/* erstellt von Jana Blavius */
/* webdesign@blavius.de */
/* 2011 Februar */
/* ------------------------------------*/
/* allgemeines 
/* ------------------------------------*/

body {
	background-color: #ecebe6; 
	margin: 0px;
	font-family:  Arial, Helvetica, sans-serif;
	color: #336600;
	line-height: 16px;
	font-size: 13px;
} 
#home { 
	background-color:#fff;
} 

div, p {
	color: #336600;
	text-align:justify;
}
p {
	padding: 0px 0px 0px 0px;
	margin:  5px 0px 21px 0px;
}
ul {
	padding: 0px 0px 0px 40px;
	margin:  5px 0px 21px 0px;
	text-align:left;
}
a {
	color: #336600;
}
a:hover {
	color: #fe632d;
}

a:active {
	color: #f1997a;
	text-decoration: none;
}

h1 { /* seitenname 063
	white-space:nowrap;;*/ 
	text-align:right;
	font-size: 150%;
	line-height: 180%;
	font-weight: bold;
	color:#66635f;
	z-index:5;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
}
h2 {
	font-size: 110%;
	font-weight: bold;
	color:#336600; 
	padding: 0px 0px 0px 0px;
	margin:  10px 0px 0px 0px;
}
h3 {
	font-size: 103%;
	font-weight: bold;
	color:#336600; 
	padding: 0px 0px 0px 0px;
	margin:  13px 0px 0px 0px;
}
/* ======================================== */
/* Design */
/* ======================================== */
/* ======================================== */
/* home */
/* ======================================== */
#wrapperHome { 
    position: relative; 
    width:      1000px;  
    margin:     30px auto 0; 
	background-color: #ecebe6; 
} 
#spaceTop {/* inkl. slogan */
    width:      1000px; 
    height:		120px;
	border-top: 1px solid #ecebe6; /* verrutscht sonst grafik nach oben*/
}

#slogan {
	background-color:#FFF;
	margin:  30px 0px 0px 0px;
	padding: 3px;
	text-align: center;
	
}
#slogan img{/* Slogan */
	margin:  0px 0px 0px 0px;
	border: 0px;
}
.rand {
	float:left;
}
.imgL {
	margin:  177px 0px 0px 0px;
	border: 0px;
}
 
.imgM {
	float:left;
}
.imgR {
	margin:  131px 0px 0px 0px;
	border: 0px;
}
.imgU {
	margin:  0px 0px 70px 299px;
}
/* ======================================== */
/* Pages */
/* ======================================== */
#wrapper { 
    position: relative; 
    width:      1000px;  
    margin:     -1px auto 0;  /* border nicht anzeigen */
	z-index: 1;
	border: 1px solid #ecebe6; /* sonst wird das logo nicht oben angeordnet */
} 
#wrapperInnen { 
    width:      900px; 
	margin:  30px 50px 0px 50px;
	padding:  0px 0px 20px 0px;
	background-color:#FFF;
	z-index: 1;
} 
#logo {
    position: relative; 
	margin: 0; 
	float: left;
	z-index:2;
}
#title{
	padding: 0px 0px 0px 0px;
	margin:  41px 110px 0px 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #66635f;
}
#content{
	margin: 40px 110px 70px 110px ;
	z-index:2;
}
/* person */
.list1 ul{
	margin: 0px 0px 0px 0px;
}
.list1 li{
	margin: 0px 0px 1px 220px;
	padding: 0px 0px;
}

/* erreichen */
.list2 ul{
	margin: 0px 0px 0px 0px;
}
.list2 li{
	margin: 0px 0px 1px 0px;
	padding: 0px 0px;
}
#address { 
	margin: 25px 0px 0px 0px;
	text-align:center;
}

/* ======================================== */
/* seiteninhalte */
/* ======================================== */
.zitat{
	text-align:center;
	margin: 30px 0 30px 0px;
	font-style:italic;
}
/* kosten */
.layer1{
	width: 380px;
	float: left;
	margin: 3px 10px 5px 20px;
}
.layer2{
	width: 240px;
	float: left;
	margin: 3px 0px 5px 0px;
}
/* zweispaltig impressum */
#textL {
	width: 49%;
	margin: 0px 5px 10px 0px ;
	padding: 0px 0px 0px 0px;
	float: left;
	z-index:2;
}
#textR {
	width: 50%;
	margin: 0px 0px 10px 0px ;
	padding: 0px 0px 0px 0px;
	float: left;
	z-index:2;
}
/* impressum*/

.layer3a {
	width: 95px;
	float: left;
	margin: 3px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}
.layer3b {
	width: 235px;
	float: left;
	margin: 3px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}
.layer3aR{
	width: 90px;
	float: left;
	margin: 3px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

.layer3bR{
	width: 250px;
	float: left;
	margin: 3px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}


#address { 
	margin: 11px 0px 11px 0px;
	text-align:center;
}
#navPrintInfo {
	display: none; 
}
#contentInfo {
	display: none; 
}

/*print address*/

/* ======================================== */
/* weiteres */
/* ======================================== */
.clear {
 clear: both;
 }
 .mini  {
    font-size: 75%;
}
.hint { /* in formularen & hinweise web*/
	color: #faa03f;
	font-weight: bold;
	font-size: 105%;
}
#jb { /* link at impressum */
	font-weight: lighter;
	text-decoration: none;
	color: #000;
}