/* copyright ArtProLog 2007 Ursula Bartels */

/* BODY */
body                              { color: #666; font-size: 0.75em; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background-color: #f1e8d3; background-image: url("../images/layout/bgrd_body.jpg"); background-repeat: repeat-x; background-position: left top; text-align: center; margin: 0; padding: 0;}

/* PRE FORMAT */
p,pre           { margin: 0 0 2px }
img  { border-style: none }

h1,h2,h3,h4 {font-weight: bold; }
h1     	   { font-size: 1.6em; font-variant: small-caps; margin: 0; padding-bottom: 15px }
h2    	 { font-size: 1.2em; margin: 0 }
h3    	 { font-size: 1.1em; margin: 0 }
h4    	 { font-size: 1em; margin: 0 }

/* LINK */
a,
a:link,
a:visited,
a:hover,
a:active   { color: #AC6421; font-weight: normal; text-decoration: none }
a:hover  { color: #AC6421; text-decoration: underline }

/* CLASSES */
.clearer {clear: left; }

/* LOGO PRINT*/
#logo_print {display: none}

/* CONTAINER */
#container-box {width: 955px;text-align: center; margin: auto; height: 100%; }
#container                    { text-align: center; margin: auto; position: relative; z-index: 10; width: 955px; height: 100%; clear: both }

#bgrd-bottom  { background-image: url("../images/layout/bgrd_bottom.jpg"); background-repeat: repeat-y; position: absolute; z-index: 5; top: 0; width: 955px; height: 100% }

/* NAVIGATION */
#navigation 	    { text-align: left; width: 100%; height: 22px }
/* #navigation-bottom   { background-color: #54a1d3; border-bottom: 1px solid #036; margin-bottom: 10px; clear: both}*/

/* TOP */
#top     { background-image: url("../images/layout/bild_logo.jpg"); background-repeat: no-repeat; background-position: left top; width: 955px; height: 175px }

/* BILD */
#bild       { background-image: url("../images/layout/bild.jpg"); background-repeat: no-repeat; background-position: left top; display: block; width: 429px; height: 425px; float: left }
#bilder-klein     { background-image: url("../images/layout/bgrd_bilder_klein.jpg"); background-repeat: repeat-x; background-position: left top; margin: 0; padding: 9px 0 8px; width: 525px; height: 107px }
  
#bilder-klein  .csc-textpic-imagerow    {padding-right: 25px; float: left; clear: none }
#bilder-klein  dt       { display: block; position: relative; z-index: 50; top: -30px; width: 150px; height: 88px; overflow: hidden }
#bilder-klein  div.lupe        { background-image: url("../images/misc/lupe.jpg"); background-repeat: no-repeat; background-position: left top; position: relative; z-index: 100; top: 58px; left: 0; width: 32px; height: 30px }

/* CONTENT */
#contentbox         { background-color: #f7f2e5; background-image: url("../images/layout/bgrd_content.jpg"); background-repeat: repeat-x; background-position: left top; text-align: left; display: block; margin: 0; padding: 0; width: 525px; height: 425px; float: left }

#content	     		        { margin-top: 10px; margin-bottom: 8px; padding-right: 5px; width: 510px; height: 300px; overflow: auto }

/* FOOTER */
#footer 		         { font-size: 0.9em; text-align: left; margin-top: 390px; margin-right: 40px; margin-left: 10px }
#footer a,
#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active   { color: #AC6421; font-weight: normal; text-decoration: none }
#footer a:hover  { text-decoration: underline }

/* FORM */
input,textarea,select      { color: #666; background-color: #fff; padding: 1px; border: solid 1px #BFB49F; width: 170px }
form,fieldset  { margin: 0; padding: 0; border-style: none }
label     { text-align: left; display: block; width: 100px; float: left }
.csc-mailform-field  { margin-bottom: 5px; clear: left }
.csc-mailform-submit    { color: #666; margin-top: 5px; margin-left: 100px; width: 174px }