/*  www.wolf-stegemann.de - Main CSS Data   ---------------------------------------- */
/*  (C) 2009 Jörn Fester  ---------------------------------------------------------- */



/*  B A S I C   L A Y O U T   G R I D   -------------------------------------------- */

* { margin: 0; padding: 0; }
html { height: 100%; font-size: 100.01%; }
body { height: 101%; font: normal 0.9em Verdana, Arial, Helvetica, sans-serif; color: #222; line-height: 1.5em; }
body { position: relative; } /*  Fix IE Zoom */
* html body { position: static; }


/*  H E A D I N G S ,   P A R A G R A P H S   A N D   L I N K S   ------------------ */

h2 { font-size: 2.5em; color: #222; font-family: "Times New Roman", Times, Georgia, serif; font-weight: normal; margin: 0 0 0.75em 0; line-height: 1.2em; padding-bottom: 0.8em; background: transparent url("../images/main/hdl_line.gif") no-repeat bottom left; }
h3 { font-size: 1.5em; color: #A0410A; font-family: "Times New Roman", Times, Georgia, serif; font-weight: normal; margin: 1.5em 0 0.75em 0; line-height: 1.2em; }
h4 { font-size: 1.3em; color: #A0410A; font-family: "Times New Roman", Times, Georgia, serif; font-weight: normal; margin: 1.5em 0 0.75em 0; }
span.dropcap { font-family: "Times New Roman", Times, Georgia, serif; font-size: 3.4em; font-weight: normal; color: #A0410A; float: left; line-height: 1em; margin-top: -0.05em; margin-bottom: -0.4em; margin-right: 0.09em; position: relative; }

p, address { font-style: normal; margin-bottom: 0.75em; }
.teaser_txt { font-weight: bold; }

#main form { font-style: normal; margin-bottom: 0.75em; }

blockquote.zitat_top { text-align: right; color: #A0410A; font-size: 0.8em; margin-bottom: 2.25em; }
blockquote.zitat_top p.zitat_top_sub { font-style: italic; font-size: 0.9em; color: #555; line-height: 1.2em; }

blockquote.zitat_quote { text-align: justify; margin-top: 2.25em; font-size: 1em; margin-bottom: 0.75em; background: transparent url("../images/main/quote_left.gif") no-repeat top left; padding-left: 20px; }
blockquote.zitat_quote p { background: transparent url("../images/main/quote_right.gif") no-repeat bottom right; padding-right: 20px; }
blockquote.zitat_quote p.zitat_sub { text-align: right; font-style: italic; font-size: 0.9em; color: #555; line-height: 1.2em; background: none; padding-right: 20px; }

img { display: block; border: 0; }
fieldset { border: 0; }
select, input, textarea { font-size: 99% }

a:link, a:visited { color: #222; text-decoration: underline; }
a:hover, a:active, a:focus { color: #A0410A; text-decoration: underline; }

.photo_right { float: right; margin: 0 0 10px 15px; }
.photo_left { float: left; margin: 0 15px 10px 0; }

.photo_height { position: relative; width: 117px; height: 175px; }
.photo_height img { border: 1px solid #ccc; padding: 4px; }
.photo_height em { width: 125px; height: 183px; display: block; position: absolute; top: -4px; left: -4px; background: url("../images/main/photo_border.png") no-repeat; }
.photo_height a:link span, .photo_height a:visited span { position: absolute; display: block; top: 0; left: 0; width: 117px; height: 175px; cursor: pointer; text-decoration: none; }
.photo_height a:hover span, .photo_height a:active span, .photo_height a:focus span { position: absolute; display: block; top: 0; left: 0; width: 117px; height: 175px; cursor: pointer; background: transparent url("../images/main/zoom.png") no-repeat center; cursor: pointer; text-decoration: none; }

.photo_hori { position: relative; width: 175px; height: 117px; }
.photo_hori img { border: 1px solid #ccc; padding: 4px; }
.photo_hori em { width: 183px; height: 125px; display: block; position: absolute; top: -4px; left: -4px; background: url("../images/main/photo_h_border.png") no-repeat; }
.photo_hori a:link span, .photo_hori a:visited span { position: absolute; display: block; top: 0; left: 0; width: 175px; height: 117px; cursor: pointer; text-decoration: none; }
.photo_hori a:hover span, .photo_hori a:active span, .photo_hori a:focus span { position: absolute; display: block; top: 0; left: 0; width: 175px; height: 117px; cursor: pointer; background: transparent url("../images/main/zoom.png") no-repeat center; cursor: pointer; text-decoration: none; }

.adr_tab { float: left; width: 6em; display: block; }
.tright { text-align: right; font-style: italic; font-size: 0.9em; color: #555; line-height: 1.2em; }


/*  C O L O R S   ------------------------------------------------------------------ */

.farbe { color: #fff; }


/*  S K I P  ------------------------------------------------------------------------ */

#skip { z-index: 98; font-size: 0.8em; position: absolute; top: 0; left: 0; display: block; width: 100%; text-align: center; }
#skip ul { margin: 0; }
#skip li { list-style: none; display: inline; margin: 0; }
#skip li a:link, #skip li a:visited { position: absolute; z-index: 99; top: -1000px; left: -1000px; }
#skip li a:hover, #skip li a:active, #skip li a:focus { color: #222; background-color: #aaa; position: absolute; z-index: 99; top: 0; left: 0; padding: 0.5em 0; display: block; width: 99.9%; text-decoration: none; }


/*  H E A D E R   ------------------------------------------------------------------ */

#header { background: transparent url("../images/main/header_bg.jpg") repeat-x 0% 0%; height: 150px; }
#header_in { margin: 0 auto; text-align: left; width: 974px; height: 135px; padding-top: 15px; }
#header h1 { display: block; margin-left: 34px; height: 135px; width: 351px; }
#header h1 a:link, #header h1 a:visited { color: #aaa; height: 135px; width: 351px; background: transparent url("../images/main/logo.jpg") no-repeat 0% 0%; display: block; }
#header h1 a:hover, #header h1 a:active, #header h1 a:focus { color: #aaa; background-position: 0 -135px; }
#header h1 span, #header .subline { display: none; }


/*  N A V I G A T I O N   ------------------------------------------------------------ */

#menu_hdl { display: none; }
#menu { background: #E9E8E0 url("../images/main/menu_bg.gif") repeat-x center left; border-bottom: 1px solid #fff; border-top: 1px solid #fff; }
#menu #nav { list-style: none; width: 958px; display: block; margin: 0 auto; text-align: left; padding: 0; }
#menu #nav li { list-style: none; float: left; padding: 7px 10px 6px 10px; background: transparent url("../images/main/divider.gif") no-repeat bottom right; }
#menu #nav #nav1 { padding: 7px 10px 6px 25px; }
#menu #nav #nav7 { padding: 7px 0px 6px 10px; background: none; }

#menu a:link, #menu a:visited { color: #676042; text-decoration: none; }
#menu a:hover, #menu a:active, #menu a:focus { color: #A0410A; text-decoration: none; }

#vita #menu #nav1 a:link, #vita #menu #nav1 a:visited { color: #A0410A; }
#begegnungen #menu #nav2 a:link, #begegnungen #menu #nav2 a:visited { color: #A0410A; }
#auftragsarbeiten #menu #nav3 a:link, #auftragsarbeiten #menu #nav3 a:visited { color: #A0410A; }
#reportagen #menu #nav4 a:link, #reportagen #menu #nav4 a:visited { color: #A0410A; }
#reportagen2 #menu #nav4 a:link, #reportagen2 #menu #nav4 a:visited { color: #A0410A; }
#reportagen3 #menu #nav4 a:link, #reportagen3 #menu #nav4 a:visited { color: #A0410A; }
#reportagen4 #menu #nav4 a:link, #reportagen4 #menu #nav4 a:visited { color: #A0410A; }
#projektarbeiten #menu #nav5 a:link, #projektarbeiten #menu #nav5 a:visited { color: #A0410A; }
#projektarbeiten2 #menu #nav5 a:link, #projektarbeiten2 #menu #nav5 a:visited { color: #A0410A; }
#projektarbeiten3 #menu #nav5 a:link, #projektarbeiten3 #menu #nav5 a:visited { color: #A0410A; }
#projektarbeiten4 #menu #nav5 a:link, #projektarbeiten4 #menu #nav5 a:visited { color: #A0410A; }
#projektarbeiten5 #menu #nav5 a:link, #projektarbeiten5 #menu #nav5 a:visited { color: #A0410A; }
#projektarbeiten6 #menu #nav5 a:link, #projektarbeiten6 #menu #nav5 a:visited { color: #A0410A; }
#veroeffentlichungen #menu #nav6 a:link, #veroeffentlichungen #menu #nav6 a:visited { color: #A0410A; }
#lyrik #menu #nav7 a:link, #lyrik #menu #nav7 a:visited { color: #A0410A; }
#prosa #menu #nav7 a:link, #prosa #menu #nav7 a:visited { color: #A0410A; }

#menu #topmenu { position: absolute; top: 0; left: 0; width: 100%; }
#menu #topmenu #topmenu_in { width: 908px; display: block; margin: 0 auto; }
#menu #topmenu #navb { float: right; font-size: 0.85em; }
#menu #topmenu #navb li { list-style: none; float: left; padding: 25px 29px 0 15px; border-left: 1px solid #000; }
#menu #topmenu #navb #navb3 { padding: 25px 0 0 15px; }
#menu #topmenu a:link, #menu #topmenu a:visited { color: #fff; text-decoration: none; }
#menu #topmenu a:hover, #menu #topmenu a:active, #menu #topmenu a:focus { color: #D17E0A; text-decoration: none; }

#uebersicht #menu #topmenu #navb1 a:link, #uebersicht #menu #topmenu #navb1 a:visited { color: #D17E0A; }
#links #menu #topmenu #navb2 a:link, #links #menu #topmenu #navb2 a:visited { color: #D17E0A; }
#kontakt #menu #topmenu #navb3 a:link, #kontakt #menu #topmenu #navb3 a:visited { color: #D17E0A; }


/*  S U B N A V  ---------------------------------------------------------------------- */

#main #submenu, #main #special { padding-left: 0; } 

#main #submenu a:link, #main #submenu a:visited { color: #222; text-decoration: none; }
#main #submenu a:hover, #main #submenu a:active, #main #submenu a:focus { color: #A0410A; text-decoration: none; }

#main #special a:link, #main #special a:visited { color: #222; text-decoration: none; }
#main #special a:hover, #main #special a:active, #main #special a:focus { color: #A0410A; text-decoration: none; }

#reportagen #sub1 a:link, #reportagen #sub1 a:visited { color: #A0410A; }
#reportagen2 #sub2 a:link, #reportagen2 #sub2 a:visited { color: #A0410A; }
#reportagen3 #sub3 a:link, #reportagen3 #sub3 a:visited { color: #A0410A; }
#reportagen4 #sub4 a:link, #reportagen4 #sub4 a:visited { color: #A0410A; }
#projektarbeiten #sub1 a:link, #projektarbeiten #sub1 a:visited { color: #A0410A; }
#projektarbeiten2 #sub2 a:link, #projektarbeiten2 #sub2 a:visited { color: #A0410A; }
#projektarbeiten3 #sub3 a:link, #projektarbeiten3 #sub3 a:visited { color: #A0410A; }
#projektarbeiten4 #sub4 a:link, #projektarbeiten4 #sub4 a:visited { color: #A0410A; }
#projektarbeiten5 #sub5 a:link, #projektarbeiten5 #sub5 a:visited { color: #A0410A; }
#projektarbeiten6 #sub6 a:link, #projektarbeiten6 #sub6 a:visited { color: #A0410A; }
#tisa #sub1 a:link, #tisa #sub1 a:visited { color: #A0410A; }
#tisa2 #sub2 a:link, #tisa2 #sub2 a:visited { color: #A0410A; }
#tisa3 #sub3 a:link, #tisa3 #sub3 a:visited { color: #A0410A; }
#tisa4 #sub4 a:link, #tisa4 #sub4 a:visited { color: #A0410A; }
#hakenkreuz #sub1 a:link, #hakenkreuz #sub1 a:visited { color: #A0410A; }
#hakenkreuz2 #sub2 a:link, #hakenkreuz2 #sub2 a:visited { color: #A0410A; }
#hakenkreuz3 #sub3 a:link, #hakenkreuz3 #sub3 a:visited { color: #A0410A; }
#hakenkreuz4 #sub4 a:link, #hakenkreuz4 #sub4 a:visited { color: #A0410A; }
#hakenkreuz5 #sub5 a:link, #hakenkreuz5 #sub5 a:visited { color: #A0410A; }
#lyrik #sub1 a:link, #lyrik #sub1 a:visited { color: #A0410A; }
#prosa #sub2 a:link, #prosa #sub2 a:visited { color: #A0410A; }


/*  M A I N    ----------------------------------------------------------------------- */

#main { background: #bdbdbd url("../images/main/main_bg.jpg") repeat-x 0% 0%; padding-top: 25px; }
#main_bg2 { background: #fff url("../images/main/main_bg2.jpg") repeat-y 0% 0%; margin: 0 auto; text-align: left; width: 974px; position: relative; }
#main_bg3 { background: transparent url("../images/main/main_bg3.jpg") no-repeat 0% 0%; min-height: 440px; }
#col_left { padding: 27px 25px 27px 34px; float: left; width: 635px; overflow: hidden; }
#col_right { padding: 27px 34px 25px 25px; float: right; width: 221px; overflow: hidden; }
#feather { position: absolute; bottom: 26px; right: 34px; width: 145px; height: 188px; display: block; background: transparent url("../images/main/feather.jpg") no-repeat 0% 0%; z-index: 50; }

#newspaper img { float: left; margin: 0 10px 2.25em 0; }
#newspaper img.break { float: left; margin: 0 0 2.25em 0; }

#main ul { list-style-type: none; color: #000; padding-left: 1.5em; margin-bottom: 0.75em; } 
#main ul li { list-style-type: none; background: transparent url("../images/main/bullet.gif") no-repeat 0em 0.55em; padding-left: 15px; } 
#main ul span { color: #222; }

#main ol { color: #000; padding-left: 23px; margin-bottom: 0.75em; } 
#main ol span { color: #222; }

#main #up { list-style-type: none; margin-top: 2.25em; margin-bottom: 0; }
#main #up li { margin: 0; display: block; list-style-type: none; background: none; padding: 0; }
#main #up li span { display: none; }
#main #up li a:link, #up li a:visited { color: #444; text-decoration: none; float: right; display: block; height: 11px; width: 16px; background: transparent url("../images/main/up.gif") no-repeat 0% 0%; cursor: pointer; }
#main #up li a:hover, #up li a:active, #up li a:focus { background-position: 0px -11px; }


/*  H O M E   ------------------------------------------------------------------------ */

#main_in { margin: 0 auto; text-align: left; width: 924px; min-height: 480px; }
#home #col_left { padding: 33px 0 25px 0; float: left; width: 491px; overflow: hidden;  }
#home #col_right { padding: 25px 0 50px 15px; float: right; width: 400px; overflow: hidden; }
#home #slide { width: 454px; height: 208px; padding: 21px 21px 29px 16px; display: block; background: transparent url("../images/home/home_photo_bg.jpg") no-repeat 0% 0%; } 
#home h2 { font-size: 2em; color: #A0410A; font-family: "Times New Roman", Times, Georgia, serif; font-weight: normal; margin: 0 0 0.5em 0; line-height: 1.2em; background: transparent url("../images/main/hdl_line.gif") no-repeat bottom left; }


/*  V I T A   ----------------------------------------------------------------------- */



/*  A U F T R A G S A R B E I T E N   ----------------------------------------------- */

#karte { display: block; width: 220px; height: 292px; background: transparent url("../images/auftragsarbeiten/karte.gif") no-repeat 0% 0%; }
#auftragsarbeiten img { margin-top: 2.25em; }
#fragen { margin-top: 2.25em; }


/*  P R O J E K T A R B E I T E N   ------------------------------------------------- */

dl.projekte {  }
.projekte dt { float: left; width: 5em; color: #A0410A; font-weight: bold; clear: right; }
.projekte dt strong { font-size: 1.5em; color: #A0410A; font-family: "Times New Roman", Times, Georgia, serif; font-weight: normal; margin: 0 0 0.75em 0; line-height: 1.2em; }
.projekte dd { margin-left: 5em; margin-bottom: 2.25em; clear: right; }
.projekte dd blockquote p { font-style: italic; padding-left: 2.5em; display: block; margin: 0.75em 0; }
#main .projekte dd ul { list-style-type: none; padding-left: 2.5em; margin: 0.75em 0 0.75em 0; }
#player1, #player2, #player3, #player4, #player5 { margin-left: 5em; margin-bottom: 2.25em; }


/*  V E R Ö F F E N T L I C H U N G E N   ------------------------------------------- */

#veroeffentlichungen ul li { margin-bottom: 0.15em; }


/*  L Y R I K    -------------------------------------------------------------------- */

#lyrik #submenu, #prosa #submenu { margin-bottom: 2.25em; }
.kritik_top { text-indent: 3em; }
.kritik_footer { text-align: right; font-style: italic; font-size: 0.9em; color: #555; line-height: 1.2em; margin-bottom: 2.25em; }

.lyrik { margin-left: 14em; position: relative; margin-bottom: 2.25em; }
.lyrik_hdl { margin-left: -14em; position: absolute; top: 0; left: 0; }

#lyrik #main p.fragment { border-bottom: 1px solid #999; padding-bottom: 0.375em; margin-bottom: 0.375em; }

#lyrik img { margin-top: 2.25em; }


/*  H A K E N K R E U Z   ----------------------------------------------------------- */

#baende { position: relative; width: 500px; height: 220px; display: block; list-style-type: none; }
#main #baende li { background: none; padding: 0; }
#baende li span { display: none; }
#baende #b1 a:link, #baende #b1 a:visited { background: transparent url("../images/hakenkreuz/band1.png") no-repeat 0% 0%; text-decoration: none; position: absolute; top: 20px; left: 50px; display: block; width: 144px; height: 190px; cursor: pointer; }
#baende #b1 a:hover, #baende #b1 a:active,  #baende #b1 a:focus { margin-top: -10px; z-index: 10; }
#baende #b2 a:link, #baende #b2 a:visited { background: transparent url("../images/hakenkreuz/band2.png") no-repeat 0% 0%; text-decoration: none; position: absolute; top: 20px; left: 150px; display: block; width: 141px; height: 191px; cursor: pointer; }
#baende #b2 a:hover, #baende #b2 a:active,  #baende #b2 a:focus { margin-top: -10px; z-index: 10; }
#baende #b3 a:link, #baende #b3 a:visited { background: transparent url("../images/hakenkreuz/band3.png") no-repeat 0% 0%; text-decoration: none; position: absolute; top: 20px; left: 250px; display: block; width: 134px; height: 186px; cursor: pointer; z-index: 5; }
#baende #b3 a:hover, #baende #b3 a:active,  #baende #b3 a:focus { margin-top: -10px; z-index: 10; }
#baende #b4 a:link, #baende #b4 a:visited { background: transparent url("../images/hakenkreuz/band4.png") no-repeat 0% 0%; text-decoration: none; position: absolute; top: 20px; left: 350px; display: block; width: 144px; height: 190px; cursor: pointer; }
#baende #b4 a:hover, #baende #b4 a:active,  #baende #b4 a:focus { margin-top: -10px; z-index: 10; }
#hakenkreuz2 #movie, #hakenkreuz3 #movie, #hakenkreuz4 #movie, #hakenkreuz5 #movie { margin: 1em 0 0 0; }
#hakenkreuz2 #moviefb, #hakenkreuz3 #moviefb, #hakenkreuz4 #moviefb, #hakenkreuz5 #moviefb { margin: 1em 0 0 0; }
#moviefb a:link, #moviefb a:visited, #moviefb a:hover, #moviefb a:active, #moviefb a:focus { border: 0; text-decoration: none; }
#moviefb img { display: inline; }


/*  T I S A   ----------------------------------------------------------------------- */

#tisa .subline, #tisa2 .subline, #tisa3 .subline, #tisa4 .subline { height: 113px; background: transparent url("../images/tisa_von_der_schulenburg/tisa.gif") no-repeat top right; }
#tisa4 #main ol { list-style-type: upper-roman; padding-left: 3em; color: #A0410A; }
#tisa4 #main ol ol { list-style-type: decimal; font-weight: normal; padding-left: 1.5em; color: #222; }
#tisa4 #main ol ol ol { list-style-type: decimal; padding-left: 1.5em; color: #222; }
#tisa4 #main ol p { font-weight: normal; color: #222; }
#tisa4 #main ol ul { list-style-type: disc; font-weight: normal; padding-left: 1.5em; color: #222; }

#tisa4 #main ol li { margin-bottom: 1.5em; }
#tisa4 #main ol ol li { margin-bottom: 0em; }
#tisa4 #main ol ol ol li { margin-bottom: 0em; }
#tisa4 #main ol ul li { margin-bottom: 0em; }


/*  I M P R E S S U M   ----------------------------------------------------------------------- */

#jf { margin-top: 2.25em; }


/*  U E B E R S I C H T   --------------------------------------------------------------------- */

#uebersicht #main #col_left ul  { margin-bottom: 1em; }
#uebersicht #main #col_left ul ul { color: #A0410A; margin-bottom: 0; list-style-type: disc; background: none; padding-left: 30px; }
#uebersicht #main #col_left ul ul li { list-style-type: disc; background: none; padding-left: 0; }
#uebersicht #main #col_left ul ul li span { color: #222; }
#uebersicht #main #col_left a:link, #uebersicht #main #col_left a:visited { color: #222; text-decoration: none; }
#uebersicht #main #col_left a:hover, #uebersicht #main #col_left a:active, #uebersicht #main #col_left a:focus { color: #A0410A; text-decoration: none; }


/*  F O O T E R    ------------------------------------------------------------------ */

#footer { background: #898989 url("../images/main/footer_bg.jpg") repeat-x top left; color: #fff; overflow: hidden; clear: both; }
#footer_in { padding: 20px 0 20px 0; margin: 0 auto; text-align: left; width: 906px; font-size: 0.85em; line-height: 1.1em; }
#footer p, #footer address { margin: 0; }
#footer ul { list-style-type: none; margin: 0; }
#footer #copyright { float: left; }
#footer #validate { float: right; }
#footer #validate li { float: left; }
#footer #xhtml { padding-right: 0.5em; }
#footer #css { padding-left: 0.5em; border-left: 1px solid #aaa; }
#footer a:link, #footer a:visited { color: #fff; text-decoration: none; }
#footer a:hover, #footer a:active, #footer a:focus { color: #fff; text-decoration: underline; }


/*  M I S C E L L A N E O U S   ---------------------------------------------------- */

.block { text-align: justify; }
em { font-style: normal; }
strong, b, .bold { font-weight: bold; }
.u { text-decoration: underline; }
strike, del { text-decoration: line-through; }

.inv { display: none; }
.nomargin { margin: 0; }
.bigmargin { margin-bottom: 2.25em; }

.clear { clear: both; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/ 
* html .clearfix { height: 1%; } 
.clearfix { display: block; } 
/* End hide from IE-mac */


/*  E N D   S T Y L E S   ---------------------------------------------------------- */