/* ############# layout ############# */

* { padding: 0; margin: 0; }

body {
    color: black;
    background-color: white;
    font: 10px arial;
}

a { text-decoration: none;
    outline: none;
    color: #000000;
    font: 10px arial;
    font-weight: normal;
}

a img { border: none; }

.hidepics {
    width: 0px;
    height: 0px;
    display: none;
}

p.grau {
    background-color: #e0e0e0;
}

p.hell {
    background-color: #e0e0e0;
}

#sidebar a:hover {
    background-color: #ffffff;
	color: #000000;
	font-size: 10px;
	font-weight: normal;
}

/* ## ALLGEMEIN ## */
#wrapper {
    width: 566px;
}

#kopfbereich {
    margin-bottom: 10px;
}

#textbereich {
    float: left;
    width: 75%;
    padding-bottom: 20px;
}


#sidebar {
   float: right;
   width: 25%;
   margin-bottom: 20px;
   color: #848484;
   font-style: italic;
}

#sidebar a {
    color: #848484;
    font: 10px arial;
}

#sidebar h2 {
    color: #848484;
    font: 10px arial;
    font-weight: bold;
}

#sidebar li {
    list-style-type: none;
}

/*#fussbereich {
    clear: both;
    color: black;
    text-align: center;
    border-top: 1px solid #999999;
    border-width: 1px;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 5px;
}*/



/* ## NAVIBEREICH ## */
#navibereich {
    width: 271px;
    margin-left: auto;
    margin-right: auto;
}

#navibereich a {
	text-decoration: none;
    outline: none;
    color: #000000;
    font: 10px arial;
    font-weight: normal;
}

#navibereich a:hover {
	color: #FFFFFF;
	font-weight: normal;
	background-color: #CCCCCC; 
}

#navibereich p {
    margin-bottom: 16px;
}

.navitext {
    margin-bottom: 20px;
}

/* NAVIBEREICH HOVER */
a.artworksimg {
    display:block;
    width:271px;
    height:16px;
    background-image: url(images/nav_artworks.jpg);
}

a.artworksimg:hover {
    background-image: url(images/nav_artworks_hover.jpg);
}

a.exhibitionsimg {
    display:block;
    width:271px;
    height:16px;
    background-image: url(images/nav_exhibitions.jpg);
}

a.exhibitionsimg:hover {
    background-image: url(images/nav_exhibitions_hover.jpg);
}

a.imprintimg {
    display:block;
    width:271px;
    height:16px;
    background-image: url(images/nav_imprint.jpg);
}

a.imprintimg:hover {
    background-image: url(images/nav_imprint_hover.jpg);
}

a.paintingsimg {
    display:block;
    width:271px;
    height:16px;
    background-image: url(images/nav_paintings.jpg);
}

a.paintingsimg:hover {
    background-image: url(images/nav_paintings_hover.jpg);
}

/* ## EXHIBITIONSTEXT ## */
#exhibitionstext {
    width: 271px;
    margin-left: auto;
    margin-right: auto;
}

#exhibitionstext h2 {
    margin-bottom: 15px;
}

#exhibitionstext a {
	text-decoration: none;
    outline: none;
    color: #000000;
    font: 10px arial;
    font-weight: normal;
}

#exhibitionstext a:hover {
    background-color: #CCCCCC;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: normal;
}

#exhibitionstext p {
    margin-bottom: 10px;
    /*border-bottom: 1px solid #717375;*/
}

/*#exhibitionstext img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 4px;
}*/


/* ## IMPRINTTEXT ## */
#imprinttext {
    width: 271px;
    margin-left: auto;
    margin-right: auto;
}

#adresse {
    margin-bottom: 20px;
}

#imprinttext h2 {
    margin-bottom: 5px;
}

#imprinttext h3 {
    font: 10px arial;
}

#imprintbutton {
    border: 1px solid #999;
    margin-bottom: 5px;
}

#imprintimg {
    margin-bottom: 30px;
}

#imprintimg p.webphoto {
    margin-top: 5px;
    margin-bottom: 10px;
}

#imprintimg img.left {
    float: left;
}

#imprintimg img.right {
    float: right;
}

#imprintimg img.center {
    margin-left: 20px;
}

p.grau {
    background-color: #e0e0e0;
}

/* ## PAINTINGSTEXT ## */
#paintingstext {
    width: 271px;
    margin-left: auto;
    margin-right: auto;
}

#paintingstext h2 {
    font: 10px arial;
}

#paintingstext p {
    margin-bottom: 10px;
}

#grauschattig  { text-shadow:#e0e0e0 3px 3px; font-size:1em; color:#000000; }

/* ## ARTWORKSTEXT ## */
#artworkstext {
    width: 271px;
    margin-left: auto;
    margin-right: auto;
}

#artworkstext h2 {
    font: 10px arial;
}

#artworkstext a:hover {
    background-color: #CCCCCC;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: normal;
}