/*                                MORSBROICH
                                                                                                    */

/******************************** STANDARDSEITEN *****************************************************
*****************************************************************************************************/
body#standard h1,
body#standard h2,
body#standard h3,
body#service h1,
body#service h2,
body#service h3,
body#presse h1,
body#presse h2,
body#presse h3,
{
    width: 420px;
}
body#standard p,
body#service p
{
    padding-right: 358px;
}
body#presse p
{
    padding-right: 175px;
}

/******************************** TYPO3 KLASSEN ******************************************************
*****************************************************************************************************/



/******************************** STANDARDS **********************************************************
*****************************************************************************************************/

*
{
    outline: none;
}

html
{
    overflow: -moz-scrollbars-vertical;
}

body
{
    margin: 0;
    padding: 0;

    color: #000;
    font: 12px Arial, Helvetica, sans-serif;

    background: #fff url(../images/construct/body_background.gif) center 0 no-repeat;
}

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

br.clearAll
{
    position: relative;
    display: block;
    clear: both;
    z-index: -10;

    line-height: 0 !important;
}

h1
{
    margin: 0;
    padding: 0;

    color: #000;
    line-height: 1.3em;
    font-size: 18px;
    font-weight: normal;
}
h1.grau
{
    color: #aeaeac;
}
h6
{
	margin: 0 0 5px 0;
    padding: 0;

    color: #aeaeac;
    line-height: 1em;
    font-size: 18px;
    font-weight: normal;
}
h6.grau
{
    color: #aeaeac;
}
h6.grau2
{
    margin: 0;
    padding: 0;

    color: #aeaeac;
    line-height: 1em;
    font-size: 18px;
    font-weight: normal;
}
body#presse h1 
{
    margin-bottom: 40px;
}
h2
{
    margin: 0 0 5px 0;
    padding: 0;

    color: #000;
    line-height: 0.5em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
}
h3
{
    margin: 0 0 11px 0;
    padding: 0;

    line-height: 12px;
    font-size: 12px;
    font-weight: bold;
}

hr
{
    position: relative;
    clear: both;

    margin: 0 0 10px 0;
    padding: 0;
    height: 1px;

    color: #e6e6e6;

    border: 0;
    background: #e6e6e6;
}

img
{
    border: 0;
}
img.headline
{
    display: block;

    margin: 0 0 10px 0;
}

input, select, textarea
{
    font: 12px Arial, Helvetica, sans-serif;
    color: #666;
}

map
{
    display: none;
}

p
{
    margin: 0 0 14px 0;
    padding: 0;

    line-height: 18px;
}
p.linksEingerueckt_linieOben
{
    padding: 20px 0 0 175px;
    border-top: 1px solid #e6e6e6;
}
.linksEingerueckt
{
    padding: 20px 0 0 175px;
}
body#publikationen .linksEingerueckt
{
    padding: 20px 0 0 290px;
}

ul
{
    margin: 2px 0 19px 0;
    padding: 0 0 0 10px;

    line-height: 19px;
}
    ul li
    {
        margin: 0 0 1px 0;
        padding: 0 0 0 8px;
        
        list-style: none;
    }
    body#automation li
    {
    }
ol
{
    margin: 2px 0 12px 0;
    padding: 0 0 0 30px;

    line-height: 19px;
}
    ol li
    {
        margin: 0 0 4px 0;
        padding: 0;
    }

/******************************** CONTAINER **********************************************************
*****************************************************************************************************/
div#container
{
    position: relative;
    
    margin: 0 auto;
    padding: 100px 0 0 0;
    width: 760px;
}

    a#museum_morsbroich_logo, a#museum_morsbroich_logo:hover
    {
        display: block;
        overflow: hidden;
        position: absolute;
        top: 30px;
        left: 1px;
        
        padding: 41px 0 0 0;
        width: 125px;
        height: 0;
        
        background: url(../images/construct/museum_morsbroich_logo.gif) 0 0 no-repeat;
    }
    
/******************************** NAVIGATION *********************************************************
*****************************************************************************************************/
div#navigation
{
    margin: 0 0 52px 0;
    height: 30px;
}
    ul#navi,
    ul#subnavi 
    {
        margin: 0;
        padding: 0;
        
        list-style: none;
    }
        ul#navi li
        {
            float: left;
            
            margin: 0;
            padding: 0;
        }
            ul#navi li a, ul#navi li a:hover
            {
                display: block; 
                overflow: hidden;
                white-space: nowrap; 
                
                padding: 60px 0 0 0;
                height: 0;
                
                background-position: -5px 0;;
                background-repeat: no-repeat; 
            }
            ul#navi li a:hover, 
            ul#navi li.current a,
            ul#navi li.over a 
            {
                background-position: -5px -60px;
            }
            
            
        /* SUBNAVIGATION (LAYER): */
        #navi, #navi ul {
            margin: 0;
            padding: 0;

            list-style: none;
        }


        #navi li.navi_li, #navi li.navi_li_active {
            float: left;

            margin: 0;
            padding: 0;
        }

            #navi li div.subnavi {
                position: absolute;
                top: 121px;
                left: 0;
                display: none;
    
                margin: 0;
                padding: 0;
                width: 760px;
                height:40px;
                background: #fff;
            }
			
			 #navi li div.subnavi ul li ul {
                position: absolute;
                top: 20px;
                left: 0;
                display: none;
    			height:20px;
                margin: 0;
                padding: 0;
                width: 760px;
                
                background: #fff;
            }
            #navi li.navi_li_active div.subnavi {
                display: block;
            }
			
			#navi li.navi_li_active div.subnavi ul li ul {
                display: block;
            }
			
			.subnavi .navi_li_active .tertnavi{
				display:block;
			}
			
			.subnavi .navi_li .tertnavi{
				display:none;
			}
                #navi li div.subnavi table {
    
                    margin: 0;
                    padding: 0;
                    min-width: 200px;
                }
                    #navi li table td {
                        vertical-align: top;
                        white-space: nowrap;
                        width: 200px;
                    }
                    #navi li table td a, #navi li table td a:hover
                    {
                        position: relative;
                        display: block;
    
                        padding: 0 20px 3px 26px;
                        width: 137px;
    
                        font-size: 12px;
                        color: #0061af;
                        text-decoration: none;
    
                        background: url(../images/construct/navi_a_background.gif) 15px 6px no-repeat;
                    }
                    #navi li table td a:hover
                    {
                        background-position: 15px -139px;
                    }
                    #navi li table td a:hover
                    {
                        text-decoration: underline;
                    }

        #navi li:hover div.subnavi, #navi li li:hover div.subnavi, #navi li li li:hover div.subnavi, #navi li.sfhover div.subnavi, #navi li li.sfhover div.subnavi, #navi li li li.sfhover div.subnavi {
            left: 0;
            display: block;
        }

        #navi li:hover, #navi li.sfhover {
            color: white;
        }


/******************************** HOME ***************************************************************
*****************************************************************************************************/
div.home_teaser,
div.home_teaser_unten
{
    float: left;
    
    margin: 0 0 45px 0;
    width: 375px;
}
    div.home_teaser img
    {
        margin-bottom: 12px;
    }
    div.home_teaser h1
    {
        margin-bottom: 20px;
    }
    div.home_teaser h1.grau
    {
        margin-bottom: 0;
    }
    div.home_teaser_unten h1.grau
    {
        margin-bottom: 20px;
    }


/******************************** EXTENSION AUSSTELLUNGEN ********************************************
*****************************************************************************************************/
div.tx-mbausstellungen-pi1
{
    
}
    /** LISTE **/
    div.tx_mbausstellungen_listYear
    {
        float: left;
        width: 60px;
        
        font-size: 14px;
    }
    div.tx_mbausstellungen_listDetails
    {
        float: left;
        
        margin-bottom: 16px;
        width: 410px;
        
        font-size: 12px;
        line-height: 18px;
    }
        div.tx_mbausstellungen_listDetails-title, span.tx_mbausstellungen_listDetails-title
        {
            font-size: 14px;
        }
        div.tx_mbausstellungen_listDetails-subtitle
        {
        }
        div.tx_mbausstellungen_listDetails-date
        {
            margin-bottom: 23px;
        }
    
    /** DETAILSANSICHT **/
    div.tx-mbausstellungen-pi1 h1
    {
        margin-bottom: 25px;
    }
    div.tx_mbausstellungen-date
    {
        margin-bottom: 23px;
    }
    div.tx_mbausstellungen-copytext
    {
        width: 420px;
    }
    div.tx_mbausstellungen-rightContent
    {
        float: right;
        
        width: 290px;
        
        font-size: 10px;
    }
        div.tx_mbausstellungen-rightContent-item
        {
            margin-bottom: 23px;
        }
            div.tx_mbausstellungen-rightContent img
            {
                display: block;
                margin-bottom: 9px;
            }
            div.tx_mbausstellungen-rightContent-artist
            {
                margin-bottom: 3px;
                font-weight: bold;
            }
            div.tx_mbausstellungen-rightContent-title
            {
                margin-bottom: 3px;
                font-style: italic;
            }
            div.tx_mbausstellungen-rightContent-year
            {
                margin-bottom: 3px;
            }
            div.tx_mbausstellungen-rightContent-description
            {
                margin-bottom: 3px;
                color: #999;
            }
            div.tx_mbausstellungen-rightContent-link
            {
                margin-top: 35px;
                font-size: 12px;
            }
    /** GALLERY **/
    div.tx_mbausstellungen-gallery-headerLeft
    {
        float: left;
        width: 470px;
    }
    div.tx_mbausstellungen-gallery-headerRight
    {
        float: left;
        width: 290px;
    }
        div.tx_mbausstellungen-gallery-headerRight h1
        {
            margin-bottom: 0;
        }
    div.tx_mbausstellungen-gallery-pic
    {
        margin-bottom: 22px;
    }
        div.tx_mbausstellungen-gallery-pic img
        {
            display: block;
            margin-bottom: 9px;
        }
        div.tx_mbausstellungen-gallery-pic a, div.tx_mbausstellungen-gallery-pic a:hover
        {
            display: block;
            float: left;
            
            margin-right: 15px;
        }
    div.tx_mbausstellungen-gallery-picNumber
    {
        margin-bottom: 25px;
    }
    div.tx_mbausstellungen-gallery-artist
    {
        margin-bottom: 3px;
        font-weight: bold;
    }
    div.tx_mbausstellungen-gallery-title
    {
        margin-bottom: 3px;
        font-style: italic;
    }
    div.tx_mbausstellungen-gallery-year
    {
        margin-bottom: 3px;
    }
    div.tx_mbausstellungen-gallery-description
    {
        margin-bottom: 3px;
        color: #999;
    }
    
/******************************** tt_news PAGEBROWSER ************************************************
*****************************************************************************************************/
div.tx-ttnews-browsebox
{
    margin-bottom: 50px;
}    
    div.tx-ttnews-browsebox-link
    {
        float: left;
        margin-right: 10px;
    }    

/******************************** tt_news VERANSTALTUNGEN ********************************************
*****************************************************************************************************/
div.veranstaltungen-list-item-subheader
{
    padding: 3px 0;
    
    font-weight: bold;
    
    border-top: 1px solid #e6e6e6;
}
div.veranstaltungen-list-item-image
{
    float: left;
    
    margin-bottom: 29px;
    width: 290px;
}
    div.veranstaltungen-list-item-image img
    {
        display: block;
        
        margin-bottom: 1px;
    }
div.veranstaltungen-list-item-rightContent
{
    float: left;
    
    margin-bottom: 29px;
    width: 430px;
}
    div.veranstaltungen-list-item-rightContent h1
    {
        margin-bottom: 25px;
    }

/******************************** tt_news PUBLIKATIONEN **********************************************
*****************************************************************************************************/
div.publikationen-list-item-subheader
{
    padding: 3px 0;
    
    font-weight: bold;
    
    border-top: 1px solid #e6e6e6;
}
div.publikationen-list-item-image
{
    float: left;
    
    margin-bottom: 29px;
    width: 290px;
}
    div.publikationen-list-item-image img
    {
        display: block;
        
        margin-bottom: 1px;
    }
div.publikationen-list-item-rightContent
{
    float: left;
    
    margin-bottom: 29px;
    width: 430px;
}
    div.publikationen-list-item-rightContent h1
    {
        margin-bottom: 25px;
    }

/******************************** tt_news PRESSE *****************************************************
*****************************************************************************************************/
div.presse-list-item
{
    position: relative;
    
    margin-bottom: 23px;
    border-bottom: 1px solid #e6e6e6;
}
    div.presse-list-item-file
    {
        position: absolute;
        top: 0;
        right: 0;
        
        width: 173px;
        
        text-align: right;
    }
        div.presse-list-item-file ul
        {
            margin: 0;
            padding: 0;
            
            list-style: none;
        }
    div.presse-list-item-image
    {
        float: left;
        
        margin-bottom: 17px;
        width: 173px;
    }
        div.presse-list-item-image img
        {
            display: block;
            
            margin-bottom: 1px;
        }
    div.presse-list-item-rightContent
    {
        float: left;
        
        width: 403px;
    }
        div.presse-list-item-rightContent h1
        {
            margin-bottom: 25px;
        }
    

/******************************** tx_felogin_pi1 PRESSE **********************************************
*****************************************************************************************************/
form#presse_formular
{
    margin: 33px 0 0 0;
}
    form#presse_formular input.text
    {
        margin: 4px 0 14px 0;
        padding: 2px 4px;
        width: 202px; /*210px*/
        height: 16px; /*20px*/
        
        color: #000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        
        border: 0;
        background: #e5e5e5;
    }
    form#presse_formular input.submit
    {
        overflow: visible;
        margin: 4px 0 14px 0;
        padding: 3px 6px;
        
        color: #000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        
        border: 1px solid #000;
        background: #fff;
    }
    
    .courier17px a:link,
    .courier17pxunderline a:link,
    .courier17px a:visited,
    .courier17pxunderline a:visited{
    	color:#333333;
    	text-decoration:none;
    }
    .courier17px a:hover,
    .courier17pxunderline a:hover{
    	color:#333333;
    	text-decoration:underline;
    }
    
    .courier17px{
		font-family: Courier;
		color:#333333;
		font-size:15px;
	}
	.courier17pxunderline{
		font-family: Courier;
		text-decoration:underline;
		color:#333333;
		font-size:15px;
	}