@import url(/js/src/css/shadowbox.css);
@import url(basic.css);
@import url(style.css);

body, html{
                margin: 0px;
                padding: 0px; 
                background-color:#ffffff;
                font-family: "Lucida Sans", "Arial", Verdana, Tahoma, Helvetica, sans-serif;   
                margin-top:0px;
                margin-bottom:20px;
                color:#683603;
                font-size:14px;
                line-height: 16px;
}

.button180{
                font-family:Verdana,Arial,Helvetica,sans-serif;
                font-size: 10px;
                color: #6464B4;
                text-align: left;
                vertical-align: middle;
                background-image:url(../img/botton.gif);
                background-position:0px 0px;
                text-decoration:none;
                padding: 0px;
                margin:0px;
                height: 17px;
                width: 180px;
                display: block;
}

.button180:visited {
                color:#000000;
}

.button180:hover {
                color:#683603;
/* hier könnte man den andersfarbigen Button einbinden */
}

.large-dark {
                font-size:1.95em;
                font-weight:bold;
                text-align:center;
                padding-bottom:15px;
                color:#ffffff;
}

.small-dark {
                font-size:8px;
}

hr            {
		background-color:gray;
		border:1;
		width:100%;
		height:1px;
		}

.myText {
                font-size:16px;
                color:#683603;
                padding-right:20px;
}

.fotogalerie {
                padding-left:30px;
                padding-top:25px;
		border:1 1 1 1 solid yellow;
		}

.fotogalerie_IE {
                padding-left:30px;
                padding-top:25px;
		}

.fotogalerie_without_image {
                padding-left:-24px;
		background-color:#ffffff;
		border:2px solid gray;
		}

.myImage {
                border:10px solid #ffffff;
		}
                
.myGalerieImage {
                border:1px solid #ffffff;
                opacity:0.6;
                filter:alpha(opacity=60)
		}
                
.galerieTd      {
		background-color:#000000;
                color:white;
		}
                
.galerieTop     {
                font-size:0.95em;
		background-color:#26292e;
                color:white;
		}
                
.galerieTop_without_image     {
                font-size:0.95em;
		background-color:#ffffff;
		}
                
.liniegrau2	{
		background-color:#2c2c2c;
		width:100%;
		height:1px;
		}
.e1             {
		background-color:#a5a5a5;
                padding: 5px 5px 5px 5px;
		}
        	
.e2             {
		background-color:#e3e8d8;
                padding: 5px 5px 5px 5px;
		}
        	
.e3             {
		background-color:#baddf3;
		background-color:#ffffff;
                padding: 5px 5px 5px 5px;
		}
        	
.e4             {
		background-color:#e3e8d8;
                padding: 5px 5px 5px 5px;
		}
.veranstaltungen {
		font-style:italic;
                font-size:12px;
}
a  { text-decoration:none;
        color:#00519d;   
}
h1 { margin:0px 0px 10px 0px;
font-style:italic;
}
h2 { font-style:italic;
     margin:0px 0px 10px 0px;   
}
h3 { font-style:italic;
     margin:0px 0px 10px 0px;   
}
h4 { font-style:italic;
     margin:0px 0px 10px 0px;   
}
h5 { font-style:italic;
     margin:0px 0px 10px 0px;   
}
h6 { font-style:italic;
     margin:0px 0px 0px 0px;   
}
h7 { font-style:italic;
     margin:0px 0px 10px 0px;   
}
h8 { font-style:italic;
     margin:0px 0px 10px 0px;   
}
#wrapper{
  margin: 0px auto;
  width:936px;
  background-image: url(../img/wrapper.jpg);
}

.portfolio_titel{
        margin: 50px;
        color:#00a8df;
        font-size:18px;
        font-weight:bold;
        text-decoration:underline;
        text-align:right;
}

.portfolio_subtitel{
        margin: 10px;
        color:#00a8df;
        font-size:14px;
        font-weight:bold;
}

#movie{
        position: absolute;
        margin-top: 10px;
        margin-left: 10px;
        width: 305px;
        height: 220px;
        /*background-image: url(../img/movie.png);*/
}

#standorte{
        font-family: "Arial", Verdana, sans-serif;   
        color:#643a00;
        font-size:12px;
        line-height: 0px;
        position: absolute;
        margin-top: 370px;
        margin-left: 740px;
        width: 150px;
        height: 200px;
        background-repeat: no-repeat;
/*        background-image: url(../img/bundesweit.png); */
}

#button{
        float:right;
        padding-left: 5px;
} 

#header{
        width:936px;
        height: 169px;
        padding-left: 0px;
        padding-bottom: 0px;
        text-align:left;  
        position:relative;
        background-image: url(../img/header.jpg);
}

#logo{
	padding-left:25px;
	padding-top: 26px;
        border:1px;
	z-index: 44;
	} 

.logo_text{
        font-size:32px;
        font-style:italic;
	} 

#horizon-menue{
	margin-left: 42px;
	margin-right: 50px;
	padding-top: 20px;
} 
		
#bg{
        overflow:hidden;
   	width: 936px;	
	background-position: bottom;
	background-repeat:no-repeat;
	background-image: url(../img/wrapper2.jpg);
}

#linke-spalte{
          width:179px;
          padding-left: 15px;
          padding-top: 0px;
          float:left;
}

#menue-top{
          width:168px;
          height: 23px;
          background-image: url(../img/menue_top.jpg);
}

.newsletter{
          margin-left:22px;
          width:140px;
          font-size:10px;
}

#menue{
          margin-left: 12px;
          width:156px;
          background-image: url(../img/bg_menue.jpg);
}

#menue-text{
        margin-left: 10px;
        font-size: 10px;
}

.navigation-tabelle{
        margin-left: 5px;
        width:120px;
	border:0px solid #eee;
        font-size:1.0em;
}

.navigation-tabelle-aktiv{
        margin-left: 5px;
        width:100px;
        font-size:1.0em;
        border:0px solid #eee;
        text-align:right;
        background-color:#ffffff;
}

#menue-bottom{
        width: 168px;
        height: 25px;
        background-image: url(../img/menue_bottom.jpg);
}

#empfehlen-top{
        margin-top: 10px;
        width:168px;
        height: 23px;
        background-image: url(../img/menue_top.jpg);
}

#hinweis-top{
        margin-top: 0px;
        width:168px;
        height: 23px;
        background-image: url(../img/hinweis_top.jpg);
}

#ausstellung-top{
        margin-top: 0px;
        width:168px;
        height: 23px;
        background-image: url(../img/hinweis_top.jpg);
}

#empfehlen{
        margin-left: 12px;
        width:156px;
        background-image: url(../img/bg_menue.jpg);
}

#hinweis{
        margin-left: 12px;
        width:156px;
        background-image: url(../img/bg_hinweis.jpg);
}

#ausstellung{
        margin-left: 12px;
        width:156px;
        background-image: url(../img/bg_hinweis.jpg);
}

#empfehlen-text{
        width:80%;
        margin-left: 15px;
        text-align:center;
        font-size:0.80em;
}

#empfehlen-text-ueberschrift{
        text-align:center;
}

#ausstellung_datum{
        font-size:10px;
}

#empfehlen-bottom{
        width: 168px;
        height: 25px;
        background-image: url(../img/menue_bottom.jpg);
}

#hinweis-bottom{
        width: 168px;
        height: 25px;
        background-image: url(../img/hinweis_bottom.jpg);
}

#ausstellung-bottom{
        width: 168px;
        height: 25px;
        background-image: url(../img/hinweis_bottom.jpg);
}

#mitte{
	width: 534px;
	float: left;
	margin-left: 0px;
	}

#mitte-top{
        width:534px;
        height: 23px;
        padding-top: 0px;
        background-image: url(../img/content_top.jpg);
}

#mitte-back{
        width:534px;
        margin-top: 0px;
        background-image: url(../img/content_middle.png);
}

#inhalt{
        width: 470px;
        min-height: 520px;
        padding-left: 30px;
        background-image: url(../img/logo_haus.jpg);
        background-repeat: no-repeat;
        background-position: 30px 1px;
}

* HTML #inhalt{
        width:470px;
        height:520px;
}


#mitte-bottom{
        width:534px;
        height: 30px;
        margin-bottom: 5px;
        background-image: url(../img/content_bottom.png);
}


#rechte-spalte{
        margin-top: 0px;
        padding-left: 5px;
        padding-right: 15px;
        width:150px;
        float:left;
}

* HTML #rechte-spalte{
        width:175px;
}

#footer{
        width: 936px;
        height: 52px;
        clear:both;
        background-image: url(../img/footer.jpg);
}

#footer-menue{
	float:right;
	padding-right: 38px;
	padding-top: 7px;
	font-family: "Arial", Verdana, Tahoma, Helvetica, sans-serif;   
	color:#626166;
 	font-size:8px;
	} 	
	
#login{
	float:left;
	padding-left: 120px;
	padding-top: 7px;
	font-family: "Arial", Verdana, Tahoma, Helvetica, sans-serif;   
	color:#626166;
 	font-size:11px;
	}

.myUL {
        color: #683603;
        text-decoration: none;
        padding-left: 15px;
        }

.myUL:hover {
        color: #6666BC;
        background-color: #ffffff;
        }
        
.navigation{
        color: #683603;  
        text-decoration:none;
        margin-left: 0px;
}

.navigation:hover{
        color: #6666BC;
        background-color:#ffffff;
        text-decoration:none;
        margin-left: 0px;
}
        
.navigation_upper_menue{
        text-decoration:none;
        margin-left: 0px;
}

.navigation_upper_menue:hover{
        color: #ffffff;
        background-color:#333399;
        text-decoration:none;
        margin-left: 0px;
}

.navigation_active{
        font-size: 10px;
        color: #683603;  
        text-decoration:none;
        margin-left: 0px;
}

.hor-navigation{
        font-size: 10px;
        color: #683603;  
        text-decoration:none;
}

.bottom-navigation{
        font-size: 10px;
        font-weight: bold;
        color: #683603;  
        text-decoration:none;
}

.hor-navigation:hover{
        font-size: 10px;
        color: #00519d;  
        text-decoration:none;
}

.bottom-navigation:hover{
        font-size: 10px;
        font-weight: bold;
        color: #6666BC;  
        text-decoration:none;
}

.hor-navigation_active{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #6666BC;  
        text-decoration:none;
}

.horizontal{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #683603;  
  text-decoration:none;
}

.kontakt-impressum{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #666666;  
  text-decoration:none;
}

.kontakt-impressum:hover{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #6666BC;  
  text-decoration:none;
}

.kontakt-impressum_active{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #6666BC;  
  text-decoration:none;
}

* {
}
.highslide-html {
        background-color: white;
}
.highslide-dimming {
	position: absolute;
	background: #bbbbff;
}

.highslide-html-blur {
	background: #D4D4ED;
}
.highslide-html-content {
        position: absolute;
        display: none;
}
.highslide-loading {
        display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
        text-decoration: none;
	padding: 2px;
	border: 1px solid black;
        background-color: white;
        padding-left: 22px;
        background-image: url(../js/graphics/loader.white.gif);
        background-repeat: no-repeat;
        background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
        padding: 2px;
        color: silver;
        text-decoration: none;
	font-size: 20px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
        color: white;
        background-color: gray;
}

/* Styles for the popup */
.highslide-wrapper {
	background-color: white;
}
.highslide-wrapper .highslide-html-content {
        width: 400px;
        padding: 5px;
}
.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(../js/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
        cursor: move;
}
.highslide-resize {
        cursor: nw-resize;
}
.control {
	float: right;
        font-size: 12px;
        font-weight: bold;
        color: #683603;  
        text-decoration:none;
        padding-right:20px;
        padding-bottom:15px;
}
.control:hover {
        color: #6666BC;  
}

/* These must be the last of the Highslide rules */
.highslide-display-block {
        display: block;
}
.highslide-display-none {
        display: none;
}