/******************************************************************************/
/*          MMI – Marie Meierhofer Institut für das Kind                      */
/******************************************************************************/



/*  Reset CSS -> Thanks to Eric A. Meyer */

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, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
    }

:focus {
	outline: 0;
	background-color : transparent;
	color : #666;
    }

body {
	line-height: 1;
	color: #666;
	background: #fff;
    }

ol, ul {
	list-style: none;
    }

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

caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align : top;
    }

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
    }

blockquote, q {
	quotes: "" "";
    }



/******************************************************************************/
/********************************************************************** Start */
/******************************************************************************/



/* General */
a:link  {
    color : #0059A5;
    text-decoration : underline;
    }

a:visited   {
    color : #666;
    text-decoration : underline;
    }

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

.smaller,
span.smaller    {
    font-size : 11px;
    line-height : 14px;
    }

.booked {
    font-size : 11px;
    font-weight : bold;
    color : #e85a4d;
    }

/* Site */

html {
 	height : 100%;
	}


body	{
    height : 100%;
    width : 100%;
    font-family : verdana, arial, helvetica, sans-serif;
    background-color : #fff;
	}

div.site {
    position : relative;
    width : 880px;
    min-height : 100%;
    height : auto !important;
    height : 100%;
    margin : 0 auto -25px;
    padding : 0;
    border-width : 0 1px;
    border-color : #e3e3e3;
    border-style : solid;
    background-image : url(bg.gif);
    background-position : top right;
    background-repeat : repeat-y;
    background-color : #f5f5f5;
    }

ol.bb-list-unordered, ul.bb-list-unordered {
	list-style: disc;
	padding-left: 20px;
	padding-bottom: 10px;
    }



/********************************************************************* Header */

div.header {
    position : relative;
	margin : 0;
	padding : 15px;
	color : #fff;
	height : 75px;
	}

div.header p.logo    {
    float : left;
    }


div.header p.claim  {
    float : left;
    margin : 10px 0 0 60px;
    }  





/***************************************************** General Sub-Navigation */

div.navigation  {
    clear : left;
    float : left;
    width : 175px;
    min-height : 100%;
    margin : 30px 0 0 15px;
    padding : 0;
    color : #0059a5;
	border : 1px solid #0059a5;
	border-width:  0 0 1px 0;
    }

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


div.navigation p {
	margin: 0;
	padding : 0;
	border : 1px solid #0059A5;
	border-width: 1px 0 0 0;
	font-size : 12px;
	line-height : 15px;
	text-align : left;
	}

div.navigation p,
div.navigation p a {
    color : #0059a5;
	text-decoration: none;
	font-weight : bold;
	}

div.navigation p.level_one a,
div.navigation p.level_one_selected a,
div.navigation p.level_one_shown,
div.navigation p.level_one_empty,
div.navigation p.level_one_empty a,
div.navigation p.level_two a,
div.navigation p.level_two_selected a,
div.navigation p.level_two_shown,
div.navigation p.level_three a,
div.navigation p.level_three_selected a,
div.navigation p.level_three_shown,
div.navigation p.level_four a,
div.navigation p.level_four_selected a,
div.navigation p.level_four_shown {
	display: block;
	text-decoration : none;
    padding : 4px 0 5px 15px;
    color : #0059a5;
	background-position : 0 6px;
    }

div.navigation p.level_one a,
div.navigation p.level_one_selected a,
div.navigation p.level_one_shown,
div.navigation p.level_one_empty,
div.navigation p.level_one_empty a {
	width: 160px;
    }

/* Level 2 */

div.navigation p.level_two a,
div.navigation p.level_two_selected a,
div.navigation p.level_two_shown {
    color : #0059a5;
    font-weight : normal;
    padding-left : 30px;
	width: 145px;
	background-position : 14px 6px;
    }


/* Level 3 */

div.navigation p.level_three a,
div.navigation p.level_three_selected a,
div.navigation p.level_three_shown {
    padding-left : 45px;
	width: 130px;
    color : #e85a4d;
	background-position : 28px 6px;
	font-weight : normal;
    }



/* Level 4 */

div.navigation p.level_four a,
div.navigation p.level_four_selected a,
div.navigation p.level_four_shown {
    padding-left : 60px;
	width: 115px;
    color : #e85a4d;
	background-position : 42px 6px;
   	}


/* Hover */

div.navigation p.level_one a:hover,
div.navigation p.level_one_selected a:hover,
div.navigation p.level_two a:hover,
div.navigation p.level_two_selected a:hover,
div.navigation p.level_three a:hover,
div.navigation p.level_three_selected a:hover,
div.navigation p.level_four a:hover {
	color : #666;
	text-decoration: none;
	background-color : #7fadd0;
	color : #fff;
	}


/* Selected */

div.navigation p.level_one_selected a,
div.navigation p.level_two_selected a,
div.navigation p.level_three_selected a,
div.navigation p.level_four_selected a  {
    font-weight : bold;
    color : #e85a4d;
	background-image : url(reddot.png);
	background-repeat : no-repeat;
    }
    
    
    

/* Shown */
div.navigation p.level_one_shown,
div.navigation p.level_one_empty,
div.navigation p.level_two_shown,
div.navigation p.level_three_shown,
div.navigation p.level_four_shown  {
    color : #e85a4d;
    font-weight : bold;
	background-image : url(reddot.png);
	background-repeat : no-repeat;
    }



/************************************************************ Content Wrapper */

div.teaser_wrapper     {
    float : left;
    width : 630px;
    margin : 30px 0 0 20px;
    
    font-size : 13px;
    line-height : 18px;
    }


/**************************************************** Start Teaser - 9 Images */

div.teaser_wrapper p.start_teaser {
    float : left;
    width : 200px;
    height : 200px;
    margin : 0 10px 10px 0 ;
    }


div.teaser_wrapper p.start_teaser a img {
    display : block;
    width : 180px;
    height : 180px;
    padding : 0 18px 18px 0;
    background-image : url(start_teaser.png);
    background-repeat : no-repeat;
    background-position : top right;
    }


div.teaser_wrapper p.start_teaser a:hover img {
    filter : alpha(opacity=50);
    -moz-opacity : .50;
    opacity : .50;
    }






/**************************************************** Start Teaser - 5 Images */


div.teaser_wrapper table.start_teaser {
    float : left;
    width : 200px;
    height : 200px;
    margin : 0 10px 10px 0 ;
    }


div.teaser_wrapper table.start_teaser td a img {
    display : block;
    width : 182px;
    height : 182px;
    padding : 0 18px 18px 0;
    background-image : url(start_teaser.png);
    background-repeat : no-repeat;
    background-position : top right;
    }


div.teaser_wrapper table.start_teaser td a:hover img {
    filter : alpha(opacity=50);
    -moz-opacity : .50;
    opacity : .50;
    }


div.teaser_wrapper table.start_teaser td.content_teaser    {
    padding : 20px;
    }

div.teaser_wrapper table.start_teaser h1    {
    margin-bottom : 8px;
    font-weight : bold;
    font-size : 13px;
    line-height : 18px;
    }


/*********************************************************************** Team */

table.team_wrapper    {
    width : 625px;
    margin-bottom : 30px;
    }

table.color    {
    border : 1px solid #fff;
    border-width : 0 0 0 0;
    background-color : #fff;
    width : 630px;
    }

table.team_wrapper td.team_member {
    float : left;
    width : 430px;
    }


table.team_wrapper td.team_member p {
    margin : 0 0 10px 0;
    padding : 0;
    }


/******************************************************************** Content */

div.content_wrapper, 
div.content_noservice,
div.content {
    margin : 25px 0 0 0;
    padding : 0 25px 25px 25px;
    float : left;
    width : 440px;
    font-size : 13px;
    line-height : 18px;
    }


div.content_noservice {
    width : 590px;
    }

div.content_wrapper h1,
div.content_noservice h1,
div.content h1  {
    margin : 5px 0 10px 0;
    font-size : 17px;
    line-height : 23px;
    font-weight : bold;
    }

div.content_wrapper h2,
div.content_noservice h2, 
div.content h2  {
    margin : 5px 0 10px 0;
    font-size : 13px;
    line-height : 20px;
    font-weight : bold;
    }
    
div.content_wrapper h3,
div.content_noservice h3, 
div.content h3  {
    margin : 25px 0 10px 0;
    font-size : 15px;
    line-height : 21px;
    font-weight : bold;
    color : #0059A5;

    }    
    
    
 div.content_wrapper p,
 div.content_noservice p,
 div.content p.first  {
    margin : 0 0 8px 0;
    }   
    
    
    
    
/* BB-Table */

table.bb-table  {
    margin : 0;
    }    
    
    
table.bb-table td   {
    padding : 0 40px 5px 0;
    }    
    
    
    
/*** BB-List */


/* unordered */

div.content_wrapper ul,
div.content_wrapper ul.bb-list-unordered,

div.content_noservice ul,
div.content_noservice ul.bb-list-unordered,

div.service ul,
div.service ul.bb-list-unordered,
td.service_news_shop ul,
td.service_news_shop ul.bb-list-unordered,
td.course ul,
td.course ul.bb-list-unordered,
td.course_detail ul,
td.course_detail ul.bb-list-unordered,     {
    list-style : disc;
    padding-left : 20px;
    margin : 0 0 10px 0;
    }

div.content_wrapper ul li,
div.content_wrapper ul.bb-list-unordered li.bb-listitem,

div.content_noservice ul li,
div.content_noservice ul.bb-list-unordered li.bb-listitem,

div.service ul li,
div.service ul.bb-list-unordered li.bb-listitem,
td.service_news_shop ul li,
td.service_news_shop ul.bb-list-unordered li.bb-listitem,
td.course ul li,
td.course ul.bb-list-unordered li.bb-listitem,
td.course_detail ul li,
td.course_detail ul.bb-list-unordered li.bb-listitem    {
    padding : 2px 0 5px 0;
    font-style : normal;
    }



/* Ordered List */

ol.bb-list-orde#e85a4d-d    {
    margin : 15px 0 0 5px;
    padding : 0;
    }


ol.bb-list-orde#e85a4d-d li.bb-listitem{
    margin : 0 0 0 10px;
    padding : 0 0 5px 0;
    }




/****************************************************************** Shop News */

table.news_shop,
table.news_shop_detail,
table.course,
table.course_detail    {
    width : 625px;
    margin-bottom : 5px;
    }

table.news_shop_detail,
table.course_detail    {
    margin : -5px 0 5px 0;
    }

table.news_shop td,
table.news_shop_detail td,
table.course td,
table.course_detail td   {
    padding : 5px;
    }

table.news_shop td.content,
table.news_shop_detail td.content,
table.course td.content,
table.course_detail td.content   {
    padding-right : 25px;
    }


table.news_shop td.check,
table.news_shop_detail td.check,
table.course td.check,
table.course_detail td.check   {
    width : 25px;
    }

table.news_shop td.service,
table.news_shop_detail td.service,
table.course td.service,
table.course_detail td.service {
    margin : 0;
    width : 160px;
    }

td.service_news_shop p.article_img {
    width : 150px;
    height : 150px;
    text-align : center;
    vertical-align : middle;
    }


/******************************************************************** Service */

div.service,
td.service_team,
td.service_news_shop,
td.service_course {
    margin : 0;
    padding : 0;
    float : right;
    width : 160px;
    font-size : 11px;
    line-height : 15px;
    font-family : verdana, arial, helvetica, sans-serif;
    font-weight : normal;
    }

div.service {
    margin-top : 35px;
    float : left;
    padding-bottom : 40px;
    }


div.service h1,
td.service_team h1,
td.service_news_shop h1,
td.service_course h1 {
    font-size : 11px;
    font-weight : bold;
    line-height : 15px;
    margin : 18px 0 0 0;
    padding : 3px 0 2px 0;
    }

td.service h3,
td.service_news_shop h3,
td.service_course h3 {
    margin-top : 25px;
    font-weight : bold;
    }

/* Service Team */


td.service_team p.team_img a img {
    display : block;
    width : 160px;
    height : 160px;
    }


td.service_team p.team_img a:hover img {
    filter : alpha(opacity=50);
    -moz-opacity : .50;
    opacity : .50;
    }


/************************************************************** Contact Form */


table.contact   {
    margin : 20px 0 0 0;
    padding : 0;
    width : 100%;
    }

table.contact td.col1   {
    width : 30%;
    padding : 4px 0;
    }

table.contact td.col2   {
    text-align : left;
    }

table.contact td.spam_description {
    font-size : 11px;
    line-height : 15px;
    vertical-align : top;
    padding-right : 12px;
    }

select.contact,
input.contact,
input.contact_error,
textarea.contact,
textarea.contact_error	{
	width : 300px;
	border : 1px solid #999;
	margin : 0;
	padding : 2px;
	background-color : #fff;
	color : #666;
	font-family : verdana, arial, helvetica, sans-serif;
	font-weight : bold;
	font-style : normal;
    font-size : 12px;
    line-height : 17px;
	}

select.contact  {
    width : 80px;
    padding : 2px 0;
    }


textarea.contact    {
    margin : 4px 0 0 0;
    height : 80px;
    width : 300px;
    }

input.contact_error,
textarea.contact_error   {
    background-color : #fcc;
    color : #666;
    }

td.button_send  {
    text-align : right;
    }

input.button    {
	padding : 4px;
	background-color : #97c143;
	color : #fff;
	border : 1px solid #333;
	font-family : verdana, arial, helvetica, sans-serif;
	}

input.button:hover  {
    background-color : #eff5e5;
    color : #666;
    }



/********************************************************************* Footer */

div.footer,
div.push    {
    clear : both;
    margin : 0;
    padding : 0;
    height : 23px;
    color : #666;
    font : normal 10px/13px verdana, arial, helvetica, sans-serif;
    }

div.footer  {
    position : relative;
    margin : 0 0 0 215px;
    }

div.footer p   {
	float: left;
	width : 618px;
    margin : 0;
    padding : 4px 0 2px 0;
    border : 1px solid #0059A5;
    border-width : 1px 0 0 0;
    color : #0059A5;
    }

div.footer_dot  {
    position : absolute;
    z-index : 200;
    top : -6px;
    left : 0;
    width : 620px;
    height : 12px;
    text-align : right;
    }


div.footer p a:link,
div.footer p a:visited,
div.footer p a:hover    {
    color : #fff;
    font : normal 10px/13px verdana, arial, helvetica, sans-serif;
    }