/* CSS Document */
/*  CSS-Stylesheet www.landesmusuem-stuttgart.de  */
/* Copyright 2008 // 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:#f4f2e4;*/
color: #515151;
background-color:#e8e6d9;
}

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

}


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

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

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

#page_type2 {
width: 748px;
margin: 0 auto;
height:auto !important;
height: 100%;
min-height: 100%;
text-align: center;
padding: 0px 9px 0px 9px;
background:#FFFFFF 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: 0px 9px 0px 9px;
background:#FFFFFF url(../_gfx/layout/bg_page_type1.gif) repeat-y;
}

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

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

#page_type6 {
width: 748px;
margin: 0 auto;
height:auto !important;
height: 100%;
min-height: 100%;
text-align: center;
padding: 0px 9px 0px 9px;
background:#FFFFFF url(../_gfx/layout/bg_page_type6.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:#e6db74 url(../_gfx/layout/header.gif) no-repeat;
width: 748px;
height: 106px;
margin: 0px;
padding: 0px;
}

#logo{
margin: 0px;
padding: 12px 0px 0px 22px;
width:164px;
height: 57px;
}

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

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

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

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

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

#content_wrap_type3{
width: 728px;
margin: 0px;
padding: 0px 10px 18px 10px;
text-align: left;
}

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

#distance_wrap_type3{
background-color:#FFFFFF;
width: 748px;
height: 20px;
margin:0;
padding:0;
}

#schift {
height: 14px;
text-align:right;
margin: 24px 10px 0px 0px;
}

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

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

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

.content_repeat_container_box1{
width:480px;
background:#FFFFFF url(../_gfx/layout/bg_box_separator_type1.gif)  repeat-y; 
margin:0;
padding:0;
background-color:#FFFFFF;
}

.content_repeat_container_box1_we{
width:480px;
background-color:#FFFFFF;
margin:0;
padding:0;
background-color:#FFFFFF;
}

#container_textbox {
width: 420px;
margin: 0 20px 0 20px;
background-color:#FFFFFF;
}

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

.box_separator_type2 {
width: 480px;
height:20px;
background:transparent url(../_gfx/layout/box_separator_type2.gif) bottom no-repeat;
margin:0;
padding:0;
}

.box_separator_type3 {
width: 480px;
height:20px;
background:#FFFFFF url(../_gfx/layout/bg_box_separator_type1.gif)  repeat-y;
margin:0;
padding:0;
}

.box_separator_type4 {
width: 480px;
height:20px;
background:transparent url(../_gfx/layout/box_separator_type2.gif) top no-repeat;
margin:0;
padding:0;
}

#footer_typ1{
position: relative;
width: 748px;
height: 41px;
margin: -42px auto 0 auto;
padding: 0px;
background-color: #FFFFFF;
}

br.clearfix {
clear: both;
}


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

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


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



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

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

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


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

#nav1 a, #nav_footer 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: 0px 16px 0px 0px;
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:#515151;
}

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

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

#subnav .menu1_inactive a:hover {
color:#9e9013;
}

#subnav .menu1_active a {
color:#9e9013;
}

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

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

#subnav .menu2_inactive a:hover {
color:#9e9013;
}

#subnav .menu2_active a {
color:#9e9013;
}


/*4. Content Elpxente------------------------------------------------------------------------------------------*/


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


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

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

.text_type3{
width:190px;
margin:0;
padding:0;
float:left;
}

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


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

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

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

.image_legend3{
width:211px;
text-align:left;
margin: 0;
}

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

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

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

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

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

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

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

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

.image_type5{
width:210px;
margin: 0px 40px 0px 20px;
height:auto;
float:left;
display: inline;
overflow:hidden;
}

.image_type6{
width:210px;
margin: 0px 40px 0px 20px;
height:auto;
float:left;
display: inline;
}

/*Image background Introseiten*/
.image_type7{
width:740px;
height: 480px;
margin: 0;
padding: 0;
}

/*Image ST 5*/
.image_type8{
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: #9e9013;
font-size:1.1em;
margin: 0em 0em 0.4em 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;
line-height:1.2em;
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;
line-height:1.1em;
} 	

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

.text_extended{
font-size:1.0em;
}

#headline_event{
position:relative;
top:6px;
left: 11px;
width:727px;
font-size:1.0em;
overflow:hidden;
color:#cdcdcd;
letter-spacing:0.2em;
}

#headlinebox_1 {
width: 527px;
height: 18px;
float:left;
margin-top: 4px;
}

#headlinebox_2 {
width: 200px;
height: 18px;
float:left;
}


#event_headline a:link, #event_headline a:visited, #event_headline a:active {
color: #DDDDDD;
text-decoration: none;
font-size:10px;
letter-spacing: 1px;
}

#event_headline a:hover {
color:#FF1A00;
text-decoration: none;
font-size:10px;
letter-spacing:1px;
}

/*---------------Formulare-------------------*/

.n123n { padding: 0 0 10px 0; 
}

.n123n#first { margin-top: 20px; 
}

label.normal { 
display: block;
float: left; 
clear: left; 
cursor: pointer; 
width: 120px;
}

.n124n{
margin: 20px 0 0 120px;
}


.classselect { 
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
width: 200px;
}

.classoption {
border-bottom: 1px dotted rgb(200,200,200); 
padding-right: 5px; 
}