*   {
   margin:0; padding:0; font-family:Geneva, Arial, Helvetica, sans-serif;
}
html, body   {
   height:101%;
}

body   {
   background-color: #fff; color:#999; font-size:83.01%;
}

h2, h3, legend   {
   font-size:1.2em; margin-left:25px;}
   
h3 {
    margin-top:20px;}

a   {
   color:#999; text-decoration:none;}

.link   {
    color:#a23742;}

a:hover {
   text-decoration:underline; color:#a23742;}
   
#links_body a:hover {
background-color:#efefef;
}

blockquote {
   font-style:italic; margin:3px 0; width:190px; text-align:left;}

#distance    {
   float:left; width:1px; height:50%;
}

div#outer   {
   position:relative; margin:25px auto; width:850px;
}
div#main_content   {
   margin-left:10em;width:686px; background:url(../site_images/middle_bg.gif) top center repeat-y; 
}

div#main_content h1   {
   background:url(../site_images/top_bg.gif) top center no-repeat; height:30px;
}

div#main_content h1 span   {
   position:absolute; left:-9999px;
}

div#logo   {
   solid #999; width:200px; margin-top:3px; margin-right:35px;float:right; padding:7px;
}

div#logo img {
   border:none; margin-left:0px; 
   margin-bottom:20px;
}


p {
   margin-bottom:1em; padding:3px;}

#main_content img   {
   padding:2px; border:3px solid #fff; margin-left:14px; margin-right:6px;
}

#main_content img:hover  {
   border-color:#ededed;
   background-color:#fff;
}

.separator   {
   clear:both; visibility:hidden;
}

div#footer   {
   clear:both; height:30px;text-align:right; font-style:italic; background:url(../site_images/bottom_bg.gif) bottom center no-repeat;
  }

div#footer p   {
   margin-top:5px; margin-right:25px;
}

/* 
    Main-Navigation 
	###############################################################################################################
*/
div#main_nav {float: left; width: 8em; margin:30px 0 0 -1px;}
div#main_nav ul {margin: 0; padding: 0; width: 6.95em; background: white;}
div#main_nav li {position: relative; list-style: none; margin: 0;
  border-bottom: 1px solid #fff;}
div#main_nav li:hover {background: #eee;}
div#main_nav li.sub_menu:hover {background-color: #efefef;}
div#main_nav li a {display: block; padding: 0.1em 0.2em;
  text-decoration: none; width: 7em;}
div#main_nav li a:hover {
  color:#a23742; text-decoration:underline;}
div#main_nav>ul a {width: auto;}
div#main_nav ul ul {position: absolute; top: 0; left: 7em; width:9.2em; border:1px dotted #bbb; display: none; z-index:100;}
div#main_nav ul.level_1 {
margin-bottom:2em;
}
div#main_nav ul.level_1 li.sub_menu:hover ul.level_2, 
div#main_nav ul.level_2 li.sub_menu:hover ul.level3 {display:block; z-index:101;} 

/* Der Link wo ich bin wird besonders ausgezeichnet: */
#start_body #special_offer, 
#ausstellung_body #ausstellung,
#aktuelles_body #aktuelles,
#portrait_body #portrait, 
#kinder_body #kinder, 
#hochzeit_reportage_body #hochzeit, 
#hochzeit_portrait_body #hochzeit, 
#erotik_body #erotik, 
#freistil_body #freistil, 
#altstadtfuehrer_body #werbung,
/*#capalua_body #werbung,*/
#ideenexpo_body #werbung,
#cebulla_body #werbung,
#dr_duve_body #werbung,
#salon_kuck_body #werbung,
#sanitaer_martin_body #werbung,
#endloser_horizont_body #Standfotos,
#museumsnacht_body #Standfotos,
#grenzgaenger_body #Standfotos,
#fruehstyxradio_body #werbung,
#phenos_body #werbung,
#sehusa_wasserwelt_body #werbung,
#viscom_body #werbung,
#stammtisch_body #reportage,
#asphalt_body #reportage,
#veranstaltung_body #veranstaltung, 
#referenzen_body #referenzen, 
#vita_body #vita,
#kontakt_body #kontakt,
#impressum_body #impressum, 
#links_body #links
{
   color:#a23742; text-decoration:underline; background-color:#efefef;}
/*
   Seitenspezifische Formatierungn
   #################################################################################################################
*/

/*  Startseite ##################################################################################################### */
/* Weihnachtsseite: */
/*#special_offer {
color:#900; font-weight:bold;
margin-bottom:10px;
}

#start_body p.start_content {
margin-left:20px;
margin-right:270px;
}
*/
#xmas-special {
width:351px;
height:530px;
background-image:url(../site_images/xmas.jpg);
margin-left:35px;
padding-bottom:5px;
}

#start_body #aktuell {
margin-right:20px;
margin-left:20px;
}

#xmas-special h3, #xmas-special p {
line-height:0;
text-indent:-9999em;
}


#vita_body #main_content table {
   background:url(../site_images/vita_bg.gif) 0px 10px no-repeat;}
#start_body div#main_content #start_img, #start_body div#main_content #start_img a  {
   margin-left:25px; border:none;
}

#start_body h2 {
   display:none;}
   
#start_body h3 {
color:#be0030;
margin-top:10px;
}

p.start_content a {
color:#be0030;
font-weight:bold;
}

#teaser {
position:relative;
color:#be0030;
border-bottom:2px solid #ddd;
background:#f9f9f8 url(../images/snowflake_bg.png) top left repeat-x;
height:150px;
}

#teaser_content {
width:800px;
margin:0 auto;
padding-top:2em;
}

#teaser #show_hide {
position:absolute;
text-align:center;
width:800px;
top:125px;
}
#teaser a {
background:url(../images/grey_top_arrow.png) center right no-repeat;
padding-right:24px;
padding-bottom:6px;
}
#teaser a:hover, #teaser a:focus {
background-image:url(../images/red_top_arrow.png);
}

#teaser h2 {
display:block;
color:#be0030;
}

#teaser p {
text-align:right;
margin:0.5em auto;
}

#teaser span {
float:right;
font-style:italic;
}
/* 
 -------------------------------------------------------------------------------------------------------------------
    Aktuelles */
img#kroepcke_pic {
margin:0;
padding:10px 10px 10px 0;
border:0;
float:left;
}

/*
---------------------------------------------------------------------------------------------------------------------
    Ausstellung
---------------------------------------------------------------------------------------------------------------------
*/
#ausstellung_body h2 {
margin-bottom:10px;
}

#ausstellung_body table.preise  {
margin-left:0;
}

#ausstellung_body table.preise td.currency {
text-align:right;
}
#copyright_info {
font-weight:bold;
margin-top:10px;
color:#a23742;
}  
/* Dr. Duve Inkasso
---------------------------------------------------------------------------------------------------------------------
*/
#dr_duve_body p {
    margin-left:20px;}

/* Die Seiten "Links", "Referenzen" und "Vita"
---------------------------------------------------------------------------------------------------------------------
*/
#main_content table, #main_content ul {
   margin-left:22px;}
#main_content table a, #main_content ul a {
   color:#a23742;}
td, th, #main_content li {
   text-align:left; vertical-align:top; padding-right:0.5em;}
th, li.heading {
   padding-top:1em; font-weight:bold; list-style:none;}
#main_content li {
   list-style:circle outside; margin-left:17px;}
#vita_body #main_content th {
   font-weight:normal;}
#impressum_body #main_content p.impressum, .entry {
margin-right:22px;
margin-left:23px;
}
ul {
padding-top:1em;
}
/* ".entry" sind die Eintraege in der Seite "Aktuelles" und "Ausstellung" */
.entry h3 {
font-size:1em;
margin-left:3px;
}

hr {
clear:both;
background-color:#fff;
color:#fff;
line-height:0;
visibility:hidden;
}
   
/* Kontaktformular
----------------------------------------------------------------------------------------------------------------------
*/
#kontakt_body form {
margin:0 270px 20px 20px;
}
#kontakt_body fieldset {
border:none;
}

#kontakt_body legend {
font-weight:bold;
}

#kontakt_body label {
padding-top:10px;
display:block;
}

#kontakt_body input, #kontakt_body textarea {
width:100%;
padding:1px;
}

#kontakt_body input:focus, #kontakt_body textarea:focus {
background-color:rgb(245,245,245);
border:2px solid #aaa;
}

#kontakt_body input .error {
border:2px solid red;}

#kontakt_body #absenden {
margin-top:5px;
width:6em;
}

/* Die Antwort im Browser-Fenster */
#thx {
    font-size:1.2em;
	margin:100px 20px 0 20px;
	text-align:center;
}

/* Seite "Aktuelles" */


img#making_of, img#lexikon, img#halbeWahrheit {
float:left;
margin-left:0;
}
