/* CSS-Stylesheet for richmoKIDS by Thomas Müller @ www.tm-webentwicklung.com */

/* Reset */ 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

ol, ul {
	list-style: none;
}

:focus {
	outline: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
} 

/* Centered page:Add Scrollbar in other browsers than IE > no jumping */

/* mac hide \*/
html, body {
	height:100%;
	width:100%;
	font-family:Verdana, Arial, Helvetica, Verdana, sans-serif;
	margin:0px;
	padding:0px;
	font-size: 0.625em;
	
	scrollbar-arrow-color: #ffffff;
	scrollbar-base-color: #A2B8C2;
	scrollbar-track-color: #A2B8C2;
	scrollbar-face-color: #A2B8C2;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #999;
	scrollbar-darkshadow-color: #ccc;
	scrollbar-shadow-color: #999;
}
/* end hide */

body { 
	background-color:#9cc6c0;
	text-align:center;
	color:#006053;
	font-size: 1em;
	min-width:760px;/* for good browsers*/
	min-height:530px;/* for good browsers*/
}

#outer {
	height:100%;
	width:100%;
	display:table;
	vertical-align:middle;
}

#container {
	text-align: center;
	position:relative;
	vertical-align:middle;
	display:table-cell;
	height:530px;
}

#inner {
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	width: 760px;
	height: 530px;
}

img {
	border:none;
}

a {
	outline:none;
	color:#ff6600;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

div.clearer {
	height:0px;
	clear:both;
	line-height:0px;
	font-size:1px;
	margin:0px;
	padding:0px;
}

/**
* ------ HEADER ------ *
*/

div#header {

}

img#logo {
	margin:0px 0px 0px 40px;
	display:block;
}


/**
* ------ NAVIGATION ------ *
*/

/* Meta-Navi */
ul#navimeta {
	
}

ul#navimeta li {
	
}

ul#navimeta li a {
	
}

ul#navimeta li a:hover, ul#navimeta li.active a {
	
}

/* Hauptnavigation */
div#navigation {
	float:left;
	width:240px;
	height:420px;
	padding:0px 0px 0px 0px;
}

body.start div#navigation {
	background:url(../images/maus-start.png) 0px bottom no-repeat;
}
body.leistungen div#navigation {
	background:url(../images/maus-leistungen.png) 0px bottom no-repeat;
}
body.leistungen2 div#navigation {
	background:url(../images/maus-leistungen2.png) 0px bottom no-repeat;
}
body.team div#navigation {
	padding:0px 0px 6px 0px;
	background:url(../images/maus-team.png) 0px bottom no-repeat;
}
body.team2 div#navigation {
	background:url(../images/maus-team2.png) 0px bottom no-repeat;
}
body.eltern div#navigation {
	padding:0px 0px 3px 0px;
	background:url(../images/maus-eltern.png) 0px bottom no-repeat;
}
body.eltern2 div#navigation {
	background:url(../images/maus-eltern2.png) 0px bottom no-repeat;
}
body.kollegen div#navigation {
	background:url(../images/maus-kollegen.png) 0px bottom no-repeat;
}

div#navigation ul#navi-level1 {
	margin:6px 0px 0px 50px;
}

div#navigation ul li {
	background:url(../images/bg-navi.png) left top no-repeat;
	font-size:1.2em;
	padding:5px 0px 8px 0px;
	margin-top:7px;
}

div#navigation ul li a {
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	padding:0px 0px 0px 11px;
}

div#navigation ul li:hover {
	background-image:url(../images/bg-navi-hover.png);
}

div#navigation ul li.active {
	background-image:url(../images/bg-navi-active.png);
}

div#navigation ul li.active a {
	font-weight:bold;
}

div#navigation ul li.active a:hover {
	text-decoration:none;
}

/* Level 2 */
div#navigation ul#navi-level2 {
	
}

div#navigation ul#navi-level2 li {

}

div#navigation ul#navi-level2 li a {

}

div#navigation ul#navi-level2 li.active a {

}

div#navi2-placeholder {

}


/**
* ------ INHALTSBEREICH ------ *
*/

/* Styles für den Content-Bereich */
div#content-container {
	background:url(../images/bg-content.jpg) left top no-repeat;
	width:760px;
	height:420px;
}

div#content {
	width:452px;
	height:375px;
	padding:35px 33px 0px 35px;
	float:left;
	overflow:auto;
}

/**
* ------ SCHRIFTEN USW. ------ *
*/

/* Styles für Schriftformatierungen */
#content h1 {
	font-size:1.5em;
	line-height:1.44em;
	margin:0px 0px 17px 0px;
}

#content h2 {
	font-size:1.2em;
	line-height:1.5em;
	margin:0px 0px 3px 0px;
}

#inhalt h3 {
	font-size:1.2em;
	line-height:1.5em;
	margin:20px 0px 0px 0px;
}

#inhalt h4 {
	font-size:1.2em;
	margin:20px 0px 10px 0px;
}

#inhalt h5 {
	font-size:1.2em;
	margin:1em 0em 0.2em 0em;
}

div#content p {
	font-size:1.2em;
	line-height:1.5em;
	margin:0px 0px 15px 0px;
}

body.impressum div#content p {
	font-size:1.1em;
}

div#inhalt a {
	text-decoration:underline;
}

div#inhalt a:hover {
	text-decoration:underline;
}

div#inhalt ul {
	margin:0px 0px 10px 0px;
	padding:0px;
}

div#inhalt ul li {
	font-size:1.2em;
	padding:2px 0px 2px 12px;
	line-height:1.5em;
	list-style-type:none;
	background-image:url("../images/list-arrow.gif");
	background-position:0em 0.8em;
	background-repeat:no-repeat;
}

div#inhalt table {
	margin:0px 0px 10px 30px;
}

div#inhalt table th, div#inhalt table td {
	font-size:1.2em;
	vertical-align:top;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px !important;
}

div#inhalt table th {
	font-weight:bold;
}

div#inhalt table td p {
	font-size:1em;
}

/* Hübschere Tabellen */
div#content table tbody tr td, div#content table tbody tr th {
	vertical-align:top;
	text-align:left;
	font-size:1.1em;
	line-height:1.5em;
}

div#content table tbody tr th, div#content table thead tr th {
	font-size:1.1em;
}

div#content table.bunt {
	border:1px solid #77B72D;
	/*width:100%;*/
}

div#content table.bunt tbody tr td {
	padding:3px 6px;
}

div#content table.bunt tbody tr th, div#content table.bunt thead tr th {
	font-weight:bold;
	text-align:center;
	background-color:#77B72D;
	padding:3px 6px;
}

div#content table.bunt tbody tr td.trenner {
	border-bottom:1px solid #77B72D;
	padding:0px !important;
	font-size:1px !important;
	line-height:1px !important;
	height:1px !important;
	overflow:hidden !important;
}



/**
* ------ FOOTER ------ *
*/
div#footer {
	width:720px;
	height:69px;
	background:url(../images/bg-footer.jpg) left top no-repeat;
	margin-top:10px;
	padding:11px 0px 0px 40px;
	font-size:1.1em;
	line-height:1.6em;
}

img#logo-footer {
	float:right;
	display:block;
	margin:-2px 55px 0px 0px;
}

ul#navi-footer {
	margin:7px 0px 0px 40px;
}

ul#navi-footer li {
	padding:0px 0px 0px 00px;
}

ul#navi-footer li a {
	color:#006053;
	font-size:1.1em;
}

ul#navi-footer li a:hover {
	text-decoration:underline !important;
}

ul#navi-footer li a.active {
	font-weight:bold; !important;
}

/**
* ------ ELEMENTE ------ *
*/
address {
	font-style:normal;
}

div#content p.team {
	margin:5px 0px 0px 0px;
}

a.pfeil, a.pfeil-b {
	background:url(../images/bg-link-arrow.gif) 0px 0.4em no-repeat;
	padding:0px 0px 0px 13px;
	font-size:1em;
	line-height:2.4em;
	font-weight:bold;
}

a.pfeil-b {
	background:url(../images/bg-link-arrow-back.gif) 0px 0.4em no-repeat;
	padding:0px 20px 0px 13px;
}

a.green {
	color:#006053 !important;
}

img.links {
	float:left;
	margin:3px 15px 10px 0px;
}

img.gesperrt {
	padding-bottom:0px;
}

img.rechts {
	float:right;
	margin:2px 0px 10px 10px;
}

/**
* ------ FORMULARE ------ *
*/

form {
	margin:0px;
}

fieldset {
	margin:0px 0px 15px 0px;
	padding:0 10px 15px 10px;
	border:1px solid #999;
	font-size:0.8em;
}

fieldset.fieldbutton{
	padding-bottom:6px !important;
}

legend {
	padding:2px 6px;
	color:#5F1A2D;;
	font-weight:bold;
	border: 1px solid #999;
}

label {
	font-size:0.85em;
	cursor:pointer;
	width:150px;
	float:left;
	clear:left;
	margin-left:10px;
}

span.innerlabel {
	font-size:0.85em;
	float:left;
	padding-top:2px;
}

input {
	border:1px solid #999;
	margin-bottom:5px;
	width:180px;
	margin-left:10px;
	font-size:1em;
	color:#333333;
	background-color:#F3F3F3;
}

input:focus, textarea:focus {
	background-color:#FFFFFF;
}

input.submit, input.csc-mailform-submit {
	border:1px solid #979797;
	background-color:#E1E1E1;
	width:100px;
	color:#333333;
	font-size:1em;
	font-weight:bold;
	margin-left:10px;
}

input.csc-mailform-submit {
	margin-top:10px;
	font-size:0.8em;
}

textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	border:1px solid #999;
	width:275px;
	height:85px;
	margin-left:10px;
	margin-bottom:5px;
	background-color:#F3F3F3;
	color:#333333;
}


/**
* ------ EXTENSIONS ------ *
*/

/* News */
div.news-latest-item {
	padding:0px 10px 15px 10px;
	font-size:1em;
}

div.news-latest-item h5 {
	margin:0px 0px 0px 0px;
	font-size:1.1em;
	line-height:1.5em;
}

div#marginal div.news-latest-item p {
	margin:0px 0px 5px 0px !important;

}

p.news-latest-morelink {
	margin:0px !important;
	padding:0px !important;
}

p.news-latest-morelink a {
	font-size:1em;
	text-decoration:underline !important;
}

p.news-list-morelink {
	border-bottom:1px solid black;
	padding-bottom:15px;
}

p.news-single-timedata {
	border-bottom:1px solid black;
	padding-bottom:12px;
	font-size:1em !important;
}


/* Sitemap */
div#inhalt div.csc-sitemap ul {
	margin-top:0px;
	margin-bottom:0px;
}

div#inhalt div.csc-sitemap ul li a:hover {
	text-decoration:underline !important;
}

div#inhalt div.csc-sitemap ul li.sitemap-l1, div#content div.csc-sitemap ul li.sitemap-l2 {
	background-image:none;
}

div#inhalt div.csc-sitemap ul li.sitemap-l1 ul {
	margin:0px;
}

div#inhalt div.csc-sitemap ul li.sitemap-l1 {
	padding:10px 0px 0px 0px;
}

div#inhalt div.csc-sitemap ul li.sitemap-l2 {
	padding:5px 0px 0px 0px;
	line-height:1.2em;
}

div#inhalt div.csc-sitemap ul li.sitemap-l1 a {
	display:block;
	padding:0px 0px 2px 0px;
	text-decoration:none;
	border-bottom:1px dotted #666;
	font-weight:bold;
	color:#000 !important;
}

div#inhalt div.csc-sitemap ul li.sitemap-l2 a {
	background-image:url(../images/list-arrow.gif);
	background-position:left 50%;
	background-repeat:no-repeat;
	padding:0px 0px 0px 12px;
	border-bottom:none;
	font-weight:normal;
	font-size:0.85em;
}