@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; font:9pt Arial, Helvetica, sans-serif; }


body {  background-image:url(../images/bg.gif);	background-repeat:repeat-x; background-color:#e7e5e5; }

div#seite { width:900px; margin:30px auto 0 auto; }

div#navigation { width:750px; margin-left:109px; display:block; padding:25px 0 5px 1px; }

div#inhalt { width:805px; margin-left:109px; display:block; float:left; padding:25px 0 0 0; background:url(../images/bg_content.gif) repeat-y; }

div#linkeSpalte { width:565px; display:block; float:left; padding-bottom:15px;  }
div#rechteSpalte { width:220px; margin-left:20px; display:block; float:left; }

div#footer {  background-image:url(../images/footer.png); background-repeat:no-repeat;  height:200px; width:850px; margin-left:63px; display:block; float:left; }

/* Inhaltselemente */
div#linkeSpalte h1 { font:14pt Arial, Helvetica, sans-serif; font-variant:small-caps; border-bottom:1px dotted #AAA; text-indent:20px; color:#888; display:block; margin:20px 70px 10px 35px; }
div#linkeSpalte h2 { font:11pt Arial, Helvetica, sans-serif; font-variant:small-caps; text-indent:50px; color:#888; margin:10px 0 0 5px; font-weight:bold;}

div#linkeSpalte p {  display:block; color:#666; font:9pt Arial, Helvetica, sans-serif; padding:8px 50px 0 60px; line-height:13pt; margin:0 40px 0 0; text-align:justify; }
div#linkeSpalte p a { text-decoration:none; color:#F60; text-decoration:none; }
div#linkeSpalte p a:hover { text-decoration:none; color:#F60; text-decoration:underline; }

div#linkeSpalte ul {  margin:5px 50px 5px 75px; display:inline-block; }
div#linkeSpalte ul li { color:#666; font:9pt Arial, Helvetica, sans-serif; list-style-type:disc; margin-bottom:4px; }

div#linkeSpalte div.csc-textpic { display:block; float:left; margin:20px 0 0 50px; }
div#linkeSpalte div.csc-textpic-equalheight { display:block; float:left; margin:0; }

div#linkeSpalte div.csc-textpic h2 { text-indent:12px; }
div#linkeSpalte div.csc-textpic p { padding:8px 50px 0 20px; }


div#rechteSpalte h1 { font:14pt Arial, Helvetica, sans-serif; font-variant:small-caps; border-bottom:1px dotted #AAA; text-indent:10px; color:#fff; display:block; margin:20px 0 10px 0; }
div#rechteSpalte h2 { font:10pt Arial, Helvetica, sans-serif; font-variant:small-caps; color:#fff; margin:10px 0 0 10px; padding:0; font-weight:bold; }

div#rechteSpalte p {  display:block; color:#fff; font:8pt Arial, Helvetica, sans-serif; padding:8px 0 0 0; line-height:12pt; margin:0 0 30px 10px; font-weight:bold;  }
div#rechteSpalte p a {  color:#fff; font:8pt Arial, Helvetica, sans-serif; }

/* Subnavigation */
div#rechteSpalte ul { width:180px; display:block; float:left; font-weight:bold; }
div#rechteSpalte ul li { list-style-type:none; color:#fff; width:180px; float:left; margin:3px 10px 3px 20px; list-style-type:square; }
div#rechteSpalte ul li a { text-decoration:none; color:#fff; display:block; width:150px;  font-weight:bold; }
div#rechteSpalte ul li a:hover { text-decoration:none; color:#F60;  list-style-type:square; }

div#rechteSpalte ul li.aktiv { list-style-type:none; color:#666; width:150px; }
div#rechteSpalte ul li.aktiv a { text-decoration:none; color:#fff; background-color:#f30; display:block; width:150px; padding:2px 10px 2px 20px; }
div#rechteSpalte ul li.aktiv a:hover { text-decoration:none; color:#fff; background-color:#f30; list-style-type:square; }


/* Porrfolio */
div.bild_navigation { margin:15px 0 0 55px; width:500px; display:inline-block; }
div.bild_element { margin:0 15px 20px 0; padding:0 8px; width:200px; height:180px; display:inline-block; float:left; }
div.bild_element p  { margin:0 !important; padding:8px !important; font:9pt Arial, Helvetica, sans-serif; text-align:center !important; }
div.bild_element p a { color:#AAA; text-decoration:none; }
div.bild_element p a:hover { color:#DDD; text-decoration:underline; }
div#inhalt p.bodytext img { margin:8px 0; border:1px solid #3b3b3b; }
div#inhalt div#browsenavigation { width:562px; display:inline-block; background-color:#ddd; padding:2px 1px 2px 2px; margin-bottom:15px; }
div#inhalt div#browsenavigation p { color:#333; font:8pt Arial, Helvetica, sans-serif; width:180px; text-align:center; display:block; float:left; margin:0; padding:0; }
div#inhalt div#browsenavigation p a { text-decoration:underline; }


.scroll-pane { height:250px; overflow:auto; }