@import url("layout.css");
body {
	font-family: Century Gothic, Arial, Helvetica, Sans-Serif;
	font-size: 0.8em;
	background-color: #FFFFFF;
	color: #535353;
	background-attachment: scroll;
}
#container {
	width: 960px;
	margin: 10px auto;
}
h2, h3, h4, h5, h6 {
	font-weight: normal;
	color: #660000;
}
a {
	color: #797979;
	text-decoration: underline;
}
a:hover {
	color: #660000;
	text-decoration: none;
}
/* Mastertitel-Formatvorlagen  */
#masthead {
	text-align: right;
	padding:2px 3px 1px 3px;
	/*	width: 960px;
	margin: 0;
	border-top: 0px solid #dcdcdc;
	border-right: 0px solid #a9a9a9;
	border-left: 0px solid #a9a9a9; 
	border-bottom: 1px solid #d4d4d4;
	background-color: #f4f4f4; */
}
#masthead h1 {
	font-weight: normal;
	font: normal 33px century gothic, arial, helvetica, sans-serif; /* set font as desired */
	letter-spacing: 14pt;
	margin: 0;
	padding: 3px 3px 9px 0;
}
#masthead h1 span {
	letter-spacing: 0pt;
}
#masthead img {
	float: left;
	border-width: 0px;
	padding: 7px 0 0 3px;
	margin:0;
}

/* Navigationsformatvorlag */
#navigation {
	background-color: #fff;
}
#navigation ul { /* general settings */
	list-style: none;
    text-align: right; /* set to left, right or center */
	margin: 0; /* set margins as desired */
	padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
	border-bottom: 1px solid #660000; /* set border COLOR as desired */
	font: normal 13px century gothic, arial, helvetica, sans-serif; /* set font as desired */
}
#navigation li { /* do not change */
    display: inline;
}
#kontakt li.kontakt, #galerie li.galerie, #publikationen li.publikationen, #kuenstler li.kuenstler, #interaktionen li.interaktionen, #ausstellungen li.ausstellungen, #news li.news { /* settings for selected tab */
	border-bottom: 1px solid #fff; /* set border color to page background color */
	background-color: #fff; /* set background color to match above border color */
}
#kontakt li.kontakt a, #galerie li.galerie a, #publikationen li.publikationen a, #kuenstler li.kuenstler a, #interaktionen li.interaktionen a, #ausstellungen li.ausstellungen a, #news li.news a { /* settings for selected tab link */
	background-color: #fff; /* set selected tab background color as desired */
	color: #660000; /* set selected tab link color as desired */
/*	font-weight:bold;  wenn die Schrift anders ist als alle andere Tabs, dann stimmt die Höhr des Tabs bei IE nicht */
	text-decoration: none;
	cursor: default;
	border: 1px solid #660000; /* set border COLOR as desired */
	border-bottom: none;
	position: relative;
	top: 1px;
	padding-top: 4px; /* must change with respect to padding (X) above and below */
}
#navigation a { /* settings for all tab links */
	padding: 3px 8px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
	border: 1px solid #ccc; /* set border COLOR as desired; usually matches border color specified in #tabnav */
	background-color: #E7E7E7; /* set unselected tab background color as desired */
	color: #666; /* set unselected tab link color as desired */
	margin-right: 3px; /* set additional spacing between tabs as desired */
	text-decoration: none;
	border-bottom: none;
}
#navigation a:hover { /* settings for hover effect */
	color: #fff;
	background-color: #660000;
}

/* Inhaltsformatvorlagen */

#content {
	clear: left; /* auflösung aus masthead */  
	width: auto; /* ggf. exakt angeben wenn sitenav? */
	margin: 10px 10px 10px 10px;;
	padding: 10px 0px 10px 0px;
}
#sidenav { /* für sites mit side navigation */
	position: relative;
	float: left;
	width: 138px;
	margin: 0px 10px 10px 0;
	padding:0;
}
#sidenav p {
	font-weight:bold;
	margin: 0;
	padding: 0;
}
#sidenav ul {
	list-style-type: none;
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}
#sidenav li {
	display: block;
	margin: 0;
	padding: 0;
	border: 1px solid #fff;
	background-color: #fff;
}
#sidenav a {
	text-decoration: none;
	display: block;
	padding: 5px;
	border: 1px solid #fff;
	background-color: #fff;
}
#sidenav a:hover {
	color: #fff;
	text-decoration: none;
	border: 1px solid #660000;
	background-color: #660000;
}
#maincontent {
	float: left;
	width: 792px;
/*	margin: 10px 10px 10px 10px;;
	padding: 10px 0px 10px 10px;
	background-color: #fff; */
}
#content h1 {
	font-weight: normal;
	color: #666666;
}
#content img {
	float:right; 
	padding: 5px;
	margin: 0px 0px 5px 5px;
	border: 1px solid #808080;
}
#content img.pic1 {
	float:right;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #808080;
}
#content p.pic{
	clear:right;
	float:right;
	font-size:x-small;
	margin-left:20px;
	margin-bottom:6px;
	text-align: right;
}
#content .icon1 {
	border: 0px solid #808080;
	float: left;
}
#content h4 {
	padding: 10px 0 5px 0;
	margin: 0px 0px 0px 0px;
}
#content p {
	padding: 0 0 15px 0;
	margin: 0px 0px 0px 0px;
}
#content li {
/*	list-style:none; */
	padding: 0 0 5px 0;
}
#content hr  {
	clear:both;
	height:
	color: #660000;
}
#content table {
	width:100%;
	margin-bottom:20px;
}
#content td {
	vertical-align:top;
	padding-bottom:4px;
}
#content td.first {
	width:100px;
}
#maincontent h3 {
	padding:0 0 10px 0;
	margin:0;	
}
#imagebox {
	clear: both;
	width: 792px;
	background-color: #fff;
	padding-bottom: 20px;
	color: #939393;
}
#imagebox img{
	margin:8px;
	float: left;
}
#imagebox p{
	clear: left;
	border-top: 1px solid #dcdcdc;
	padding-top: 6px;
}

/* Fußzeilen-Formatvorlagen */
#footer {
	text-align: right;
	clear: both;
/*	width: 960px; */
	padding: 3px 3px 5px 3px;
	border-top: 1px solid #660000;
	background-color: #fff;
}
#footer p {
	font-size:0.9em;
	margin: 5px 0 0 0; 
	padding:0;
}
#footer a {
	color: #808080;
	text-decoration: none;
}
#footer a:hover {
	color: #660000;
	text-decoration: underline;
}
#footer img {
	border-width: 0px;
	margin: 0;
	padding: 0;
}
#kontakt a.kontakt, #galerie a.galerie, #publikationen a.publikationen, #kuenstler a.kuenstler, #interaktionen a.interaktionen, #ausstellungen a.ausstellungen, #aktuell a.aktuell {
	color: #660000;
	text-decoration: none;
	cursor: default;
}
#bvdg {
	float:left;
	text-align:left;
	margin:0;
	padding:10px 0 0 0px;
	width:200px;
}
#bvdg img {
	vertical-align:text-bottom;
	margin:0 0 2px 0;
}
#bvdg p {
	font-size:x-small;
	margin:0;
	padding:0;
}

/* allgemeine styles */
.style_bold {
	font-weight: bold;
}
.style_italic {
	font-style: italic;
}
.style_center {
	text-align: center;
}
.style_clear {
	clear: both;
}

.style_xxlarge {
	font-size: xx-large;
}
#content p.line {
	clear: both;
	border-bottom: 1px solid #660000;
	margin: 0 0 10px 0;
	padding: 0px;
}
#content p#clear {
	clear: both;
}