/* cmsms stylesheet: cms_std modified: 14.02.2020 12:32:01 */
/*
colors
rot be1e2d
orange ff7914
gelb ffbd23
gruen 8fd483
blau 93c6fd
bg-grau f6f7f8
bg-rot fcf7f9
bg-orange fffaf8
bg-gruen fbfcfa
bg-blau f7fafd
schrift:  444444
*/

/*-------------------------CMS-Vorlagen------------------------*/
.einruecken_loeschen{
clear: both;
}

.kleiner_text {
font-size: 0.8em;
}

.unsichtbar {
display: none;
}

/*---------------------------------------------------------------*/

html{
margin:0px;
padding:0px;
background: #f6f7f8 url(/images/design/bg_grau.png) top center repeat-y;
}

body{
margin: 0px auto;
padding: 0px;
font: 10pt Verdana,sans-serif;
color:#444;
}

img {
border:0px;
}

#container{
width:800px;
margin:0px auto;
}

* html container{
text-align:center;
}

#wrapper{
width:800px;
margin: 490px 0px 0px 0px;
padding:0px;
}

*:first-child+html #wrapper{
margin: 490px 0px 0px 1px;
border-top:490px solid #fff;
}

* html #wrapper{
margin: 490px 0px 0px 1px;
border-top:490px solid #fff;
}

#header{
background: url(/images/design/startseite_head.png) top center repeat-x;
position:absolute;
width:800px;
height:250px;
top:0px;
z-index:20;
}

#header div.headerlogo {
margin:75px 0px 0px 10px;
}

* html #header {
border-bottom:0px;
height: 250px;
}

*:first-child+html #header {
border-bottom:0px;
height: 250px;
}

#topnavi_startseite{
position:absolute;
top:210px;
width:800px;
z-index:30;
margin-left:15px;
}

#topnavi_startseite td a img {
margin-bottom:8px;
}

#topnavi_startseite td a {
font-size: 1.1em;
color: #444444;
text-decoration:none;
}

#topnavi_startseite td.topnavi_startseite_link1 a {
text-align:center;
display:block;
width:151px;
height:195px;
border-top:13px solid #be1e2d;
margin-right:5px;
}

#topnavi_startseite td.topnavi_startseite_link2 a {
text-align:center;
display:block;
width:134px;
height:195px;
border-top:13px solid #ff7914;
margin-right:5px;
}

#topnavi_startseite td.topnavi_startseite_link3 a {
text-align:center;
display:block;
width:158px;
height:195px;
border-top:13px solid #ffbd23;
margin-right:5px;
}

#topnavi_startseite td.topnavi_startseite_link4 a {
text-align:center;
display:block;
width:160px;
height:195px;
border-top:13px solid #8fd483;
margin-right:5px;
}

#topnavi_startseite td.topnavi_startseite_link5 a {
text-align:center;
display:block;
width:150px;
height:195px;
border-top:13px solid #93c6fd;
margin-right:5px;
}

#topnavi_startseite a:hover {
font-weight: bold;
}

#topnavi{
position:absolute;
top:315px;
width:800px;
z-index:30;
margin-left:15px;
}

#topnavi td.topnavi_link1 a {
text-align:center;
display:block;
width:150px;
height:45px;
font-size: 1.1em;
color: #444444;
text-decoration:none;
border-bottom:13px solid #be1e2d;
}

#topnavi td.topnavi_link2 a {
text-align:center;
display:block;
width:140px;
height:45px;
font-size: 1.1em;
color: #444444;
text-decoration:none;
border-bottom:13px solid #ff7914;
}

#topnavi td.topnavi_link3 a {
text-align:center;
display:block;
width:165px;
height:45px;
font-size: 1.1em;
color: #444444;
text-decoration:none;
border-bottom:13px solid #ffbd23;
}

#topnavi td.topnavi_link4 a {
text-align:center;
display:block;
width:160px;
height:45px;
font-size: 1.1em;
color: #444444;
text-decoration:none;
border-bottom:13px solid #8fd483;
}

#topnavi td.topnavi_link5 a {
text-align:center;
display:block;
width:150px;
height:45px;
font-size: 1.1em;
color: #444444;
text-decoration:none;
border-bottom:13px solid #93c6fd;
}

#topnavi a:hover {
font-weight: bold;
}

#navigation {
float:left;
width:180px;
margin-left:10px;
padding-right: 10px;
border-right:1px solid #ddd;
}

#content{
float:left;
width: 550px;
margin: 0px;
padding: 10px 10px;
}

#footer {
clear: both;
width:800px;
margin: 0px auto;
padding: 10px 0px 20px 0px;
border-top: 2px solid #ddd;
text-align: center;
color: #808080;
font-size: 0.9em;
}

.print_header {
text-align: right;
border-bottom: 1px solid #a8c4eb;
}

.print_footer {
text-align: center;
border-top: 1px solid #a8c4eb;
}

/*---------Navigation-------*/

#navigation ul {
list-style: none;
width: 170px;
margin: 10px 0px 20px 0px;
padding: 0px;
font-size: 1.2em;
}

#navigation ul li {
margin-bottom: 4px;
}

#navigation ul li a {
text-decoration: none;
text-align:right;
color: #444;
display: block;
margin:0px;
padding: 3px 0px 3px 10px;
}

#navigation ul li a:hover, #navigation ul li a.menuactive {
font-weight:bold;
}

ul.unterseitenliste {
margin:0px;
}

li.unterseiten {
list-style: none;
margin: 10px 0px;
}

li.unterseiten a {
width:170px;
display:block;
margin:0px;
text-decoration: none;
font-weight:bold;
padding:3px 20px;
border:1px solid #3a7dda;
color: #444444;
}

li.unterseiten a:hover {
text-decoration: none;
font-weight:bold;
border:1px solid #444444;
background-color: #444444;
color:#ffffff;
}

/*---------Suche-------------*/

#cntnt01searchinput {
background: #fff;
border:1px solid #888;
border-right:none;
width:152px;
height:16px;
}

#search_png{
border:1px solid #888;
border-left:none;
height:18px;
margin:0px 0px -5px -3px;
padding:0px;
}

* html #search_png{
margin:0px 0px -4px -3px;
}

*:first-child+html #search_png{
margin:0px 0px -4px -3px;
}

/*-----------------allgemein---------------------*/

p{
margin: 10px 10px;
}

#content img{
border:1px solid #c0c0c0;
padding:2px;
margin:3px;
}

#content img.noborder{
border:0px;
padding:2px;
margin:3px;
}

#header p img{
padding:0px;
margin:0px;
}

#content p{
line-height:1.4;
}

#footer p{
margin:0;
padding:5px 10px;
}

a{
color: #444444;
text-decoration:underline;
}

a:hover{
color: #444444;
text-decoration:none;
}

a img{
border:0;
}

.print {
float:left;
}

h1 {
font-size: 1.4em;
font-weight: bold;
color: #444444;
margin:10px 0px 0px 10px;
padding:0px 0px 5px 0px;
}

h2 {
font-size: 1.1em;
font-weight: bold;
color: #444444;
margin:5px 0px 0px 10px;
padding:0px;
}

h3 {
font-size: 1.0em;
font-weight: bold;
color: #444444;
margin:5px 0px 0px 10px;
padding:0px;
}

h4 {
font-size: 1.0em;
font-weight: bold;
color: #444444;
margin:5px 0px 0px 10px;
padding:0px;
}

h5 {
font-size: 1.0em;
font-weight: bold;
color: #444444;
margin:5px 0px 0px 10px;
padding:0px;
}

.NewsTitle {
font-size: 10pt;
font-weight: bold;
color: #0a2f8a;
padding:0px;
}

hr{
border:0px;
color:#a8c4eb;
background-color:#a8c4eb;
height:1px;
margin:5px 20px 10px 10px;
padding:0px;
}

.left {
float: left;
}

.right {
float: right;
}

.clear {
clear: both;
}

.textright {
text-align: right;
}

.center {
text-align: center;
}

.small {
font-size: 0.8em;
}

.bold {
font-weight: bold;
}

.hide {
display: none;
}

dfn {
display: none;
}

.pic_titel{
height:40px;
margin: 0px;
padding: 10px;
border: 0px;
color:#fff;
font-size: 1.3em;
font-weight:bold;
text-align:center;
}

.unter_pic{
width: 548px;
margin: 0px;
padding: 5px 0px 10px 0px;
border: 1px solid #ccc;
border-top: none;
background: #eee;
text-align:center;
}

a.noline {
text-decoration:none;
}

* html .unter_pic{
margin: -3px 0px 0px 3px;
}

.rechte_spalte{
font-size: 1em;
}

/*---------------News------------------------*/

.NewsSummaryPostdate{
font-weight:bold;
text-decoration:underline;
padding: 4px 0px 4px 0px; 
font-size: 90%;
}

/*---------------Breadcrumps---------------*/
div.breadcrumbs {
width: 700px;
text-align:left;
text-transform:uppercase;
padding: 4px 0px 4px 10px;
font-size: 90%;
}

div.breadcrumbs span.lastitem { 
font-weight:bold; 
} 

/*---------------Ausklappbarer Inhalt-------------*/

.ausklappbar-header{ 
cursor: hand;
cursor: pointer;
font-weight: bold;
margin: 10px;
}

.accordprefix{
margin:0px;
}

.ausklappbar-text {
margin:0px;
}

.open-ausklappbar-text{
color:#5cc151;
}

.closed-ausklappbar-text{
color:#5cc151;
}

#content img.accordimg{
border:none;
margin:0px;
padding:0px;
}

/*----------------Kontaktformular-----------*/

.contactform fieldset {padding: 1em; display:none;}
.contactform fieldset legend {font-weight: bold; display:none;}
.contactform div {width: 100%; padding: 0.25em 0px 0.25em 0px;}
.contactform div label {display: block; width: 10em; }
.contactform div.required {color: #303030;}

.contactform textarea {
width:400px;
height:100px;
}

.contactform {
background:#eee;
border: 1px solid #c0c0c0;
}

/*----------------Kalender------------------*/

.ticker-date{
border: 1px solid #aaa;
border-bottom:1px solid #ddd;
padding:3px;
width: 240px;
margin-top: 4px;
}

.ticker-event{
border: 1px solid #aaa;
border-top:none;
border-bottom:1px solid #ddd;
padding:3px;
width: 240px;
}

.ticker-event-details{
border: 1px solid #aaa;
border-top:none;
padding:3px;
width: 240px;
}

.termine_voll{
color:#ff0000;
font-weight:bold;
}

div.calender-prev, div.calender-next{
display:none;
}

span.calender-date-title{
display:none;
}

div.calender-list h1{
font-size: 13pt;
}

div.calender-event h2{
font-size:10pt;
}

.td_head {
background:#a8c4eb;
color:#fff;
}

.td_head h3 {
color:#fff;
margin:3px;
}

.rand_rechts {
padding:3px;
border-right:1px solid #a8c4eb;
}

.rand_rechts_unten {
padding:3px;
border-right:1px solid #a8c4eb;
border-bottom:1px solid #a8c4eb;
}

.rand_links {
padding:3px;
border-left:1px solid #a8c4eb;
}

.rand_links_unten {
padding:4px;
border-left:1px solid #a8c4eb;
border-bottom:1px solid #a8c4eb;
}

.rand_unten {
padding:3px;
border-bottom:1px solid #a8c4eb;
}

.rand_rechts_links_unten {
padding:3px;
border-right:1px solid #a8c4eb;
border-left:1px solid #a8c4eb;
border-bottom:1px solid #a8c4eb;
}

/*---------------Fotoalbum-------------------*/

/* Used for categories to make things clear correctly */
.album_content {
	width:100%; 
	float:left;
}
.clear {
	clear:both
}
/* Album List UL */
.albumlist
{
	margin-left:0;
	padding-left:0;
	float:left;
}

/* Picture List UL */
.picturelist
{
	margin-left:0;
	padding-left:0;
}

/* Album and Picture Lists */
.thumb
{
	padding:0;
	width:150px;
	margin:0 0.5em 0.5em 0;
    
/* Thumbnail spacing */
	text-decoration:none;
	line-height:normal;
	list-style-type:none;
	text-align:center;
	float:left;

}

.thumb a
{
	display:block;
/* Set link formatting*/
	width:100px; 
/* Thumb width*/ 
	height:100px;
/* Thumb height*/
	padding:10px;
/* Thumb padding to form thumb frame */
/* You can set the above to 0px = no frame - but no hover indication!*/
	margin:0;
	background-color:white;
/*Background of thumb */
	border-top:0px solid #eee;
/* Borders of thumb frame */
	border-right:0px solid #ccc;
	border-bottom:0px solid #ccc;
	border-left:0px solid #eee;
	text-decoration:none;
}
.albumcomment { text-align: left; }
.thumb a:visited img
{
	background-color:#eee;
/*Background of thumb on hover - sort of a light grey */
}

.thumb a:hover img
{
	background-color:#dae6e4;
/*Background of thumb on hover - sort of light blue/green */
}

/* Styling of text and navigation for Album */
.albumname
{
	text-align:center;
	font-weight:bold;
	font-style:normal;
}
.albumname a
{
	display: inline;
        border: none;
        margin:none;
        padding:none;
        background-color:transparent;
}
.albumpicturecount
{
	font-size:smaller;
	text-align:center;
	font-weight:normal;
	font-style:italic;
}

.albumcomment
{
	text-align:center;
	font-weight:normal;
	font-style:normal;
}

.albumnav
{
	text-align:center;
	font-weight:normal;
	font-style:normal;
	font-size:smaller;
}

.instructiontext
{
	font-weight:normal;
	font-style:normal;
}

/* Big Picture */
.bigpicture
{
	padding:0.5em 0 0;
	clear:left;
	border-top:1px solid #ccc;
	text-align:center;
}

.bigpicturecaption
{
/* Big picture caption */
	text-align:center;
	margin:0 0 5px;
	padding:0;
}

.bigpicture img
{
/* Big picture settings */
	padding:18px;
/* Image padding to form photo frame. */
	width:80%;
/* Width of big picture - set to auto for actual width*/
	margin:0;
	background-color:white;
/* Background of picture */
	border-top:1px solid #eee;
/* Borders of picture frame */
	border-right:2px solid #ccc;
	border-bottom:2px solid #ccc;
	border-left:1px solid #eee;
	text-decoration:none;
}

.bigpicturenav
{
	margin:0;
	padding:0;
	color:#000;
	font-size:smaller;
	line-height:normal;
}

ul.picturelist {
width:500px;
list-style:none;
}
/* cmsms stylesheet: theme4_std modified: 14.02.2020 12:32:01 */
/*
colors
rot be1e2d
orange ff7914
gelb ffbd23
gruen 8fd483 - dunkler 5cc151
blau 93c6fd
bg-grau f6f7f8
bg-rot fcf7f9
bg-orange fffaf8
bg-gruen fbfcfa
bg-blau f7fafd
schrift:  444444
*/

/*---------------------------------------------------------------*/

html{
margin:0px;
padding:0px;
background: #fbfcfa url(/images/design/bg_gruen.png) top center repeat-y;
}

#wrapper{
width:800px;
margin: 400px 0px 0px 0px;
padding:0px;
}

*:first-child+html #wrapper{
margin: 400px 0px 0px 1px;
border-top:400px solid #fff;
}

* html #wrapper{
margin: 400px 0px 0px 1px;
border-top:400px solid #fff;
}

#header{
background: url(/images/design/leichter_lernen_head.jpg) top center repeat-x;
height:315px;
}

#header div.headerlogo {
margin:185px 0px 0px 30px;
}

/*-----------------allgemein---------------------*/

.themefarbe{
color: #5cc151;
}

a{
color: #5cc151;
text-decoration: underline;
}

a:hover{
color: #5cc151;
text-decoration: none;
}

h1 {
color: #8fd483;
}

h2 {
color: #444444;
}

h3 {
color: #444444;
}

h4 {
color: #444444;
}

h5 {
color: #444444;
}

hr{
border:0px;
color:#8fd483;
background-color:#8fd483;
height:1px;
margin:5px 20px 10px 10px;
padding:0px;
}