/* 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: 74.8em;
margin: 0 auto;
height:auto !important;
height: 100%;
min-height: 100%;
text-align: center;
padding: 0em 0.9em 0em 0.9em;
background:#191919 url(../gfx/layout/bg_page_type1.jpg) repeat-y;
}

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

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

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

* html #page_type2 {
height: 100%;
}

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

* html #wrap {
height: 100%;
}


#logo{
display: none;
}

#nav1{
display: none;
}


#content_wrap_type1{
width: 74.8em;
margin: 0em;
padding: 0em 0em 1.8em 0em;
}

#content_wrap_type2{
width: 66.6em;
margin: 0em;
padding: 0em 4.1em 7.5em 4.1em;
text-align: left;
}


#content_sub_wrap_type1{
width:66.6em;
height:auto;
margin: 0em;
padding: 0em;
}

#content_sub_wrap_type2{
width: 74.8em;
height:auto;
margin: 0em;
padding: 0em;
}

#content_sub_wrap_container_box{
width:48.0em;
float:left;
height:auto;
margin: 0em 0em 0em 2.0em;
padding: 0;
}

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

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

#footer_typ1{
display: none;
}

#footer_typ2 {
display: none;
}

br.clearfix {
clear: both;
}


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

* html #footer_typ1 {
display: none;
}


* html #footer_typ2 {
display: none;
}


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

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


#subnav{
display: none;
}



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


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


.text_type1{
width:32.0em;
margin:0;
padding:0;
float:left;
}

.text_type2{
width:29.1em;
margin: 0em 4.2em 0em 0em;
float:left;
}


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

.image_type2{
width:29.1em;
margin: 2.8em 0em 0em 4.2em;
height:39.0em;
float:left;

}

.image_legend2{
width:29.1em;
text-align:left;
margin: 0;
}

#image_type3_wrap{
width:29.2em;
margin: 2.8em 0em 0em 4.1em;
float:left;
height:32.4em;
}

#image_type3_small1{
width:14.0em;
height:10.0em;
margin:0em 0.6em 0.6em 0em;
float:left;
overflow:hidden;
}

#image_type3_small2{
width:14.0em;
height:10.0em;
margin:0em 0em 0.6em 0.6em;
float:left;
overflow:hidden;
}

#image_type3_small3{
width:14.0em;
height:10.0em;
margin:0.6em 0.6em 0.6em 0em;
float:left;
overflow:hidden;
}

#image_type3_small4{
width:14.0em;
height:10.0em;
margin:0.6em 0em 0.6em 0.6em;
float:left;
overflow:hidden;
}

#image_type3_small5{
width:14.0em;
height:10.0em;
margin:0.6em 0.6em 0em 0em;
float:left;
overflow:hidden;
}

#image_type3_small6{
width:14.0em;
height:10.0em;
margin:0.6em 0em 0em 0.6em;
float:left;
overflow:hidden;
}

.image_type4{
width:10.0em;
margin: 0em 2.0em 0em 2.0em;
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;
font-weight:bold;
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.1em;
overflow:hidden;
}

.text_extended{
font-size:1.0em;
}