/* CSS Document */
/*  CSS-Stylesheet www.landesmusuem-stuttgart.de  */
/* Copyright 2007 // SIIN-Designstudio - www.siin-design.com */

/*Inhaltsverzeichnis
1. Allgemeine Einstellungen
2. Containereinstellungen
3. Navigation
4. Content Elemente
5. Schriften
*/


/*1. Allgemeine Einstellungen--------------------------------------------------------------------------------*/

html {
height: 100%;
}

body {
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
height:100%;
text-align: center;
margin:0;
padding:0;
background-color:#303030;
color: #CCCBCA;
}

body a:link, body a:visited, body a:active {
color: #CC6600;
text-decoration: none;

}


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

/*2. Containereinstellungen-----------------------------------------------------------------------------------*/

#page_type1 {
width: 748px;
margin: 0 auto;
height:auto !important;
height: 100%;
min-height: 100%;
text-align: center;
padding: 0 9px 0 9px;
background:#191919 url(../gfx/layout/bg_page_type1.jpg) repeat-y;
}

#page_type2 {
width: 748px;
margin: 0 auto;
height:auto !important;
height: 100%;
min-height: 100%;
text-align: center;
padding: 0 9px 0 9px;
background:#191919 url(../gfx/layout/bg_page_type2.gif) repeat-y;
}

#page_type3 {
width: 748px;
margin: 0 auto;
height:auto !important;
height: 100%;
min-height: 100%;
text-align: center;
padding: 0 9px 0 9px;
background:#191919 url(../gfx/layout/bg_page_type3.gif) repeat-y;
}

#page_type4 {
width: 748px;
margin: 0 auto;
height:auto !important;
height: 100%;
min-height: 100%;
text-align: center;
padding: 0 9px 0 9px;
background:#191919 url(../gfx/layout/bg_page_type4.gif) repeat-y;
}

* html #page_type2 {
height: 100%;
}

#wrap {
position: relative;
min-height: 100%;
width: 748px;
text-align:left;
}

* html #wrap {
height: 100%;
}

#header{
background:#191919 url(../gfx/layout/header_mumien.gif) no-repeat;
width: 748px;
height: 106px;
margin: 0;
padding: 0;
}

#logo{
margin: 0;
padding: 22px 0 0 22px;
}

#logo a {
-moz-outline-width: 0;
}

#nav1{
background:#191919 url(../gfx/layout/nav1_bg.gif) repeat-x;
width: 748px;
height: 26px;
margin: 0;
padding: 0;
}

#nav1 li.on ul{
position:absolute;
top:132px;
left:0;
background-color:#303030;
width: 748px;
height: 20px;
margin: 1px 0 0 0;
padding: 0;
}

#content_wrap_type1{
width: 748px;
margin: 0e;
padding: 0 0 18px 0;
}

#content_wrap_type2{
width: 666px;
margin: 0em;
padding: 0 41px 75px 41px;
text-align: left;
}

#distance_wrap_type1{
background-color:#191919;
width: 748px;
height: 60px;
margin:0;
padding:0;
}

#content_sub_wrap_type1{
width:666px;
height:auto;
margin: 0;
padding: 0;
}

#content_sub_wrap_type2{
width: 748px;
height:auto;
margin: 0;
padding: 0;
}

#content_sub_wrap_container_box{
width:480px;
float:left;
height:auto;
margin: 0 0 0 20px;
padding: 0;
}

/*Klasse für Inhaltsbox Seitentyp 4*/
.content_repeat_container_box{
width:480px;
margin:0;
padding:0;
}

.box_separator_type1 {
width: 480px;
height:40px;
background-color:#CCCC33;
background:#191919 url(../gfx/layout/box_separator_type1.gif) no-repeat; 
margin:0;
padding:0;
}

#footer_typ1{
position: relative;
width: 748px;
height: 18px;
margin: -19px auto 0 auto;
padding: 0;
}

#footer_typ2 {
position: relative;
width: 748px;
height: 74px;
margin: 0;
padding: 0;
margin: -75px auto 0 auto;
}

br.clearfix {
clear: both;
}


/* A CSS hack that only applies to IE -- specifies a different offset for the footer */

* html #footer_typ1 {
margin: -18px auto 0 auto;
}


* html #footer_typ2 {
margin: -74px auto 0 auto;
}


/*3. Navigation----------------------------------------------------------------------------------------------*/

#nav1 strong, #nav2 strong {
display: none;
}

#nav1 ul{
margin: 0;
padding: 0;
}



#nav1 ul li {
float: left;
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}

#nav1 a {
background-repeat: no-repeat;
background-position: top left;
display: block;
margin: 0;
padding: 0;
text-decoration:none;
-moz-outline-width: 0;
}

#subnav{
width:150px;
margin: 0 16px 0 0;
padding:0;
float:left;
overflow:hidden;
}

#subnav a{
-moz-outline-width: 0;
}

#subnav ul {
margin: 0;
padding: 0;
}

#subnav ul li {
display: block;
list-style-type: none;
}

#subnav a {
margin: 0;
padding: 0;
text-decoration:none;
color:#CCCBCA;
}

#subnav .menu1 {
font-size:11px;
margin: 18px 0 0 0;
}

#subnav .menu1_inactive a {
color:#CCCBCA;
}

#subnav .menu1_inactive a:hover {
color:#FF6600;
}

#subnav .menu1_active a {
color:#FF6600;
}

#subnav .menu2 {
font-size:10px;
margin: 8px 0 0 16px;
}

#subnav .menu2_inactive a {
color:#CCCBCA;
}

#subnav .menu2_inactive a:hover {
color:#FF6600;
}

#subnav .menu2_active a {
color:#FF6600;
}


/*4. Content Elemente------------------------------------------------------------------------------------------*/


/* 4.1 Textboxen--------------------------------------------------------------*/


.text_type1{
width:320px;
margin:0;
padding:0;
float:left;
}

.text_type2{
width:291px;
margin: 0 42px 0 0;
float:left;
}


/* 4.2 Imageboxen--------------------------------------------------------------*/

.image_type2{
width:291px;
margin: 36px 0 0 42px;
height:390px;
float:left;

}

.image_legend2{
width:291px;
text-align:left;
margin: 0;
}

#image_type3_wrap{
width:292px;
margin: 28px 0 0 41px;
float:left;
height:324px;
}

#image_type3_small1{
width:140px;
height:100px;
margin:0em 0.6em 0.6em 0em;
float:left;
overflow:hidden;
}

#image_type3_small2{
width:140px;
height:100px;;
margin:0em 0em 0.6em 0.6em;
float:left;
overflow:hidden;
}

#image_type3_small3{
width:140px;
height:100px;
margin: 6px 6px 6px 0;
float:left;
overflow:hidden;
}

#image_type3_small4{
width:140px;
height:100px;
margin: 6px 0 6px 6px;
float:left;
overflow:hidden;
}

#image_type3_small5{
width:140px;
height:100px;
margin:6px 6px 0 0;
float:left;
overflow:hidden;
}

#image_type3_small6{
width:140px;
height:100px;
margin:6px 0 0 6px;
float:left;
overflow:hidden;
}

.image_type4{
width:100px;
margin: 0 20px 0 20px;
height:auto;
float:left;
display: inline;
overflow:hidden;
}


/*5. Schriften-------------------------------------------------------------------------------------------------*/

/*Main-Headline*/
h1 {
text-transform:uppercase;
font-size:1.1em;
margin: 0em 0em 1.6em 0em;
padding: 0;
} 


/* Headline Sub-Navigation*/
h2 {
text-transform:uppercase;
color: #FF6600;
font-size:1.1em;
margin: 0em 0em 2.0em 0em;
padding: 0;
} 

h3 {
font-size:1.1em;
font-weight:bold;
margin: 0em 0em 1.6em 0em;
padding: 0;
} 

h4 {
font-size:1.1em;
font-weight:bold;
margin: 0;
padding: 0;
} 

h5 {
font-size:1.1em;
font-style:italic;
margin: 0;
padding: 0;
} 

h6 {
font-size: 0.9em;
font-weight:normal;
margin: 0;
padding: 0;
} 

.text_normal{
font-size:1.2em;
overflow:hidden;
}

.text_extended{
font-size:1.1em;
}