/* 	www.museum-bad-arolsen.de  */

/****************************************************************  all  */

html, body, span, a, form, input, textarea, tt {
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #222; }

body.popup {
  	background-image: none;
   background-color: white;
	margin: 20px;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
   text-align: center;
   }

body {
	 background: url(images/bg_all.gif) repeat-y;
    background-color: #D3C9CA; }

img {
	 border: 0; }
	

.hidden {
	 height: 0;
	 width: 0;
	 visibility: hidden;
	 position: absolute;  /* for the benefit of IE5 Mac */ }

.clear {
	 clear: both; }
	 

/**************************************************************** 	typo  */

/*** h1 {
	 font-weight: bold;
	 font-size: 16px;
    color: black;
    margin: 8px 0 10px 0; }
*/

h2 {
  	 font-weight: bold;
	 font-size: 16px;
    color: black;
    margin: 12px 0 6px 0; }
    
h3 {
  	 font-weight: bold;
	 font-size: 13px;
    color: black;
    margin: 16px 0 6px 0; }
    
h4 {
	 font-size: 12px;
    color: black;
    margin: 10px 0 10px 0; }
    
strong {
    font-weight: bold; }

p {
    padding: 0 0 14px 0;
	 margin: 0; }
	 
ul {
    list-style-type: square; }

li {
    padding: 0 0 6px 0; }
    
tt.smallest {
    font-size: 10px; }
    
.line_black {
    height: 11px;
    border-bottom: 1px solid black;
    width: 525px;
    margin-top: 12px; }

	
/**************************************************************** 	forms  */

input  {
    width: 374px;
    padding: 3px;
	 border: 0;
	 border-bottom: 1px solid black;
	 background: white; }
    
input.menge  {
    width: 33px;
    padding: 1px;
	 border: 0;
	 border-bottom: 1px solid black;
	 background: white; }
	 
input.sbmt  {
    width: 145px;
    padding: 3px;
	 border: 0;
	 border: 1px solid black;
	 background: #B4D2DB; }
    
textarea  {
    width: 374px;
    padding: 3px;
	 border: 0;
	 background: white; }
	
.form_left {
    float: left;
    font-weight: bold;
    width: 145px;
    margin: 0 0 10px 0; }

.form_right {
    float: left;
    width: 380px;
    margin: 0 0 15px 0; }

/**************************************************************** 	links  */

a:link, a:active, a:visited { color: black; text-decoration: underline; }
a:hover 	   { color: black; font-weight: bold; text-decoration: underline;  }


/**************************************************************** 	head  */

#head, #head2 {
    height: 76px;
    width: 100%;
    border-bottom: 1px solid black;
    background-color: #EBDCDD;
    background-image: url(images/slogan.gif);
    background-repeat: no-repeat;
    background-position: center;
    text-align: center; }
    
#head2 {
    background-image: none; }
    
#logo {
    position: absolute;
    top: 0;
    left: 0;}
    
#logo h1 {
	position: relative;
	text-indent: -10000px;
	margin: 0;
	padding: 0; }
    
#logo h1 a 	{
	display: block;
	width: 152px;
	height: 76px;
	background: #EBDCDD url(images/logo_museum_bad_arolsen.gif) no-repeat;
   text-decoration: none;
   border-bottom: 1px solid #EBDCDD; }
    
#deko {
    position: absolute;
    top: 0;
    right: 0;
    border-bottom: 1px solid black;
    height: 76px;
    background-color: #7A94B7;
    width: 76px; }
    
#login {
    margin: 34px 0 0 7px;
}
    

/**************************************************************** 	nav  */
  
#navcontainer {
    background: url(images/bg_nav.gif);
    background-repeat: no-repeat;
    width: 128px;
    height: 433px;
    float: left;
    padding: 13px 0 0 24px; }
    
#navcontainer ul, #imgnav ul {
    padding: 0;
    margin: 0;
	 list-style-type: none; }

#navcontainer li, #imgnav li {
    padding: 0;
    margin: 0;
    display: block;
    list-style-position: outside;
    height: 26px;
    width: 121px;
    font-size: 0;
    text-indent: -10000px;}

#navcontainer ul li a, #imgnav ul li a {
   height: 26px;
   width: 121px;
   display: block;
	text-decoration: none;
   padding: 0;
   margin: 0; }

#navcontainer li a:hover, #navcontainer li a.act, #imgnav  li a:hover, #imgnav li a.act {
	background-image: none; }

a#start         { background: url(images/nav_start.gif) no-repeat; }
a#museum          { background: url(images/nav_museum.gif) no-repeat; }
a#programm        { background: url(images/nav_programm.gif) no-repeat; }
a#presse	         { background: url(images/nav_presse.gif) no-repeat; }
a#publikationen   { background: url(images/nav_publikationen.gif) no-repeat; }
a#paedagogik	   { background: url(images/nav_paedagogik.gif) no-repeat; }
a#foerdern        { background: url(images/nav_foerdern.gif) no-repeat; }


/**************************************************************** 	imgnav  */

#imgnav {
    position: absolute;
    top: 0;
    right: 76px;
    border-bottom: 1px solid black;
    height: 76px;
    width: 380px;
    background-color: #7A94B7;
    background: url(images/bg_imgnav.gif);
    background-repeat: no-repeat; }
    
#imgnav li, #imgnav ul li a {
   height: 76px;
   width: 76px;
   float: left; }
    
a#schloss            { background: url(images/imgnav_schloss.jpg) no-repeat; }
a#rauch_museum       { background: url(images/imgnav_rauch_museum.jpg) no-repeat; }
a#schreibersches	   { background: url(images/imgnav_schreibersches.jpg) no-repeat; }
a#kaulbach           { background: url(images/imgnav_kaulbach.jpg) no-repeat; }
a#rauch_geburtshaus	{ background: url(images/imgnav_rauch_geburtshaus.jpg) no-repeat; }
    
	
/**************************************************************** 	content  */

#main {
}

#content {
    width: 550px;
    float: left;
    margin: 32px 0 0 42px; }
    
#content_plan {
    width: 550px;
    float: left;
    margin: 32px 0 0 42px;
    background: url(images/plan_bad_arolsen.gif);
    background-repeat: no-repeat; }
    
#content_plan img {
    width: 555px;
    height: 423;
    border: 0; }
    
.content_left {
    float: left;
    width: 351px;
}

.content_right {
    float: left;
    width: 150px;
    margin: 12px 0 0 26px;
}

.content_right_bu {
    width: 150px;
    padding: 2px 0 30px 0;
    font-size: 10px;
}

.content_right_bu a:hover, .content_right_bu a:link, .content_right_bu a:active, .content_right_bu a:visited {
    font-size: 10px;
	font-weight: normal;
}

/**************************************************************** 	footer  */

#footer {
    padding: 36px 0 48px 0; }