/* CSS Document */
/*  CSS-Stylesheet www.landesmusuem-stuttgart.de  */
/* Copyright 2010 // Zimmer*10 - www.zimmer10.net - Nedeljko Wolter*/

/*Inhaltsverzeichnis
1. Allgemeine Einstellungen
2. Containereinstellungen
2.1 Update Startseite 26.04.2010
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:#FFFFFF;
color: #393939;
}

body a:link, body a:visited, body a:active {
color: #96141C;
text-decoration: none;
}


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

/*2. Containereinstellungen-----------------------------------------------------------------------------------*/
#pagewrapper {
margin:auto;
padding:0;
width:971px;
height: 100%; 
}

#wrapper {
float:left;
width:766px;
height: 100%; 
}

#sidebar {
float:left;
text-align:left;
margin:25px 0 0 15px;
width:190px;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
line-height:16px;
color:#676666;
}

a#nav_side_1 strong {
display: none;
}


#sidebar a:link, #sidebar a:visited, #sidebar a:active {
color: #ab102b;
text-decoration: none;
}

#sidebar a:hover {
color:#ff0000;
text-decoration: none;
}

#news_sidebar a:hover {
color:#ff0000;
text-decoration: none;
}

#news_sidebar a:link, #news_sidebar a:visited, #news_sidebar a:active {
color: #ab102b;
text-decoration: none;
}


.separator {
width: 188px;
height:17px;
background:#FFFFFF url(http://www.landesmuseum-stuttgart.de/_gfx/layout/sidebar_sep.gif) no-repeat;
margin:0;
padding:0;
}

#news_sidebar {
width:189px;
margin:0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
color:#676666;
}

#news_sidebar h1 {
color: #ab102b;	
font-size:10px;
font-weight:normal;
}

a#nav_side_1 {
display:block;
background: #FFFFFF url(../_gfx/layout/button_veranstaltungen_off.gif) no-repeat;
width: 138px;
height: 29px;
margin:5px 0px 5px 0px;
}

a#nav_side_1:hover {
display:block;
background: #FFFFFF url(../_gfx/layout/button_veranstaltungen_on.gif) no-repeat;
width: 138px;
height: 29px;
margin:5px 0px 5px 0px;
}

#page_type1 {
width: 748px;
margin: 0 auto;
height:auto !important;
height: 100.1%;
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:#4C100E url(../_gfx/layout/header.gif) no-repeat;
width: 748px;
height: 106px;
margin: 0px;
padding: 0px;
}

#logo{
margin: 0px;
padding: 22px 0px 0px 22px;
width:162px;
height: 43px;
}

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

#nav1{
background:#4C100E 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:#952121;
width: 748px;
height: 22px;
margin: 1px 0px 0px 0px;
padding: 0px;
}

#content_wrap_type0{
width: 748px;
height:750px;
margin: 0px;
padding: 0px 0px 18px 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_type2{
background:#4c100e url(../_gfx/layout/bg_veranstaltungen_01.gif) no-repeat;
width: 748px;
height: 65px;
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;
}

#footer_typ2 {
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;
}


#containerFlash {
width: 748px;
height:50px;
overflow:hidden;
position:absolute;
top: 450px;
left:0px;
z-index:99;
}

/* Newsteaser Startseite ---*/
#containerNewsteaser {
width:748px;
height:98px;
position:absolute;
top:511px;
left:0px;
z-index:98;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
text-align: center;
}

#containerNewsteaser a:link, body a:visited, body a:active {
color: #BA0000;
text-decoration: none;
}


#containerNewsteaser a:hover {
color:#666666;
text-decoration: none;
}

#containerNewsteaser_wrap {
width:686px;
height:84px;
margin:14px auto;
}

#newteaserbox1 {
width:172px;
height:75px;
margin:0px 82px 0px 0px;
padding:0;
overflow:hidden;
float:left;
text-align:left;
}

#newteaserbox2 {
width:172px;
height:75px;
margin:0px 82px 0px 0px;
padding:0;
overflow:hidden;
float:left;
text-align:left;
}

#newteaserbox3 {
width:172px;
height:75px;
margin:0px 0px 0px 0px;
padding:0;
overflow:hidden;
float:left;
text-align:left;
}

#containerNewsteaser h1 {
text-transform:uppercase;
font-size:11px;
margin: 0px 0px 6px 0px;
padding: 0;
color:#BA0000;
}


/* Formatierung Veranstaltungseinträge------*/
.event_block_wrap {
font-size:1.2em;
line-height:1.2em;
width:728px;
height:29px;
overflow:hidden;
padding: 10px 10px 10px 10px;
margin: 0;
}

.event_block1 {
width: 162px;
height:29px;
float:left;
overflow:hidden;
padding:0 10px 0 0;
margin: 0;
}

.event_block2 {
width: 260px;
height:29px;
float:left;
padding:0 10px 0 10px;
overflow:hidden;
margin: 0;
}

.event_block3 {
height:29px;
width: 266px;
float:left;
padding:0 0 0 10px;
overflow:hidden;
margin: 0;
}

#cal_wrapper{
left:272px;
width:476px;
height:285px;
position:absolute;
bottom: 0px;
width:225;
z-index:998;
visibility:hidden;
background: transparent;
}

#cal_wrapper_off{
left:272px;
width:350px;
height:25px;
position:absolute;
bottom: 0px;
width:225;
z-index:996;
background: transparent;
}

#cal_distance_left{
width: 272px;
float:left;
}

#cal_on{
width:203x;
z-index:999;
float: left;
}

#cal_off{
width:203px;
height:25px;
z-index:997;
float: left;
background-image:url(../_gfx/layout/bg_cal_head.gif);
}

cal_distance_right {
width: 272px;
float:left;
}

/*2.1 Update Startseite 26.04.2010 -------------------------------------------------------------------------*/

#start_keyvisual {
width: 748px;
height: 250px;
margin: 0;
padding: 0;
overflow:hidden;
}

#start_infotainment_wrap {
width: 748px;
height: 480px;
background:#F2F2F2 url(../_gfx/layout/start_infotainment_wrap_bg.gif) repeat-y;
margin: 0;
padding: 0;
overflow:hidden;	
}

#start_infotainment_header {
width: 748px;
height: 49px;
background:url(../_gfx/layout/start_infotainment_header.gif) no-repeat;
margin: 0;
padding: 0;
overflow:hidden;	
}

#start_infobox1 {
width:240px;
height:200px;
margin:0;
padding:0;
overflow:hidden;
float:left;
}

#start_infobox2 {
width:240px;
height:200px;
margin:0px 14px 0px 14px;
padding:0;
overflow:hidden;
float:left;
}

#start_infobox3 {
width:240px;
height:200px;
margin:0;
padding:0;
overflow:hidden;
float:left;
}

#start_infobox4 {
width:240px;
height:200px;
margin:15px 0px 0px 0px;
padding:0;
overflow:hidden;
float:left;
}

#start_infobox5 {
width:240px;
height:200px;
margin:15px 14px 0px 14px;
padding:0;
overflow:hidden;
float:left;
}

#start_infobox6 {
width:240px;
height:200px;
margin:15px 0px 0px 0px;
padding:0;
overflow:hidden;
float:left;
}

.start_infobox_header {
width:240px;
height:75px;
margin:0px 0px 15px 0px;
padding:0;
overflow:hidden;
}

.start_infobox_content {
width:216px;
height:86px;
margin:0;
padding:12px 12px 12px 12px;
overflow:hidden;
background-color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#666666;
}

.start_infobox_content h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
color:#C1272D;
margin:0px 0px 3px 0px;
}

.start_infobox_content h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
color:#C1272D;
margin:0px 0px 3px 0px;
}

.start_infobox_content h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#666666;
margin:0px 0px 9px 0px;
}

#socialbar {
width: 188px;
height:33px;
overflow:hidden;
margin:0;
padding:0;
}

/* EditMode webEdition */

#start_keyvisual_weMode {
width: 748px;
height: 350px;
margin: 0;
padding: 0;
overflow:hidden;
}


#start_infobox1_weMode {
width:748px;
height:205px;
margin:0;
padding:0;
overflow:hidden;
}

#start_infobox2_weMode {
width:748px;
height:205px;
margin:0;
padding:0;
overflow:hidden;
}

#start_infobox3_weMode {
width:748px;
height:205px;
margin:0;
padding:0;
overflow:hidden;}

#start_infobox4_weMode {
width:748px;
height:205px;
margin:0;
padding:0;
overflow:hidden;
}

#start_infobox5_weMode {
width:748px;
height:205px;
margin:0;
padding:0;
overflow:hidden;
}

#start_infobox6_weMode {
width:748px;
height:205px;
margin:0;
padding:0;
overflow:hidden;
}

.start_infobox_content_weMode {
width:465px;
height:170px;
margin:0;
padding:0;
background-color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#666666;
float:left;
}


.start_infobox_header_weMode {
width:260px;
height:200px;
margin:0px 0px 15px 0px;
padding:0;
overflow:hidden;
float:left;
}

.start_infobox_content_weMode h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
color:#C1272D;
margin:0px 0px 3px 0px;
}

.start_infobox_content_weMode h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
color:#C1272D;
margin:0px 0px 3px 0px;
}

.start_infobox_content_weMode h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-transform:lowercase;
color:#666666;
margin:0px 0px 3px 0px;
}


/*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:#CCCBCA;
}

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

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

#subnav .menu1_inactive a:hover {
color:#96141C;
}

#subnav .menu1_active a {
color:#96141C;
}

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

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

#subnav .menu2_inactive a:hover {
color:#96141C;
}

#subnav .menu2_active a {
color:#96141C;
}

#nav_footer {
z-index: 999;
}

/*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: #96141C;
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; 
}