/* basic.css */
body {
	font-family: verdana, arial, Trebuchet MS, tahoma, sans-serif;
	font-size:83%;
	background-color: #efefef;
}

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

a {
	text-decoration: none;
	color: #777;
	padding: 0px;
}

a:hover {
	color: #808080;
}

a.zoom img.zoom {
	width: 12px;
	height: 12px;
	background: url(common/plus_2.gif);
	background-repeat: no-repeat;
}

pre, .pre, div.box{
	border: 1px solid gainsboro;
	padding: 5px;
	background-color: #fafafa;
	overflow: hidden;
	margin-left: 30px;
}

#anmeldung {
	font-size: 9px;
	overflow: hidden;
}

input ,select {
	border: 1px solid #dc4e53;
	background-color: #fff;
	margin: 5px;
	overflow: hidden;
}

.pre {
	font-family: monospace;
	margin: 0px;
}

span.pre {
	padding: 2px;
}

div.box pre {
	border-width: 0px;
	padding: 0px;
	margin: 0px;
}

.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:83%;
	font-style: normal;
	line-height: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	color: #808080;
	text-decoration: none;
	text-align: justify;}
}

p a:link {
	color: #808080;
	text-decoration: underline;
}

p a:visited {
	color: #808080;
	text-decoration: underline;
}

p a:hover {
	color: #cc061e;
	text-decoration: underline;
}

p a:active {
	color: #cc061e;
	text-decoration: underline;
}
.text2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	color: #fff;
	text-decoration: none;
	text-align: justify;
}

.presse {
  border: 1px #ddd solid;
  background-color: #fdf3f3;
  padding: 5px;
  margin: 20px 0 10px 0;
  text-align: justify;
  font-size: 11px;
}

h1, .heading1 {
	page-break-before: always;
	font-weight: bold;
	font-size:100%;
	margin-bottom: 10px;
}
h2, .heading2 {
	font-size:139%; font-weight: bold;
}
h3, .heading3 {
}
h4, .heading4 {
}


#toc {
  font-size: 80%;
  color: #8b8e86;
}
#toc a hover{
  font-size: 80%;
  color: #8b8e86;
} 
img {
	border-width: 0px;
	
}
br.clear {
	clear: both;
}


.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

#pB {
	width: 900px;
	margin: 0px auto 0px auto;
	padding: 0px;
	top: 0px;
	overflow: hidden;
	background-color: #fff;
	border: 1px solid #dddddd;
	color: #666;
}

#pH {
  font: normal 14px helvetica, arial, geneva, lucida, sans-serif;
	color: #fff;
 	position: relative;
	background-image: url(common/bg_menu.gif);
	background-repeat: repeat-x;
	height: 60px;
	margin: 0;
	padding:0;
	list-style: none;
}

#translate {
  color: #fff;
	position: relative;
	margin: 0;
	padding: 14px 2px 12px 0px;
  position: relative;
  text-align: center;
	font: 0.8em tahoma, geneva, helvetica, arial, sans-serif;
  float: right;  
}

#translate a {
  color: #fff;
}

#translate a:hover {
  color: #fff;
}

#iconbar {
	margin: 0;
	padding: 0px 5px 0px 0px;
  position: relative;
  text-align: center;
	font: 0.8em tahoma, geneva, helvetica, arial, sans-serif;
  float: right;
  clear: right;
}

#iconbar a:hover {
  color: #ff9900;
}

#pH2 {
	margin: 0px;
	padding: 0px;
	width: 900px;
	height: 120px;
	overflow: hidden;
}


#pH2L {
	margin: 0px;
	padding: 0px;
	width: 500px;
	height: 120px;
  float: left;
	overflow: hidden;
}

#logo {
	margin: 0px;
	padding: 0px;
	width: 400px;
	height: 120px;
  background-color: #dc4e53;
	background-image: url(common/LGSO_LOGO.png);
	background-repeat: no-repeat;
	background-position: center center;
	clear: right;
  float: right;
	overflow: hidden;
}

#pM {
	position: relative;
	float: left;
	background: #fff;
	clear: both;
	width: 100%
}

#pMC{
	float: left;
	padding: 0px 0px 50px 0px;
}

#path {
	height: 20px;
	margin: 0;
	padding: 30px 0px 5px 45px;
  font-size: 9px;
	font-weight: normal;
	color: #cc061e;
}
#path a{
color: #808080;
}

#startgruppe {
  width: 700px;
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 0px 80px;
	overflow: hidden;

}

#start {
  width: 202px;
  height: 262px;
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	float: left;
}

#start a{
  width: 200px;
  height: 260px;
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	float: left;
	cursor: hand;
  border: 1px #ddd solid;

}

#start a:hover{
  width: 200px;
  height: 260px;
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	float: left;
	cursor: hand;
  border: 1px #cc061e solid;
}

#start_title {
	width: 200px;
	height: 99px;
	background-color: #fdf3f3;
	border-bottom: 1px #ddd solid;
	font-family: arial;
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;

	overflow: hidden;
}

#start_text {
	margin: 10px 0px 0px 10px;
	padding: 0px 0px 5px 0px;
	overflow: hidden;
	color: #cc061e;
}

#start_img {
	height: 200px;
	width: 200px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	
}

#content {
	position: relative;
	margin: 20px 0px 0px 0px;
	padding: 0px 50px 0px 45px;
	overflow: hidden;
}

#content_teaser {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 45px;
	overflow: hidden;
	float: left;
	width: 550px;
}

/***********************************************************************
* Ausstellung
***********************************************************************/
#ausstellung {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	float: left;
	clear: both;
	width: 810px;
}

#ausstellung_text {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	float: left;
	clear: both;
	width: 550px;
}

#vernissage {
  color: #cc061e;
  margin-top: 35px;
}

#event {
  border: 1px #ddd solid;
  background-color: #fdf3f3;
  padding: 5px;
}

.rot {
  color: #cc061e;
}

.linie_ausstellung {
  border-bottom: 1px #dc4e53 solid;
  margin: 30px 0px 5px 0px;
}
     
#ausstellung_img {
	margin: 100px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	float: right;
	clear: right;
	width: 208px;
}

#ausstellung_galerie {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	float: right;
	clear: right;
	width: 208px;
}

/***********************************************************************
* Museum
***********************************************************************/
#museum_img {
	margin: 25px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	float: right;
	clear: right;
	width: 200px;
}

.linie_museum_rot {
  border-bottom: 1px #dc4e53 solid;
  margin: 130px 0px 5px 0px;
}
.linie_museum_weiss {
  border-bottom: 1px #fff solid;
  margin: 130px 0px 5px 0px;
}
  
  .linie_museum_rot2 {
  border-bottom: 1px #dc4e53 solid;
  margin: 80px 0px 5px 0px;
}

.linie_museum_weiss2 {
  border-bottom: 1px #fff solid;
  margin: 80px 0px 5px 0px;
}
         
#pMR{
	width: 220px;
	float: right;
	clear: right;
	padding: 0px 35px 0px 0px;
	margin: 0px 0px 80px 0px;
}

#linkbox2{
  height: 20px;
	width: 220px;
	float: left;
	padding: 0px;
	margin: 0px;
}

a.audio {
	display: block;
  background: url(common/audio_gray.png) no-repeat 0% 55%;
  text-indent: 20px;
  color: #5c5c5c;
  text-decoration: none;
  font-weight: normal;
  margin: 6px 0px 0px 5px;
  width: 350px;
}

a.audio:hover {
  background: url(common/audio_red.png) no-repeat 0% 55%;
  text-decoration: none;
  color: #333;
  font-weight: normal;
  margin: 6px 0px 0px 5px;
}
a.video {
	display: block;
  background: url(common/video_gray.png) no-repeat 0% 55%;
  text-indent: 20px;
  color: #5c5c5c;
  text-decoration: none;
  font-weight: normal;
  margin: 6px 0px 0px 5px;
  width: 350px;
}

a.video:hover {
  background: url(common/video_red.png) no-repeat 0% 55%;
  text-decoration: none;
  color: #333;
  font-weight: normal;
  margin: 6px 0px 0px 5px;
}

a.linkbox {
	display: block;
  background: url(common/link_red_2a.gif) no-repeat 0% 55%;
  text-indent: 20px;
  color: #5c5c5c;
  text-decoration: none;
  font-weight: normal;
  margin: 6px 0px;
  width: 350px;
}

a.linkbox:hover {
  background: url(common/link_red_hover_2a.gif) no-repeat 0% 55%;
  text-decoration: none;
  color: #333;
  font-weight: normal;
  margin: 6px 0px;
}

a.linkboxpdf {
	display:block;
  background: url(common/icon_pdf_red.gif) no-repeat 0% 50%;
  text-indent: 20px;
  color:#808080;
  text-decoration:none;
  font-weight: normal;
  margin:6px 0px;
  max-width: 250px;
}

a.linkboxpdf:hover {
  background: url(common/icon_pdf_black.gif) no-repeat 0% 50%;
  text-decoration:none;
  color:#333;
  font-weight: normal;
  margin:6px 0px;
}

#adressblock_ger {
  background: url(common/adressblock_ger.png) no-repeat center;
  color: #737373;
  height: 80px;
  border-top: 1px #dc4e53 solid;
	margin: 0px 5%;
	padding-bottom: 10px;
	clear: both;
}

#adressblock_eng {
  background: url(common/adressblock_eng.png) no-repeat center;
  color: #737373;
  height: 80px;
  border-top: 1px #dc4e53 solid;
	margin: 0px 5%;
	padding-bottom: 10px;
	clear: both;
}

#pF {
	height: 45px;
	color: #737373;
  margin: 5px auto 0px auto;
	font-size: 10px;
	line-height: 1.5em;
	width: 900px;
	clear: both;
}

#pF	a {
  font-weight: bold;
	text-decoration: none;
}

#pF	a:hover {
	color: #cc061e;
	font-weight: bold;
	text-decoration: none;
}

#created {
  height: 20px;
	padding-left: 10px;
	float:left;
}

#copyright {
  height: 20px;
	padding-right: 10px;
	float:right;
}

.box .form{
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size:12px;
	color: #fff;
	text-decoration:none;
  background-color: #9fa29b;
	border:1px solid #999999;
}

#imagemenu{
	padding: 50px 0px 0px 100px;
	float: left;
}

.top {
  font-size: 10px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
.top a{
  font-size: 9px;
  color: #dc4e53;
}

.top a:hover{
  color: #cc061e;
}

#toc {
  border: 1px #ddd solid;
  color: #cc061e;
  width: 800px;
	margin-right: 10px;
	line-height: 17px;
	float: left;
	clear: both;
}

#toc a {
  color: #dc4e53;

}
#toc a:hover{
	color: #cc061e;
}

#nav{
	margin: 20px 0px 20px -5px;
	padding: 0px;
	float: left;
}

#nav a {
	margin:  0 0 20px 0;
	padding: 0 0 0 25px;
	background-image: url(common/list.gif);
	background-position: 10px 6px;
	background-repeat: no-repeat;
	color: #737373;
	font-size: 13px;
	text-decoration: none;
}

#nav a:hover, #nav a.x {
	background-image: url(common/list_hover.gif);
	background-position: 10px 6px;
	background-repeat: no-repeat;
	color: #cc061e;
	text-decoration: none;
}

/***********************************************************************
* Channelnavigation
***********************************************************************/

ul#Menu {
  width: 780px;
	position: relative;
	margin: 0;
	padding:0;
	list-style: none;
	float: left;
}
#Menu li {
	display: block;
	margin: 0;
	padding: 0.55em 0 0 0;
	float:left;
}
#Menu li.active {
	background: url(common/bg_menu_active.gif);
	background-repeat: repeat-x;
}
#Menu li.active a {
	color: #000;
}
#Menu a {
	display:block;
	color: #fff;
	text-decoration:none;
	margin-bottom: 1px;
	padding: 0.56em 1em;
	position: relative;
	font: bold 0.8em tahoma, geneva, helvetica, arial, sans-serif;
}

/***********************************************************************
* Channel-Subnavigation
***********************************************************************/
#Submenu {
	position: absolute;
	width: 700px;
	left: 0px;
	top: 33px;
	margin:0;
	padding:0;
	background: #fff;
	list-style: none;
	overflow: hidden;
	}
	
#Submenu li {
	position:relative;
	display: block;
	margin: 0;
	padding: 0;
	float:left;
}

#Submenu a {
	color:#666;
	text-decoration:none;
	display:block;
	border:0;
	margin:0;
	padding: 7px 12px;
}

#Submenu li a.active {
	color: #fff;
	text-decoration:none;
	background-color: #cc061e;
	display:block;
	border:0;
	margin:0;
	padding: 7px 12px;
}

/* zoom
----------------------------------------------- */ 

.fancy{
  border: 1px #ddd solid;
  padding: 3px;
  margin-bottom: 20px;
}
.graphic {
  border: 1px #ddd solid;
  padding: 3px;
  margin-bottom: 20px;
}


/* contact form
----------------------------------------------- */ 

div#formwrap {
     width: 414px;
     }

div.row span.form input, div.row span.button input, div.row span.form textarea {
     color: #808080;
     font-family: Verdana, Arial, Helvetica, Sans-serif;
     font-size: 11px;
     }

div.row {
     display: block;
     clear: both;
     }

div.row span.label {
     float: left;
     width: 150px;
     text-align: left;
     color: #808080;
     font-weight: bold;
     line-height: 17px;
     margin-bottom: 10px;
     }

div.row span.form, div.row span.button {
     width: 255px;
     text-align: left;
     margin-bottom: 10px;
     float: right;
     } 
div.row span.button {
     text-align: right;
     }
  
div.row span.form input, div.row span.form textarea {
     width: 250px;
     border: 1px solid #dc4e53;
     }
     
div.row span.form textarea {
     overflow: auto;
     }

div.row span.form input {
     height:17px;
     background: #fff;
     }
     
div.row span.checkbox{
     height:17px;
     display: block;
     margin: 0 0 10px 160px;
     padding: 0;
     line-height: 17px;
     clear: right;  
     }
     
div.row span.form textarea {
     height: 130px;
     background: #fff;
     }
     
div.row span.button input {
     background: #fff;
     border: 1px solid #dc4e53;
     color: #808080;
     }
/* contact form
----------------------------------------------- */ 
/* -- SEARCH ------------------------*/

.searchLabel, .searchLabel, .searchElement, .searchText {
	font-size: 13px !important; 
}

#Search {
	margin: 0px 0px 0px 0px;
	border: 0;
	padding: 0;
}

#Search form {
	margin: 0;
	border: 0;
	padding: 20px 0 0 40px;
}
#Search input#raw {
	padding:0;
	margin:0;
	height:20px;
	width:120px;
	vertical-align:middle;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size:14px;
	text-decoration:none;
	border:1px solid #999;
	background-color: #8b8e86;
	color: #fff;
}

#Search input#btnSearch {
	vertical-align:middle;
}

#Search table {
	margin:10px 10px 0px 10px;
	color:#666;
	text-align:left;
}

.box {
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size:12px;
	color: #fff;
	text-decoration:none;
  background-color: #9fa29b;
	border:1px solid #999999;
}
/* -- SEARCH ------------------------*/


     
.linie {
    border-bottom: 1px #dc4e53 solid;
    margin: 10px 0px 20px 0px;
     }

#pressemappe {
  border: 1px #ddd solid;
  background-color: #fdf3f3;
  padding: 5px;
  margin: 0px;
  height: 102px;
  width: 600px;
  display: block; 
}

#presse_thumb {
  width: 90px;
  height: 90px;
  border: 1px #ddd solid;
  background-color: #fff;
  padding: 5px;
  margin: 0px;
  float: left; 
  display: block; 
}

#presse_text {
  margin: auto;
  padding: 20px 0 0 40px;
  width: 320px;
  height: 70px;
  float: left;
  clear: right;
  display: block; 
}

#presse_download {
  float:right;
  clear: right;
  margin: 70px 0 0 0px;
  padding: 0 10px 0 0px;
  display: block; 
}

#presse_download a{
  color: #dc4e53; 
}

#presse_download a :hover{
  color: #4f504b;
}






