/**************************************************************************************************/
/* Müller-Möhl Group                                                                                     */
/**************************************************************************************************/


/*  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, sub, sup, tt, var,
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;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
    }

:focus {
	outline: 0;
    }

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

ol, ul {
	list-style: none;
    }

table {
	border-collapse: separate;
	border-spacing: 0;
    }
    
caption, th, td {
	text-align: left;
	font-weight: normal;
    }

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

/**************************************************************************** General Site Layout */


html, body, .wrap {
    height: 100%;
    }

body {
	font-family : arial, sans-serif; 
	font-size : 14px;
	line-height : 20px;
	color : #333;
	background-color : #fff;
    }

body > .wrap    { 
    position : relative;
    height: auto; 
    min-height: 100%; 
    width : 960px;
    margin : 0 auto;
    background-color : #fff;
    }

body > .start_wrap    {
    position : relative;
    margin : 0 auto;
    width : 960px;
    height : 540px !important;
    }


table.wrap  {
    height : 100%;
    width : 960px;
    border : 1px solid red;
    }



.hide {
    display : none;
    }

.text-color {
    color : #333;
    }


div.breadcrumb {
    display: none;
    }

div.mediaspace_print {
    display: none;
    }

/* Tool Tipp */

cite    {
    border : 1px dotted #06c;
    border-width : 0 0 1px 0;
    cursor : help;
    }

/**************************************************************************************************/
/*************************************************************************************** Startpage /
/**************************************************************************************************/

/*** Latest Publication ***/
div.latest_publication {
	position : relative;
	z-index : 800;
	top : 359px;
	left: 0px;
	width : 210px;
	height : 116px;
	padding : 0;
	clear : both;
	}

div.latest_publication div.latest_publication_title {
	height : 17px;
	width : 180px;
	font-size : 11px;
	line-height : 16px;
	font-weight : bold;
	padding : 0 15px;
	background-image : url(bg_latest_publication_title.png);
	background-repeat : no-repeat;
	background-position : 0 0;
	}

div.latest_publication div.latest_publication_text {
	height : 79px;
	width : 180px;
	font-size : 14px;
	line-height : 19px;
	font-weight : bold;
	padding : 10px 15px;
	background-image : url(bg_latest_publication_text.png);
	background-repeat : no-repeat;
	background-position : 0 0;
	}

div.latest_publication div.latest_publication_text a {
    color : #006bab;
    }

div.latest_publication div.latest_publication_text a:hover {
    text-decoration : none;
    color : #333;
    }

/*** Header ***/

div.header  {
    position : relative;
    height : 340px;
    width : 960px;
    }

div.bg_movie    {
    position : relative;
    top : 0;
    left : 0;
    z-index : 50;
    height : 269px;
    overflow : hidden;
    }

div.start_wrap div.bg_movie {
    height : 540px;
    }


div.wrap div.middle  {
    margin: 0;
    }

div.entry {
    position : absolute;
    top : 100px;
    left : 0;
    z-index : 200;
    width : 960px;
    height : 400px;
    background-color : red;
    background-image : url(pixie.png)
    }

div.start_page  {
    position : absolute;
    top : 0;
    left : 0;
    z-index : 100;
    width : 960px;
    height : 540px;
    }


/*** Left ***/

div.start_left,
div.header_left {
    float : left;
    width : 270px;
    height : 540px;
    background-image : none;
    }

div.header_left {
    height : 270px;
    }

div.start_left p.logo_img,
div.header_left p.logo_img,
div.start_left p.logo_img_ie,
div.header_left p.logo_img_ie  {
    position : absolute;
    top : 0;
    left : 0;
    width : 270px;
    height : 540px;
    }

div.header_left p.logo_img,
div.header_left p.logo_img_ie  {
    height : 270px;
    margin-bottom : -270px;
    }

div.start_left p.logo_img img,
div.header_left p.logo_img img,
div.start_left p.logo_img_ie img,
div.header_left p.logo_img_ie img {
    width : 270px;
    height : 540px;
    }

div.header_left p.logo_img img,
div.header_left p.logo_img_ie img {
    height : 270px;
    }

div.start_left p.logo_img_ie,
div.header_left p.logo_img_ie  {
    display : none;
    }

p.logo  {
    position : absolute;
    top : 0;
    left : 0;
    margin : 19px 0 0 25px;
    }

div.claim   {
    margin : 185px 10px 0 30px;
    font-size : 14px;
    line-height : 19px;
    }

div.claim p {
    position : relative;
    top : 0;
    left : 0;
    margin-top : 4px;
    }

div.address   {
    margin : 25px 0 0 30px;
    font-size : 14px;
    line-height : 19px;
    font-weight : normal;
    }

div.address p   {
    position : relative;
    top : 0;
    left : 0;
    margin-top : 4px;
    }

div.address p.first a {
    color : #006bab;
    }

div.address p.first a:hover {
    text-decoration : none;
    color : #333;
    }

/*** Right ***/

div.start_right,
div.header_right    {
    float : left;
    margin : 35px 0 0 20px;
    width : 660px;
    }

div.main_3,
div.main_4,
div.main_5  {
    position : relative;
    float : left;
    width : 210px;
    margin-right : 10px;
    }

div.main_title   {
   width : 210px;
    }

div.main_title p.section    {
    padding : 0;
    }

div.main_title p.section a,
div.main_title p.section span   {
    display : block;
    width : 202px;
    color : #fff;
    font-size : 14px;
    line-height : 16px;
    font-weight : bold;
    text-decoration : none;
    padding : 7px 0 7px 8px;
    }

div.main_3 div.main_title p.section a,
div.main_3 div.main_title p.section span {
    background-color : #006bab;
    }

div.main_4 div.main_title p.section a,
div.main_4 div.main_title p.section span {
    background-color : #c8b600;
    }

div.main_5 div.main_title p.section a,
div.main_5 div.main_title p.section span {
    background-color : #6c593b;
    }


/* Hover */

div.main_3 div.main_title p.section a:hover {
    background-color : #d1e5f0;
    color : #006bab;
    }

div.main_4 div.main_title p.section a:hover{
    background-color : #f6f3d6;
    color : #c8b600;
    }

div.main_5 div.main_title p.section a:hover{
    background-color : #c4bdb1;
    color : #6c593b;
    }


/* delete when two tabs */
div.start_right p.tab,
div.header_right p.tab  {
    margin-top: -18px;
    z-index : 200;
    text-align : right;
    font-size : 10px;
    line-height : 10px;
    color : #fff;
    }

div.start_right p.tab,
div.header_right p.tab {
    float : right;
    border : 1px solid #fff;
    border-width : 1px 0 0 1px;
    }

div.start_right p.tab a,
div.header_right p.tab a   {
    display : block;
    background-color : #66a6cd;
    color : #fff;
    padding : 3px 6px 4px 6px;
    text-decoration : none;
    }
/* \delete when two tabs */

div.main_tabs   {
    position : absolute;
    top : 12px;
    z-index : 200;
    text-align : right;
    font-size : 10px;
    line-height : 10px;
    color : #fff;
    width : 210px;
    }

/* activate when two tabs
div.main_tabs p {
    float : right;
    border : 1px solid #fff;
    border-width : 1px 0 0 1px;
    }

div.main_tabs p a   {
    display : block;
    background-color : #66a6cd;
    color : #fff;
    padding : 3px 6px 4px 6px;
    text-decoration : none;
    }
/* \activate when two tabs */

div.main_3 p.tab a,
div.main_3 div.main_tabs p a    {
    background-color : #66a6cd;
    }
    
div.main_4 p.tab a,
div.main_4 div.main_tabs p a    {
    background-color : #ded366;
    }

div.main_5 p.tab a,
div.main_5 div.main_tabs p a    {
    background-color : #a79b89;
    }

div.main_3 p.shown a,
div.main_4 p.shown a,
div.main_5 p.shown a,
div.main_3 div.main_tabs p.shown a,
div.main_4 div.main_tabs p.shown a,
div.main_5 div.main_tabs p.shown a  {
    background-color : #fff;
    color : #333;
    }

/* Hover */

div.main_3 p.tab a:hover,
div.main_3 div.main_tabs p a:hover {
    background-color : #d1e5f0;
    color : #006bab;
    }
       
div.main_4 p.tab a:hover,
div.main_4 div.main_tabs p a:hover {
    background-color : #f6f3d6;
    color : #c8b600;
    }    
    
div.main_5 p.tab a:hover,
div.main_5 div.main_tabs p a:hover {
    background-color : #cac7c3; /* #f6dddd; */
    color : #6c593b;
    }    
    
    
div.tab_content {
    height : 186px;
    padding : 7px 4px 11px 8px;
    background-image : url(pixie_90.png);
    background-position : top left;
    font-size : 13px;
    line-height : 17px;
    overflow: hidden;
    }

div.shown   {
    background : url(selected_tab.png);
    background-repeat : repeat-x;
    }

div.tab_content p.date  {
    font-size : 11px;
    }

div.tab_content p.title {
    font-weight : bold;
    margin-bottom : 2px;
    }
    
div.tab_content p   {
    margin-bottom : 4px;
    }


p.round {
    position : absolute;
    margin-top : 1px;
    }





/**************************************************************************************************/
/******************************************************************************* Content-Templates /
/**************************************************************************************************/

div.wrapper_page  {
    position : absolute;
    top : 0;
    left : 0;
    z-index : 100;
    width : 960px;
    }


/* Main Area */

#main { 
    position : relative;
    margin : 0;
    padding : 0;
    padding-bottom: 20px !important; /* wie footer */
    }  



/**************************************************************************************************/
/**************************************************************************** Navigation & Content /
/**************************************************************************************************/

/*** Navigation ***/

div.navigation {
	float : left;
    margin : 40px 0 0 100px;
	width : 170px;
	background-color : transparent; /* Trennlinie */
	border : 0 solid #fff;
	border-width : 1px 0 0 0;
    }

div.navigation a    {
    font-style : normal;
    }

div.navigation ul {
	display : block;
	font-size : 15px;
	font-weight : bold;
	font-style : normal;
	line-height : 19px;
	text-decoration : none;
	color : #006bab;
	background-color : #fff;
	padding : 0;
	margin : 0;
    }


div.navigation ul li a {
    display : block;
    list-style: none;
    text-decoration : none;

    padding : 4px 0 4px 20px;
    padding-right : 0;
    
    color : #006bab;
    background-color : #fff;

    border : 1px solid #fff;
    border-width : 0 0 1px 0;
    
    background-position : 0 5px;
    background-repeat : no-repeat;
    }

div.navigation li.one_selected a {
    background-color : #fff;
    color : #c8b600;
    font-weight : bold;
    }


div.navigation ul li.one_shown  {
    background-color : #fff;
    color : #c8b600;
    font-weight : bold;
    padding : 4px 0 5px 20px;
    background-image : url(arrow.png);
    background-position : 0 5px;
    background-repeat : no-repeat;
    }


div.navigation ul li.one_shown:first-child  {
    border : 1px solid #fff;
    border-width : 1px 0 1px 0;
    }


/* Level 2 */

div.navigation ul li.one_shown ul li:first-child a  {
    border : 1px solid #fff;
    border-width : 1px 0 1px 0;
    }

div.navigation li.one_selected ul li a {
    padding-left : 40px;
    padding-right : 0;
    background-color : #fff;
    color : #c8b600;
    margin-left : 0px;
    font-weight : normal;
    background-position : 20px 5px;
    }

div.navigation li.one_selected ul li.two_selected a {
    font-weight : bold;
    }

div.navigation ul li.one_shown ul {
    margin-top : 4px;
    margin-bottom : -4px;
    margin-right : 0;
    margin-left : -4px;
    padding : 0;
    }

div.navigation ul li.one_shown ul li a {
    padding-left : 20px;
    background-color : #fff;
    }

div.navigation li.one_selected ul li.two_shown   {
    padding : 4px 0 4px 40px;
    background-color : #fff;
    color : #c8b600;
    font-weight : bold;
    border : 1px solid #fff;
    border-width : 0 0 1px 0;
    background-image : url(arrow.png);
    background-position : 20px 5px;
    background-repeat : no-repeat;
    }

div.navigation li.one_selected ul li.two_shown ul {
    margin-bottom : -5px;
    }



/* Level 3 */

div.navigation ul ul ul {
    margin-top : 0;
    }

div.navigation li.two_shown ul {
    margin-left : 0px;    
    margin-top : 4px;
    }

div.navigation li.two_shown ul li:first-child {
    border : 1px solid #fff;
    border-width : 1px 0 0 0;
    }

div.navigation li.two_shown ul li a {
    background-color : transparent;
    padding-left : 20px;
    background-position : 0 5px;
    }

div.navigation li.two_selected ul li a  {
    padding-left : 60px;
    font-weight : normal !important;
    background-position : 40px 5px;
    }   

div.navigation li.two_selected ul li.three_shown  {
    background-color : #fff;
    color : #c8b600;
    font-weight : bold;
    padding : 4px 4px 4px 60px;
    border : 1px solid #fff;
    border-width : 0 0 1px 0;
    
    background-image : url(arrow.png);
    background-position : 40px 5px;
    background-repeat : no-repeat;
    
    }

/* Hover */

div.navigation ul li a:hover,
div.navigation ul li.one_shown ul li:first-child a:hover,
div.navigation ul li.one_shown ul li a:hover,
div.navigation li.one_selected ul li a:hover {
 	background-color : #ebebcc;
	color : #006bab;
    }


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

div.content {
    float : left;
    width : 450px; 
    padding-left : 20px;
    padding-bottom : 60px;
    
    font-size : 14px;
    line-height : 20px;
    }


h1  {
    font-weight : bold;
    color : #c8b600;
    margin-bottom : 24px;
    font-size : 28px;
    }

h1.team_group  {
    font-weight : bold;
    color : #c8b600;
    font-size : 16px;
    margin-top : 12px;
    margin-bottom : 12px;
    margin-left : 4px;
    }

h2  {
    font-weight : bold;
    color : #333;
    margin-bottom : 12px;
    }

div.content p   {
    margin-bottom : 6px;
    }
    

div.content a   {
    background-color : transparent; /* #f6f3d6 */
    color : #006bab;
    /* padding : 0 4px; */
    text-decoration : underline;
    }
    
div.content a:hover {
    background-color : transparent;
    text-decoration : underline;
    }
    
    
/* List */

div.content ul.bb-list-unordered    {
    list-style : disc;
    margin : 0 0 6px 18px;
    }


    
/* Team / Personen */    
    
div.member  {
    width : 450px;
    margin-bottom : 3px;
    border : 1px dotted #006bab;
    border-width : 1px 0;
    }
    
div.name_listing {
    clear : both;
    width : 442px;
    background-color : #f2f7fb;
    padding : 4px 4px 0 4px;
    height : 24px;
    }

div.name_listing_white  {
    background-color : #fff;
    }

div.name_listing p.name  {
    float : left;
    width : 382px;
    font-size : 16px;
    font-weight : bold;
    }

div.name_listing p.open_close   {
    float : right;
    width : 60px;
    font-size : 10px;
    text-align : center;
    }

div.name_open   {
    width : 442px;
    margin-top : 20px;
    padding : 4px 4px 20px 4px;
    }

div.person_header {
    width : 100%;
    }

div.person_header p.person_img  {
    float : left;
    width : 150px;
    margin-right : 20px;
    }

div.person_header p.person_contact  {
    float : left;
    width : 250px;    
    font-weight : bold;
    }

div.person_content  {
    clear : both;
    padding-top : 16px;
    }

div.name_open h1    {
    font-size : 16px;
    margin : 0 0 12px 0;
    }

div.name_open h2    {
    margin-bottom : 6px;
    }   

div.name_open ul    {
    margin-bottom : 16px;
    }

div.name_open ul li   {
    margin-left : 15px;
    margin-bottom : 2px;
    list-style : disc;
    }

div.name_open ul li a   {
    background-color : transparent;
    color : #006bab;
    padding : 0;
    text-decoration : underline;
    }
    
div.name_open ul li a:hover {
    text-decoration : none;
    color : #333;
    }
    
div.member ul.bb-list-unordered {
    margin : 0 0 24px 0;
    }



/* Publikationen */    

table.sort  {
    width : 100%;
    margin-bottom : 30px;
    }

div.publications  {
    width : 450px;
    margin-bottom : 3px;
    border : 1px dotted #006bab;
    border-width : 1px 0;
    }
    
div.article_header {
    clear : both;
    width : 442px;
    background-color : #f2f7fb;
    padding : 4px;
    }

div.open div.article_header {
    background-color : #fff;
    }

div.article_header p.date_download  {
    float : left;
    width : 382px;
    font-size : 11px;
    font-weight : normal;
    }

div.article_header p.open_close   {
    float : right;
    width : 60px;
    font-size : 11px;
    text-align : center;
    }

div.article_header h2,
div.article_header h3   {
    clear : both;
    }

div.article_header h2   {
    font-size : 16px;
    margin : 12px 0 6px 0;
    }

div.article_header h3   {
    font-weight : normal;
    }

div.article_open    {
    clear : both;
    padding-left : 4px;
    }
    
div.article_open div.media  {
    margin : 0 0 20px 0;
    }    

hr.checkbox {
    height : 1px;
    border : 0;
    height : 1px;
    background-color : #a9aaac;
    }

/* Sitemap */

div.content ul li.sitemap   {
    list-style : disc;
    margin-left : 18px;
    }



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

div.service {
    float : left;
    width : 160px;
    margin-top : 34px;
    padding : 0 20px 60px 40px;
    font-size : 11px;
    line-height : 15px;
    }

div.image,
div.context,
div.downloads    {
    padding : 15px 0 20px 0;
    }

div.image   {
    padding-top : 3px;
    border : 0;
    }

div.image img   {
    width : 160px;
    }

div.service p.legend    {
    font-size : 12px;
    line-height : 17px;
    }

div.service h2  {
    color : #c8b600;
    margin-bottom : 8px;
    padding : 3px 0;
    font-weight : bold;
    border : 1px dotted #c8b600;
    border-width : 1px 0;
    }



/* Downloads */

div.service ul  {
    list-style : disc;
    color : #c8b600;
    }

div.service ul li   {
    margin-left : 15px;
    margin-bottom : 2px;
    }

div.service ul li a   {
    background-color : transparent;
    color : #006bab;
    padding : 0;
    text-decoration : underline;
    }
    
div.service ul li a:hover {
    text-decoration : none;
    color : #333;
    }



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




div.footer  {
    position : relative;
	clear : both;
	font-size : 10px;
	margin : auto;
	margin-top : -20px; /* Negativer Wert der Footer-Höhe */
	
	height : 20px;
	width : 210px;
	padding : 0 0 0 710px;
	
	background-image : url(bg_footer_3.png);
    background-repeat : no-repeat;
    background-position : 710px 2px;
	}

div.wrap_3 div.footer   {
	background-image : url(bg_footer_3.png);
}

div.wrap_4 div.footer  {
	background-image : url(bg_footer_4.png);
}

div.wrap_5 div.footer  {
	background-image : url(bg_footer_5.png);
}

/* Start Footer */

div.start_footer {
	position : relative;
	z-index : 800;
	top : -18px;
    width : 210px;
    height : 20px;
	margin : auto;
	padding : 0 0 0 710px;
	font-size : 10px;
	margin : auto;
	background-image : url(bg_footer_start.png);
    background-repeat : no-repeat;
    background-position : 710px 2px;
    }


div.start_footer p.disclaimer,
div.start_footer p.impressum,
div.footer p.disclaimer,
div.footer p.impressum  {
    float : left;
    padding-left : 15px;
    }

div.start_footer p.language,
div.footer p.language   {
    float : left;
    margin-left : 25px;
    }

div.start_footer a,    
div.footer a    {
    text-decoration : none;
    color : #006bab;
    }

div.start_footer a:hover,    
div.footer a:hover    {
    color : #000;
    text-decoration : underline;
    }
    
/*********************************************************************** Clear-/Crossbrowser Hack */

/* clearfix */

div.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
    }

div.clearfix {
    display: inline-block;
    }


/****************************************************************************** Crossbrowser Hack */

* html .clearfix {
    height: 1%;
    }
    
.clearfix {
    display: block;
    }