/*
 * ========== Eric Meyer's RESET STYLES (from:http://meyerweb.com/eric/thoughts/2007/04/12/reset-styles/) ==============
 */
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,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;font-weight:normal;font-style:normal;font-size:100%;font-family:inherit;text-align:left}
table {border-collapse:collapse;border-spacing:0}
ol,ul {list-style:none}
q:before,q:after,blockquote:before,blockquote:after{content:""}

/*
 * ========== Google Custom Search Styles ===========
 */
#cse .gsc-results {
	/* Sets font for titles, snippets, and URLs. */
	font-family: Verdana;
}

#cse .gsc-result {
	position: relative;
	border: 1px solid #eee;
	border-left: 10px solid #eee;
	padding: 8px 8px 8px 20px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	line-height: 14px;
}

#cse .gsc-result:hover {
	border: 1px solid #888;
	border-left: 10px solid #f7c80a;
}

#cse .gs-title a b {
	color: #1367B2;
}

#cse .gs-title {
	color: #1367B2;
}

#cse .gs-snippet {
	color: #000000;
}

#cse .gs-visibleUrl {
	color: #0000ff;
}
 
/*
 * ========== STYLES FOR CONTENT ITEMS ==============
 */
hr {display:none;border:0}
small {font-size:84%}
/* full-txt search */
.side #txt-search {width:100%;border:2px solid #FFD768;color:#818181}
.side input{font-size:14px;margin:0 0 10px 0}

/* === LINKS === */
a,a:visited,a:active{color:#1367B2;text-decoration:none}
a:hover{background:#FFE7A5;text-decoration:underline}

/* externe Links */
a[href*="http://"]{background:transparent url(extern.gif) bottom right no-repeat;padding-right:12px}
a[href*="http://"]:hover{background:#FFE7A5 url(extern.gif) bottom right no-repeat;text-decoration:underline}

/* === MENÜ === */

.menu a {color:#1367B2}
.menu ul{list-style:none;float:right;padding:24px 1em 28px 1em;margin:0;background-repeat:no-repeat}

html > body .menu ul {background-image:url(/design/menu-bg.png)}

	.menu a {text-decoration:none;font-weight:900;padding:8px}
	.menu li {display:inline;padding:0}
	.menu a:hover{color:#fff;background:#F15A5A}

#Index-pg #index a {padding-left:12px;background:transparent url(menu-item0-bg.gif) left center no-repeat;color:#fff}
	#Index-pg #index a:hover {padding-left:12px;background:transparent url(menu-item0-bg.gif) left center no-repeat;color:#fff;cursor:default}

#index a {padding-left:12px;background:transparent url(menu-item0-bg.gif) left -100px no-repeat}
	#index a:hover{padding-left:12px;background:transparent url(menu-item0-bg.gif) -400px center no-repeat}

#suche-pg #suche a,#aktuelles-pg #aktuelles a,#eltern-pg #eltern a,#ueberuns-pg #ueberuns a{background:#1367B2;color:#fff}

#suche-pg #suche a:hover,#aktuelles-pg #aktuelles a:hover,#eltern-pg #eltern a:hover,#uebens-pg #ueberuns a:hover{background:#1367B2;color:#fff;cursor:default}

/* GENERAL STYLES */
ul,ol{margin:0 2em 1.5em 2em}
ul{list-style:disc}
ul.no-bullets {list-style:none;margin-left:0}
ol.rom {list-style:upper-roman}
ol.abc {list-style:lower-alpha}
ol.num {list-style:decimal}

.text1,.text2,.text3 {font-size:16px;line-height:1.5em;margin:0}

/* MAIN */
.main {width:34em;float:left;margin-right:-23em;padding:0 1em 2em 2em;display:inline}
.main h1 {font-size:32px}
.main h2 {font-size:24px}
.main h3 {font-size:24px;color:#1367B2;border-bottom:1px dotted #1367B2;letter-spacing:-.05em;word-spacing:-.05em;line-height:1em;margin:0 0 .85em 0;padding:1em 40px .1em 36px;background:url(bullet-main.gif) no-repeat 4px bottom}
.main h4 {font-size:16px;letter-spacing:-.05em;line-height:1em;margin:1.5em 0 .5em 0;font-weight:900}

.main p{font-size:16px;line-height:1.5em}
.main em{font-style:italic}
.main strong{font-weight:900}
.main ul li{color:#000;line-height:1.5em}
.main blockquote {font-family:georgia,sans-serif;color:#1367B2;margin:1.5em 0 1.5em 2em;padding:0 0 0 .5em;border-left:1px solid #1367B2;line-height:1.5em}
.main cite {font-family:arial,sans-serif;font-size:84%;display:block;padding-right:2em;text-align:right}
.main q {font-family:georgia,sans-serif;color:#1367B2}

.main .link {display:none}
.main .date {color:#1367B2;font-weight:900;font-size:12px;line-height:1em;margin:-1.5em 0 .5em 36px;padding:0}
.main .more {font-size:16px;text-align:right;height:1.5em}
.main .img1 {margin:0;padding:5px;border:1px solid #bbb}


/* SIDE */
.side {display:inline;width:18em;float:right;padding:51px 2.5em 48px 2.5em}
.side h2 {font-size:18px;line-height:24px;font-weight:900;color:#F15A5A;margin:24px 0 0 0;text-align:right}
.side h3 {font-size:18px;line-height:24px;color:#1367B2;border-bottom:1px dotted #1367B2;letter-spacing:-.05em;word-spacing:-.05em;padding:1.2em 32px 0 0;background:url(bullet-side.gif) no-repeat right bottom;margin-bottom:8px}
.side h4 {font-size:16px;line-height:20px;letter-spacing:-.05em;word-spacing:-.05em;font-weight:bold;margin-bottom:.33em}
.side img {float:right;margin:8px 0}

.side ul li{line-height:2em}
.side a:hover{background:#fff}
.side a[href*="http://"]:hover{background:#fff url(extern.gif) bottom right no-repeat;text-decoration:underline}
.side p{font-size:12px;line-height:18px}

.side .link {display:none}
.side .date {font-size:12px;margin-bottom:6px}
.side .text2 {font-size:12px;line-height:18px}
.side .more {font-size:12px;text-align:right}

/* CONTENT */
.main .C4c-1 h1{font-size:32px;color:#FFD668;text-align:right;margin:.5em 0 0 0;line-height:1em;letter-spacing:-.05em}
.main .C4c-2 h2{color:#1367B2;text-align:right;line-height:2em;letter-spacing:-.05em}

.C4c-16 {clear:both}
.C4c-16 .img1 {float:right;width:150px;margin-left:1em}
.C4c-16 img {float:right;clear:right;margin:0 0 1em 1em}

.C4c-17 {clear:both}
.C4c-17 .img1 {float:left;width:150px;margin-right:1em}
.main .C4c-17 ul li {list-style-type:none;margin:0}
.main .C4c-17 ul li img {margin:.3em}

/* SEARCH-RESULTS */

.q_text {}
.r_text {}

.item {margin-bottom:.5em}
.item a[href*="http://"]{background:transparent !important}

.item .title {font-weight:bold; color:#1367B2}
.item .title a {font-weight:bold}
.item .text,.item .url, .item .info {margin-left:12px}
.q_text, .item .text {font-size:12px;line-height:1.35}
.item .url {font-size:12px;line-height:1.35}
.r_text, .item .lmod, .item .size {margin-left:12px;padding-right:12px;font-size:10px;line-height:1;color:#444}
.e_text {margin-top:.5em}

.text .hl {background:#FFE7A5}

.navi {font-size:14px}
.navi .page0, .navi .page1 {margin:0 3px;}
.navi .page0 {font-weight:bold; color:#1367B2; text-decoration:underline}
.navi .back1 a, .navi .next1 a{font-weight:bold !important}
.item .lmod	{float:left}

/* -------------------------------------------------
 * ========== STYLES FOR BASIC LAYOUT ==============
 * -------------------------------------------------
 */

/* === LAYOUT ===
	display,floats,positioning,width/heights,padding/margin
*/
.header {height:172px}
	.header h1 {text-indent:-5000px;height:0}
	.header img {margin:8px 0 0 32px;padding:0}
.container {width:60em;margin:0 auto;text-align:left}
.menu {width:100%;margin-top:-32px}
.content {clear:both;width:100%}
.footer {clear:both;height:2em;width:100%;margin:0;padding:1em 0 .5em 0}

/* === COLORS ===
	backgrounds,colors,images
*/
body {background:#1367B2}
.header {background:url(eva-kita-kopf.jpg) no-repeat center;border-bottom:4px solid #1367B2}

.header img {background-position:top left;background-repeat:no-repeat}
html > body .header img {background-image:url(logo-bg.png)}

.container {border-top:4px solid #1367B2;background:#fff}
.main {background:#fff;border-right:23em solid #FFE7A5}
.side {background:#FFE7A5}
.footer {border-top:4px solid #1367B2;background:#ffd668}

/* === FONTS ===
	font-families/sizes,line-heights,letter-spacing,text-decoration
*/
body {font-family:arial,sans-serif}
h1,h2,h3,h4,.main .date {font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif}
.header h1 {font-size:1px}
.footer,.menu {font-family:arial,sans-serif}
.footer {font-size:84%;background:#FFD768;border-top:4px solid #1367B2;text-align:center}