body {
	background: transparent url(background.jpg) fixed top;
	line-height: 1.2em;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #666;
}

h1 {
	
	font-family: "Lucida Grande", Arial, sans-serif, Helvetica;
	font-weight: normal;
	color: #1A80C9;
	font-size: 26px;
	line-height: 26px;
	padding-bottom: 8px;
	margin: 15px 0px 15px;
	box-shadow: 0px 1px 1px #CCC;
	-moz-box-shadow: 0px 1px 1px #CCC; 
	-webkit-box-shadow: 0px 1px 1px #CCC; 
	border-bottom: 2px solid #1A80C9;
	font-variant:small-caps;
	text-shadow:#000 0px 1px 0, #FFF 0 -1px 0;
}

h2 {
	margin: 15px 0px 5px;
	color: #693;
	border-bottom: 1px dotted #693;
}


h3 {
	color: #666;
}

#main a {
	color: #1A80C9;
	text-decoration: none;
}

#main a:hover, #main a:active {
	color: #1A80C9;
	text-decoration: underline;
}

#header {
	background: transparent url(banner.png) no-repeat;	
	padding: 36px 0px 0px 13px;
}
#container {
	background: transparent url(container.png);	
}
#mainmenu {
	height: 60px;	
	width:988px;
}

#main .inside {
	padding: 0px 40px  25px  25px;

}

.mod_article .float_left {
margin: 0px 15px 10px 0px;
}

.mod_article .float_right {
margin: 0px 5px 10px 15px;
}


.mod_article .image_container {
	padding: 12px 10px 0px 10px;
	background: #FFF;
	margin-right: 5px;
	margin-bottom: 15px;
	border: 1px solid #CCC;
    -webkit-box-shadow: 2px 2px 4px #CCC;
    -moz-box-shadow: 2px 2px 4px #CCC;
    box-shadow: 2px 2px 4px #CCC;

	background:-moz-linear-gradient(top, #fff, #eee); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)); /* Safari, Chrome */
}	

.mod_article .image_container img {
	border: 1px solid #CCC;
}

#left .inside {

	margin: 50px 0px 25px 0px;
}
/* Paginierung */


.pagination {
	text-align: center;
	list-style: none;
}
.pagination li {
	margin: 0;
	display: inline;
	border: 1px solid #1A80C9;
	list-style: none;
	height: 15px;
	background:-moz-linear-gradient(top, #fff, #eee); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)); /* Safari, Chrome*/
	padding: 4px 8px 2px;


}
.pagination li a, .pagination span {
	text-decoration: none;
}
.pagination li a:hover {
	color: #000;
}

#main .mod_eventlist .more, #left .pagination {
	display: none;
}



/* Tabelle */

#main .ce_table table {
	border-width: 1px;
	border-spacing: 4px;
	border-style: none;
	border-collapse: separate;
}

#main .ce_table table th {
	border-width: 1px;
	padding: 5px;
	border: 1px solid #999;
	background-color: rgba(255, 255, 255, 0.8);
}
#main .ce_table table td {
	border-width: 1px;
	padding: 5px;
	border: 1px solid #999;
	background-color: rgba(255, 255, 255, 0.4);

}
/* SUCHFELD */

#main .mod_search .text {
	outline: none;
	padding: 5px 10px;
	border: 1px solid #AAA;
    -webkit-box-shadow: 2px 2px 4px #CCC;
    -moz-box-shadow: 2px 2px 4px #CCC;
    box-shadow: 2px 2px 4px #CCC;
	background: rgba(255,255,255); opacity: 0.5;
	background: rgba(255,255,255,0.5);
}

#main .mod_search .submit {
	outline: none;
	padding: 0px;
	border: 1px solid #CCC;
	padding: 4px 10px 4px;
    -webkit-box-shadow: 2px 2px 4px #CCC;
    -moz-box-shadow: 2px 2px 4px #CCC;
    box-shadow: 2px 2px 4px #CCC;
	background:-moz-linear-gradient(top, #fff, #eee); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)); /* Safari, Chrome*/
	cursor: pointer;
}
#main .mod_search .submit:hover {
	background:-moz-linear-gradient(top, #eee, #fff); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff)); /* Safari, Chrome*/
	cursor: pointer;
}
/* EVENT TEASER */
	
#left .mod_eventlist {
	height: 232px;
	margin: 0;
	background: url(event_top.png) top no-repeat;
	padding: 40px 15px 0px 53px;
}

#left .mod_eventlist a {
margin-top: 20px;
	color: #DBE9F4;
}

#left .mod_eventlist .date {
	color: #194667;
}

#left .event-more {
	height: 80px;
	background: url(event_bottom.png) top no-repeat;
	padding: 0;

}

#left .mod_eventlist a.more {
	color: #DBE9F4;
	text-decoration: none;
	display: block;
	font-weight: bold;
}

#left .event-more a.ical {

	padding: 43px 0px 0px 245px;
	height: 55px;
	width: 57px;
	text-decoration: none;
	color: #cc6600;
	
	display: block;
	outline: none;
}


#left .mod_eventlist a {
	text-decoration: none;
	
}

/*
	border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;

	border: 1px solid #CCC;
    -webkit-box-shadow: 2px 2px 4px #DDD;
    -moz-box-shadow: 2px 2px 4px #DDD;
    box-shadow: 2px 2px 4px #DDD;
*/

#left .mod_eventlist .empty {
	color: #DBE9F4;
	font-style: italic;
}

.caption {
font-size: 11px;
font-style: italic;
	padding: 5px 0px 15px;
}

.mod_eventlist .header {
	float: right;
}

/* TEAM SEITE */



.ce_dma_eg_1 ul, .ce_dma_eg_2 ul, .ce_dma_eg_3 ul{
margin: 0;
padding: 0 0 0 15px;
}

.ce_dma_eg_1 .left, .ce_dma_eg_2 .left,.ce_dma_eg_3 .left {
float: left;
width: 380px;
padding: 10px 5px;
}

.ce_dma_eg_2 .left table .first {
	width: 50px;
}

.ce_dma_eg_1 .right, .ce_dma_eg_2 .right, .ce_dma_eg_3 .right {
float: right;
padding: 10px 5px;

}

.teaser .image_container, .ce_dma_eg_1 .image_container, .ce_dma_eg_2 .image_container, .ce_dma_eg_3 .image_container {
	padding-bottom: 0px; 
	width: 150px; float: right; margin: 0px 0px 5px 15px
}

.ce_dma_eg_1 .caption, .ce_dma_eg_2 .caption, .ce_dma_eg_3 .caption {
font-style: italic;
text-align: center;
	padding: 5px 0px 15px;
}


.ce_dma_eg_1 .twocol, .ce_dma_eg_2 .twocol, .ce_dma_eg_3 .twocol {

clear: both;
}

.ce_dma_eg_1 td.first, .ce_dma_eg_2 td.first, .ce_dma_eg_3 td.first {
	width: 150px;
	font-weight: bold;
	vertical-align: top;
}

/* BILDER */

.clean .image_container {
	border: 0;
	background: none;
	background-image: none;
	margin: 0;
	padding: 0;
    -webkit-box-shadow: 0 0 0 0 white;
    -moz-box-shadow: 0 0 0 0 white;
    box-shadow: 0 0 0 0 white;
}

.ce_gallery .image_container {
	padding-bottom: 0px;
	margin: 0px 20px 10px 0px;
}


/* AKKORDEON */

.toggler {
background: #669933;
color: #FFF;
padding: 5px 10px;
margin-bottom: 1px;
cursor: pointer;

	border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
}

.twocol {
	margin-bottom: 15px;
}
	
/* HAUPTNAVIGATION */

#mainmenu .mod_navigation ul {
	margin:0;
	padding:0;
	list-style-type:none;
	height: 60px;	
	width:988px;
}

#mainmenu .mod_navigation li {
	margin:0;
	padding:0;
	display: inline;
}


#mainmenu .mod_navigation a,
#mainmenu .mod_navigation span
{
	outline: none;
	float: left;
	overflow: hidden;
    height:54px;
    text-indent:-3000px;
    background-repeat: none;
}

#mainmenu .mod_navigation .startseite a,
#mainmenu .mod_navigation .startseite a:link,
#mainmenu .mod_navigation .startseite a:visited
{
    background:url(mainmenu.png) no-repeat 0 0;
    width: 148px;
    height: 60px;
}

#mainmenu .mod_navigation .startseite a:active,
#mainmenu .mod_navigation .startseite a:hover,
#mainmenu .mod_navigation .startseite a:focus
{
    background:url(mainmenu.png) no-repeat 0 -60px;
    width: 148px;
    height: 60px;
}

#mainmenu .mod_navigation .startseite a.trail,
#mainmenu .mod_navigation .startseite span {
    background:url(mainmenu.png) no-repeat 0 -120px;
    width: 148px;
    height: 60px;
}

#mainmenu .mod_navigation .paedagogik a,
#mainmenu .mod_navigation .paedagogik a:link,
#mainmenu .mod_navigation .paedagogik a:visited
{
    background:url(mainmenu.png) no-repeat -148px 0px;
    width: 147px;
    height: 60px;
}

#mainmenu .mod_navigation .paedagogik a:active,
#mainmenu .mod_navigation .paedagogik a:hover,
#mainmenu .mod_navigation .paedagogik a:focus

{
    background:url(mainmenu.png) no-repeat -148px -60px;
    width: 147px;
    height: 60px;
}

#mainmenu .mod_navigation .paedagogik a.trail,
#mainmenu .mod_navigation .paedagogik span
{
    background:url(mainmenu.png) no-repeat -148px -120px;
    width: 147px;
    height: 60px;

}

#mainmenu .mod_navigation .haus a,
#mainmenu .mod_navigation .haus a:link,
#mainmenu .mod_navigation .haus a:visited
{
    background:url(mainmenu.png) no-repeat -295px 0;
    width: 105px;
    height: 60px;
}

#mainmenu .mod_navigation .haus a:active,
#mainmenu .mod_navigation .haus a:hover,
#mainmenu .mod_navigation .haus a:focus

{
    background:url(mainmenu.png) no-repeat -295px -60px;
    width: 105px;
    height: 60px;
}

#mainmenu .mod_navigation .haus a.trail,
#mainmenu .mod_navigation .haus span
{
    background:url(mainmenu.png) no-repeat -295px -120px;
    width: 105px;
    height: 60px;
}

#mainmenu .mod_navigation .team a,
#mainmenu .mod_navigation .team a:link,
#mainmenu .mod_navigation .team a:visited
{
    background:url(mainmenu.png) no-repeat -400px 0;
    width: 105px;
    height: 60px;
}

#mainmenu .mod_navigation .team a:active,
#mainmenu .mod_navigation .team a:hover,
#mainmenu .mod_navigation .team a:focus

{
    background:url(mainmenu.png) no-repeat -400px -60px;
    width: 105px;
    height: 60px;
}

#mainmenu .mod_navigation .team a.trail,
#mainmenu .mod_navigation .team span
{
    background:url(mainmenu.png) no-repeat -400px -120px;
    width: 105px;
    height: 60px;
}


#mainmenu .mod_navigation .tipps-service a,
#mainmenu .mod_navigation .tipps-service a:link,
#mainmenu .mod_navigation .tipps-service a:visited
{
    background:url(mainmenu.png) no-repeat -505px 0;
    width: 194px;
    height: 60px;
}

#mainmenu .mod_navigation .tipps-service a:active,
#mainmenu .mod_navigation .tipps-service a:hover,
#mainmenu .mod_navigation .tipps-service a:focus

{
    background:url(mainmenu.png) no-repeat -505px -60px;
    width: 194px;
    height: 60px;
}

#mainmenu .mod_navigation .tipps-service a.trail,
#mainmenu .mod_navigation .tipps-service span

{
    background:url(mainmenu.png) no-repeat -505px -120px;
    width: 194px;
    height: 60px;
}

#mainmenu .mod_navigation .ernaehrung a,
#mainmenu .mod_navigation .ernaehrung a:link,
#mainmenu .mod_navigation .ernaehrung a:visited
{
    background:url(mainmenu.png) no-repeat -699px 0;
    width: 154px;
    height: 60px;
}

#mainmenu .mod_navigation .ernaehrung a:active,
#mainmenu .mod_navigation .ernaehrung a:hover,
#mainmenu .mod_navigation .ernaehrung a:focus

{
    background:url(mainmenu.png) no-repeat -699px -60px;
    width: 154px;
    height: 60px;
}

#mainmenu .mod_navigation .ernaehrung a.trail,
#mainmenu .mod_navigation .ernaehrung span
{
    background:url(mainmenu.png) no-repeat -699px -120px;
    width: 154px;
    height: 60px;
}

#mainmenu .mod_navigation .kontakt a,
#mainmenu .mod_navigation .kontakt a:link,
#mainmenu .mod_navigation .kontakt a:visited
{
    background:url(mainmenu.png) no-repeat -853px 0;
    width: 132px;
    height: 60px;
}

#mainmenu .mod_navigation .kontakt a:active,
#mainmenu .mod_navigation .kontakt a:hover,
#mainmenu .mod_navigation .kontakt a:focus

{
    background:url(mainmenu.png) no-repeat -853px -60px;
    width: 132px;
    height: 60px;
}

#mainmenu .mod_navigation .kontakt a.trail,
#mainmenu .mod_navigation .kontakt span
{
    background:url(mainmenu.png) no-repeat -853px -120px;
    width: 132px;
    height: 60px;
}

/* UNTERMENÜ */

#submenu .mod_navigation {
	background: url(submenu.png) top no-repeat;
	height: 33px;

	}

#submenu .mod_navigation ul{
	margin: 5px 0px 0px 30px;
	padding: 0;

}

#submenu .mod_navigation li{
	display: block;
	float: left;
	margin: 0;
	margin-right: 5px;
	border-right: 1px solid #669933;
	padding-right: 5px;
}

#submenu .mod_navigation li.last{
	border-right: 0;
}


#submenu .mod_navigation a{
	color: #666;
	text-decoration: none;
	padding: 1px 5px;
}

#submenu .mod_navigation span, #submenu .mod_navigation a:hover, #submenu .mod_navigation a.trail{
	color: #FFF;
	background: #1A80C9;
	padding: 1px 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
}



#footer {
	background: transparent url(footer.png);
	margin-bottom: 25px;	
}

#footer .inside ul {
	text-align: right;
	margin: 45px 25px 0 0;
}

#footer .mod_navigation li {
	display: inline;
	margin: 0;
	margin-right: 5px;
	border-right: 1px solid #FFF;
	padding-right: 5px;
}


#footer .mod_navigation li a {
	color: #FFF;
	padding-right: 5px;
	text-decoration: none;
}

#footer .mod_navigation li a:hover, #footer .mod_navigation li span{

	padding-right: 5px;
	color: #CF3;
}

#footer .mod_navigation li.last, #footer .mod_navigation li.last a:hover{
	border-right: 0;
}