body {
background: #fff url(../img/body_ws.jpg);
padding:0px;
margin:0px;color:#992629;
}
a {outline-color:#fff}
a {color: #A1A6AA;text-decoration:none;}
a:visited {color:#CC0001;}
a:hover {color: #555;}
a:active { color:#CB0514;}
p {
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
font-size:0.80em;
line-height:1.5em;
color:#A1A6AA;
padding: 10px 20px;
margin:0px;
line-height: 1.5;
}

h1 {
display:none;
}
h2 {
font-size: 0.8em;
  font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
  font-weight:bold;
  color:#CB0514;
  margin-left:8px; 
}
.font_intro{
  font-size: 0.85em;
  font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
  font-weight:bold;
  color:#992629;
}
.font_1{
  font-size: 0.85em;
  font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
  font-weight:bold;
  color:#555; 
  margin-left:6px;
}
.font_vita{
  font-size: 1.0em;
  font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
  font-weight:bold;
  color:#CC0001; 
  margin-left:6px;
}
.li_text{
  font-size: 0.9em;
  font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
  color:#5B5445; 
}
.li_red{
  font-size: 1.0em;
  font-weight:bold;
  font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
  color:#CC0001; 
}
.links{
  font-size: 1.0em;
  font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
  color:#CC0001; 
}

img.download {vertical-align:middle;}

/* ----------container zentriert das layout-------------- */
#container {
position:absolute;
margin:-260px 0px 0px -414px;
top: 50%; 
left: 50%;
background:#fff;
width: 830px;
height:520px;

} 

/* ----------banner for logo-------------- */
#banner_intro {
height:56px;
width:830px;
text-align: right;
background: #fff url(../img/monae_ws.jpg) no-repeat center right;
padding: 0px;
margin: 0px; 
}

#banner {
height:56px;
width:830px;
text-align: right;
background: #fff url(../img/vita_ws.png) no-repeat top right;
padding: 0px;
margin: 0px; }
#banner_impressum {
width:830px;
height:56px;
text-align: right;
background: #fff url(../img/impressum_ws.png) no-repeat top right;
padding: 0px;
margin: 0px; }
#banner_kontakt {
width:830px;
height:56px;
text-align: right;
background: #fff url(../img/kontakt_ws.png) no-repeat top right;
padding: 0px;
margin: 0px; }
#banner_links {
width:830px;
height:56px;
text-align: right;
background: #fff url(../img/links_ws.png) no-repeat top right;
padding: 0px;
margin: 0px; }

#banner img {padding:10px 0px;} 

/* ----------outer und inner----------------- */
#outer{ 
height:400px;
border-left: solid 260px #fff;  /* linke Menue Spalten Farbe  */ 
background-color: #fff; /* Farbe fuer Inhalt Spalten  */
} 
#outer_impressum{ 
height:400px;
border-left: solid 414px #fff;  /* linke Menue Spalten Farbe  */ 
background-color: #fff; /* Farbe fuer Inhalt Spalten  */
}
#outer_kontakt{ 
height:400px;
border-left: solid 0px #fff;  /* linke Menue Spalten Farbe  */ 
background-color: #fff; /* Farbe fuer Inhalt Spalten  */
}

#inner{ margin:0px; width:100%; } /* die IE PC schlaufe */ 

/* --------------navigavtion Links------------- */
#menu_links {
float:right;
  margin:0; 
  padding:0; 
  width:600px;
  height:110px;
  overflow:hidden; 
  background:#fff;
  text-align:center;
  }
#menu_links li {
  display:inline;
  list-style-type:none; 
  }
#menu_links li a {
  display:block;
  float:right;
  text-decoration:none; 
  margin:0; 
  }
#menu_links li a img {
  opacity:0.5;
  margin:0;
  border:0;
  float:left;
  }
#menu_links li a span {
  display:none; 
  }
#menu_links li a:hover {
  background:#fff;
  }
#menu_links li a:hover img {
  opacity:1;
  }
#menu_links li a:hover span {
  width:11em;
  color:#aaa;
  display:block; 
  cursor:pointer;
  float:left;
  }
#menu_links .h2 {
  margin:0 auto; 
  padding:0; 
  color:#CD0000; 
  font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
  font-variant:small-caps; 
  font-size:0.75em; 
  border:0;
  }
#menu_links .h3 {
  margin:0 auto; 
  padding:0; 
  font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
  font-size:0.85em; 
  color:#000;
  }
.outer {
  background:transparent; 
  font-size:0.9em;
  }


/* --------------left navigavtion------------- */
#left_intro {
 background:#fff url(./img/blume_ws.jpg) no-repeat top left;
 width:260px; 
 height:400px;
 float:left; 
 position:relative; 
 margin-left:-260px; 
 border-left:0px solid #fff;
 border-top:0px solid #A1A6AA;
 border-bottom:0px solid #A1A6AA;
 }

#left {
 background:#fff url(../img/mona_ws.jpg) no-repeat center;
 width:260px; 
 height:400px;
 float:left; 
 position:relative; 
 margin-left:-260px; 
 border-left:1px solid #fff;
 border-top:1px solid #A1A6AA;
 border-bottom:1px solid #A1A6AA;
 }
 #left_impressum {
 background:#fff;
 width:414px; 
 height:400px;
 float:left; 
 position:relative; 
 margin-left:-414px; padding-left:0px;
 border-left:1px solid #fff;
 border-top:1px solid #A1A6AA;
 border-bottom:1px solid #A1A6AA;
 }
 #left_kontakt {
 background:#fff;
 width:830px; 
 height:auto;
 float:left; 
 position:relative; 
 margin-left:0px; 
 border-left:0px solid #A1A6AA;
 border-top:0px solid #A1A6AA;
 border-bottom:0px solid #A1A6AA;
}

/* -----------------Inhalt--------------------- */
#content_intro{ 
z-index:0;
background:#fff url(../img/start_ws.jpg) no-repeat bottom right;
height:400px;
Width:100%;
margin:0; 
border-right:0px solid #A1A6AA;
border-top:0px solid #A1A6AA;
border-bottom:0px solid #A1A6AA;
overflow:auto;
}
#content{ 
position: relative; 
height:400px;
margin: 0px 0 0 0px; 
border-right:0px solid #A1A6AA;
border-top:1px solid #A1A6AA;
border-bottom:1px solid #A1A6AA;
overflow:auto;
}
#content_kontakt{ 
text-align:center;
width:830px; 
height:400px;
border-right:0px solid #A1A6AA;
border-top:1px solid #A1A6AA;
border-bottom:1px solid #A1A6AA;
overflow:auto;
}
#middle{
text-align:center;
margin:auto;
width:502px;
height:auto;
background:#fff;
}

pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}

/*  ----------------footer---------------------- */ 
#footer_intro {
float:left;
background:#fff;height:auto;width:828px;
} 

#footer {
background:#fff;
clear:left;
padding:0px;
margin:0px;
text-align: right; } 
/*------------------Vita-------------------------*/
#navlist_o li { 
list-style-image: url(../img/list.gif);
list-style-type: none;
padding:5px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
font-size:0.8em;
line-height:1.5em;
color:#A1A6AA;
}
#navlist_u li { 
list-style-image: url(../img/list.gif);
list-style-type: none;
padding:5px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
font-size:0.8em;
line-height:1.5em;
color:#A1A6AA;
}
/*-----------------Navigaion-Footer-----------------------*/
#navcontainer_f{
background:transparent;

}
#navlist_f {display:block; height:20px; }
#navlist_f ul {margin:0; padding:0; list-style-type:none;}
#navlist_f li {float:right; margin-right:0px; display:block; width:100px; border:0px solid #000;}
#navlist_f li.home {background:transparent url(../img_nav/home_ws.jpg) no-repeat;}
#navlist_f li.list1 {background:transparent url(../img_nav/kontakt_ws.jpg) no-repeat;}
#navlist_f li.list2 {background:transparent url(../img_nav/impressum_ws.jpg) no-repeat;}
#navlist_f li.list3 {background:transparent url(../img_nav/vita_ws.jpg) no-repeat;}
#navlist_f li.list4 {background:transparent url(../img_nav/links_ws.jpg) no-repeat;}

#navlist_f a {display:block; width:100px; padding-top:20px; height:0; color:#A1A6AA; text-decoration:none; overflow:hidden;}
* html #navlist_f a:link, * html #navlist_f a:visited {height:20px; color:#fff;}

#navlist_f a#item4 {background:transparent url(../img_nav/links_ws_a.jpg) -100px -20px no-repeat;}
#navlist_f a#item1 {background:transparent url(../img_nav/vita_ws_a.jpg) -100px -20px no-repeat;}
#navlist_f a#item2 {background:transparent url(../img_nav/impressum_ws_a.jpg) -100px -20px no-repeat;}
#navlist_f a#item3 {background:transparent url(../img_nav/kontakt_ws_a.jpg) -100px -20px no-repeat;}
#navlist_f a#home_a {background:transparent url(../img_nav/home_ws_a.jpg) -100px -20px no-repeat;}

#navlist_f a#item1:hover {background-position:top right; z-index:50;}
#navlist_f a#item2:hover {background-position:top right; z-index:50;}
#navlist_f a#item3:hover {background-position:top right; z-index:50;}
#navlist_f a#item4:hover {background-position:top right; z-index:50;}
#navlist_f a#home_a:hover {background-position:top right; z-index:50;}

/*-----------------Navigaion-der Links-----------------------*/
#navcontainer_links{
background:transparent;padding:3px;
}
#navlist_links {display:block; height:20px; }
#navlist_links ul {margin:0; padding:0px; list-style-type:none;}
#navlist_links li {float:right; margin-right:0px; display:block; width:100px; border:0px solid #000;}
#navlist_links li.home {background:transparent url(../img_nav/home_ws.jpg) no-repeat;}
#navlist_links li.list1 {background:transparent url(../img_nav/kontakt_ws.jpg) no-repeat;}
#navlist_links li.list2 {background:transparent url(../img_nav/impressum_ws.jpg) no-repeat;}
#navlist_links li.list3 {background:transparent url(../img_nav/vita_ws.jpg) no-repeat;}

#navlist_links a {display:block; width:100px; padding-top:20px; height:0; color:#929292; text-decoration:none; overflow:hidden;}
* html #navlist_links a:link, * html #navlist_links a:visited {height:20px;}

#navlist_links a#item1 {background:transparent url(../img_nav/kontakt_ws_a.jpg) -100px -20px no-repeat;}
#navlist_links a#item2 {background:transparent url(../img_nav/impressum_ws_a.jpg) -100px -20px no-repeat;}
#navlist_links a#item3 {background:transparent url(../img_nav/vita_ws_a.jpg) -100px -20px no-repeat;}
#navlist_links a#home_a {background:transparent url(../img_nav/home_ws_a.jpg) -100px -20px no-repeat;}

#navlist_links a#item1:hover {background-position:top right; z-index:50;}
#navlist_links a#item2:hover {background-position:top right; z-index:50;}
#navlist_links a#item3:hover {background-position:top right; z-index:50;}
#navlist_links a#home_a:hover {background-position:top right; z-index:50;}

* html #navlist_links a{color:#000;}
* html- #navlist_links a:hover {height:20px; he\ight:0;}


/*-----------------Navigaion-vita-----------------------*/
#navcontainer_f{
background:transparent;

}
#navlist_v {display:block; height:20px; margin-right:18px;}
#navlist_v ul {margin:0; padding:0; list-style-type:none;}
#navlist_v li {float:right; margin-right:0px; display:block; width:100px; border:0px solid #000;}
#navlist_v li.home {background:transparent url(../img_nav/home_ws.jpg) no-repeat;}
#navlist_v li.list1 {background:transparent url(../img_nav/kontakt_ws.jpg) no-repeat;}
#navlist_v li.list2 {background:transparent url(../img_nav/impressum_ws.jpg) no-repeat;}
#navlist_v li.list3 {background:transparent url(../img_nav/linksvita_ws.jpg) no-repeat;}

#navlist_v a {display:block; width:100px; padding-top:20px; height:0; color:#A1A6AA; text-decoration:none; overflow:hidden;}
* html #navlist_v a:link, * html #navlist_v a:visited {height:20px;}


#navlist_v a#item1 {background:transparent url(../img_nav/linksvita_ws_a.jpg) -100px -20px no-repeat;}
#navlist_v a#item2 {background:transparent url(../img_nav/impressum_ws_a.jpg) -100px -20px no-repeat;}
#navlist_v a#item3 {background:transparent url(../img_nav/kontakt_ws_a.jpg) -100px -20px no-repeat;}
#navlist_v a#home_a {background:transparent url(../img_nav/home_ws_a.jpg) -100px -20px no-repeat;}

#navlist_v a#item1:hover {background-position:top right; z-index:50;}
#navlist_v a#item2:hover {background-position:top right; z-index:50;}
#navlist_v a#item3:hover {background-position:top right; z-index:50;}
#navlist_v a#home_a:hover {background-position:top right; z-index:50;}

/*-----------------------switcher------------------*/
#switcher{
width:auto;
height:auto;
margin:0;
padding:0;
}
#switch ul {margin:0; padding:0; list-style-type:none;}
#switch li {position:relative;left:-40px;float:left; margin:0px; display:block; width:70px; border:0px solid #A1A6AA;}
#switch li.list1a {background:transparent url(../img_nav/black_ws.jpg) no-repeat;}
#switch li.list2a {background:transparent url(../img_nav/white_ws.jpg) no-repeat;}

#switch a {display:block; width:70px; padding-top:20px; height:0; color:#A1A6AA; text-decoration:none; overflow:hidden;}
* html #switch a:link, * html #switch a:visited {height:20px;color:#fff;}

#switch a#item1a {background:transparent url(../img_nav/black_ws_a.jpg) -70px -20px no-repeat;}
#switch a#item2a {background:transparent url(../img_nav/white_ws_a.jpg) -70px -20px no-repeat;}

#switch a#item1a:hover {background-position:top right; z-index:50;}
#switch a#item2a:hover {background-position:top right; z-index:50;}

/*-----------------Formular-----------------*/
.formular {
 background:transparent;
 padding-top:30px;
 width:auto;
 border:0px solid #333;
 text-align:left;
}
.fehler {
 color:<?php echo $fehlercolor ; ?>;
 text-align:left;
}
.box {
 margin-top:0px;
}
.um {
 margin-left:0px;
}
.bez {
 float:left;
 text-align:left;
 width:9.5em;
 line-height:25px;
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 0.8em;color:#A1A6AA;
 }
 
input {
 margin-top:5px;
}
.nachricht {
 clear:both;
 text-align:left;
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 0.8em;color:#A1A6AA;
}
.button{
text-align:center;
}
/*-----------------startseite-----------------*/

/* set up the overall width of the menu div, the background image and the margins */
.menu {
font-family: verdana, arial, sans-serif; 
width:260px;
height:400px;
margin:80px 0px;
background:transparent url(../img_nav/nav_ws.jpg) no-repeat left bottom;
position:relative;
}
/* remove the bullets and set the margin and padding to zero for the unordered list and position it over the menu background image */
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
position:absolute;
left:0px;
top:200px;
width:260px;
height:200px;
}
/* float the list so that the items are vertical with no gaps and their position relative so that the drop down list will appear in the right place to the right of each list item */
.menu ul li {
float:left; 
position:relative;
width:260px;
}
/* style the links to be 260px wide by 30px high. place the text off screen. */
.menu ul li a, .menu ul li a:visited {
display:block; 
text-indent:-1000px; 
width:260px; 
height:30px;
text-decoration:none;
}

/* set up the background list/link img relative to this css file */
li:hover.map1 {background:transparent url(../img_nav/objekt_a_ws.jpg);}
li:hover.map2 {background:transparent url(../img_nav/skulptur_a_ws.jpg);}
li:hover.map3 {background:transparent url(../img_nav/malerei_a_ws.jpg);}
li:hover.map4 {background:transparent url(../img_nav/fotografie_a_ws.jpg);}

li:hover.map1 em {display:block; z-index:1000;width:100px; height:100px; background:transparent url(../img/loading_ws.gif) no-repeat; 
position:absolute; top:-150px; left:5px;}
li:hover.map2 em {display:block; z-index:100;width:100px; height:100px; background:transparent url(../img/loading_ws.gif) no-repeat; 
position:absolute; top:-180px; left:5px;}
li:hover.map3 em {display:block; z-index:100;width:100px; height:100px; background:transparent url(../img/loading_ws.gif) no-repeat; 
position:absolute; top:-210px; left:5px;}
li:hover.map4 em {display:block; z-index:100;width:100px; height:100px; background:transparent url(../img/loading_ws.gif) no-repeat; 
position:absolute; top:-240px; left:5px;}

/*----------------------Links--------------------*/
.container {background:#fff;width:100%;height:420px;}

ul.tabs {
font: 0.75em/1em "Lucida Grande", Verdana, Tahoma, Helvetica, Arial, sans-serif; /* 1em = 12px at 96ppi */
   	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: auto;
	border: 1px solid #C8CED3;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #C8CED3;
	border-left: none;
	margin-bottom: -1px;
	background: #fff;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #929292;
	display: block;
	font-size: 1.0em;
	font-weight:bold;
	padding: 0 16px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover {
	background: #000;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #CC0001;
	border-bottom: 1px solid #fff;
}
.tab_container {
	border: 1px solid #C8CED3;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	height:100%;
	background: #fff;
	
}
.tab_content {
	padding: 20px;
	font-size: 1.0em;
}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font: 1.4em "Lucida Grande", Verdana, Tahoma, Helvetica, Arial, sans-serif; /* 1em = 12px at 96ppi */
	color:#CC0001;
}
.tab_content h3 a{
    font: 0.85em/1em "Lucida Grande", Verdana, Tahoma, Helvetica, Arial, sans-serif; /* 1em = 12px at 96ppi */
	color: #5B5445;
}
.tab_content p {
	font-weight: normal;
	line-height: 150%;
	padding-bottom: 10px;
	border-bottom: 0px dashed #ddd;
	font: 0.9em/1em Verdana, Tahoma, Helvetica, Arial, sans-serif; /* 1em = 12px at 96ppi */
}
.tab_content img {
	float: left;
	margin: 0 20px 30px 0;
	border: 1px solid #ddd;
	padding: 5px;
}