/**
 * 
 * Stylesheet fuer Felix Bloch Erben Redesign 2005
 * (c) 2005 orbyd, multimedia- und softwareentwicklung
 *          vincent hildebrandt <hildebrandt@orbyd.de>
 *
 * Haupt-Stylesheet-Datei mit allen wesentlichen Klassen
 * letzte Aenderung: 06.02.2005, vincent hildebrandt
 * 
 */

@import url(submenu.css);
@import url(nav_col1.css);


body{
   margin:0;
   padding:0;
   color:#000;
   background:#FFF url(../images/structure/pg_o-o-o2222.gif) repeat-y center top;
   min-width:990px;
   font-size:11px;
   font-family: verdana,geneva,sans-serif;
   text-align:center;
   height:100%;
}

#wrap{
   width:974px;
   position: relative;
   text-align:left;
   display: block;
   margin-left:auto;
   margin-right:auto;
}

#wrap .toll{
  height:100%;
  padding-bottom:10px;
}

a{
   font-weight:bold;
   text-decoration:none;
   color:#666;
}

a:hover{
  text-decoration: underline;
}

a img{
	border:none;
}

#head{
  background:transparent url(../images/header_bg.gif) repeat-x top left;
	text-align:center;

	color:#7A7877;
}

#head #inside{
	width:974px;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
}

#head #topline {padding-left: 10px;}

#head #loginline {
   float: left;
   padding:7px 0px 10px 0px;}

#head #logo{
   width: 100%;
}

#logo_link{
	float: right; position: relative;
	text-align: right;
	width: 430px;
	}


#head a {
   color:#7A7877;
   text-decoration: none;
   font-weight: bold;
   font-size:11px;
}

#head a:hover{
  text-decoration: underline;
}

#head #loginbox{
   padding:3px 0px 6px 0px;
}

#head #navigation ul{
	margin:0;
	padding:0;
	width:974px;
	display:block;
	list-style: none;
  height: 29px;
}

#head #navigation ul li{
	display: block;
	float:left;
	height:29px;
  background-position:0px 100%;
  background-repeat: no-repeat;
}

#head #navigation ul li a {height:22px;display:block;background-position: 0px 0px;background-repeat: no-repeat;border-top:7px solid #342E2B;}
#head #navigation ul li.small, #head #navigation ul li.small img{width:106px;}
#head #navigation ul li.big, #head #navigation ul li.big img{width:328px;}
#head #navigation ul li.aktuell a{background-image:url(../images/aktuell.gif);}
#head #navigation ul li.aktuell ,#head #navigation ul li.aktuell a:hover{background-image:url(../images/aktuell_a.gif);}
#head #navigation ul li.verlag a{background-image:url(../images/verlag.gif);}
#head #navigation ul li.verlag ,#head #navigation ul li.verlag a:hover{background-image:url(../images/verlag_a.gif);}
#head #navigation ul li.service a{background-image:url(../images/service.gif);}
#head #navigation ul li.service ,#head #navigation ul li.service a:hover{background-image:url(../images/service_a.gif);}
#head #navigation ul li.autoren a{background-image:url(../images/autoren.gif);}
#head #navigation ul li.autoren ,#head #navigation ul li.autoren a:hover{background-image:url(../images/autoren_a.gif);}
#head #navigation ul li.stuecke a{background-image:url(../images/stuecke.gif);}
#head #navigation ul li.stuecke ,#head #navigation ul li.stuecke a:hover{background-image:url(../images/stuecke_a.gif);}
#head #navigation ul li a:hover, #head #navigation ul li a.active {border-color:#0082FF;}
#head #navigation ul li a.activeyellow:hover, #head #navigation ul li a.activeyellow {border-color:#FFF000;}
#head #navigation ul li a span {display:none;}
#head #navigation ul li a img {display:block;}

#leftcol{
   width:318px;   
   position:absolute;
   left:0px;
   padding-top:2px;
}

#leftcol .inside{
   padding:0px 10px 0px 0px;
}

#leftcol .inside img{
  margin-bottom:2px;
}

#leftcol p{
  color:#A3A19D;
  line-height: 16px;
}

#leftcol p a,
#leftcol td a{
  font-weight:bold;
  color:#000;
}

#leftcol a.archiv {
	color: #92c7ec;
}

#leftcol p.date{
  color:#67625B;
  font-size: 11px;
  font-family:Georgia,serif;
  margin:0;
  margin-bottom:2px;
  padding:23px 0px 5px 12px;
  line-height: normal;
}

.marker{
	background:#0082FF;
	color:#FFF;
	padding:0px 2px;
}

#leftcol a.active,
#rightcol a.active{
  color:#0082FF;
}

#leftcol .inside img.move{
  margin-left:-4px;
  position: relative;
}

#leftcol p, #leftcol td{
   margin:6px 0px 6px 10px;
   padding:0;
   color:#000;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

p.morelink{
  padding-top:10px;
  padding-bottom:20px;
}

/*die spalte in der die beiden rechten Spalten enthalten sind*/
#rightcol{
  margin-left:318px;
  width:656px;
  min-height:660px;
}

#rightcol p{
  margin:0px;
  padding:0px 10px 12px 10px;
  line-height: 16px;
  color:#000;
}

#rightcol h2 {
  position: relative;
  font-family: Georgia, serif; 
  font-size: 18px; 
  line-height:130%; 
  color: #0082FF;
  margin:0;
  padding:0px 10px;
  font-weight: normal;
}

#rightcol .middlecol h2 {
  position: relative;
  font-family: Georgia, serif; 
  font-size: 18px; 
  line-height: normal; 
  color: #0082FF;
  margin:0;
  padding:0px 10px;
  font-weight: normal;
}

#rightcol p a {
  color:#000;
}

#rightcol p a:hover {
  text-decoration: underline;
}

#rightcol .middlecol p {
  padding-right:20px;
}

#rightcol .middlecol p.subpic {
  color:#858382;
  padding-top:3px;
}

#rightcol .middlecol img.article {
  margin:0px 0px 0px 10px;
  display: block;
}

#rightcol .lastcol h2 {
  padding-left:2px;
}

#rightcol .lastcol h2 a {
   color: #0082FF;
   font-weight: normal;
}
#rightcol .lastcol h2 a:hover {
   text-decoration: none;
}

#rightcol h2.st2,
#rightcol h2.st2 a {
  padding-top:10px;
  margin-right:57px;  
  font-family: georgia,serif;
  text-decoration: none;
  font-weight: normal;
}

#rightcol .lastcol p {
  padding-left:2px;
}


#rightcol div.textspace {
  height:22px;
}

#rightcol div.textspace2 {
  height:44px;
}


#rightcol h1 {
   font-family: Georgia, serif; 
   font-size: 22px; 
   line-height: 28px; 
   font-weight:normal;
   color: #7A7877;
   margin:0px;
   padding:10px 10px 8px 10px;
   border-bottom:1px solid #7A7877;
}

#rightcol #fullcol{
  position:relative;
  padding-top:0px;
}

/*die mittlere spalte, 1. der beiden rechten*/
#rightcol .middlecol{
  float:left;
  width:335px;
  position: relative;
}

#rightcol .middlecol .inside{
  padding:0px 10px 0px 10px;
}

/*die rechte spalte, die 2. der beiden rechts*/
#rightcol .lastcol{
  margin-left:336px;
}


#rightcol .lastcol .inside{
  padding:0px 10px 0px 10px;
}

#rightcol .lastcol .sub1{
  color:#A3A19D;
}

#rightcol .lastcol .indent{
  margin-left:16px;
}

#rightcol .lastcol .indent2{
  margin-left:32px;
}

#rightcol table{
  border:none;
  border-collapse: collapse;
  margin:0;
  padding:0;
  width:325px;
}


#rightcol table.threecols td{
  vertical-align:top;
  padding:2px 10px;
  border-bottom: 1px solid #D7D6D4;

}

#rightcol table.threecols td.first{
  width:28px;
}

#rightcol table.threecols td.first img{
  display:block;
  border:none;
  font-size:0px;
}

#rightcol table.threecols td.right{
  padding-right:0px;
  padding-top:6px;
  text-align: right;
}

#rightcol table.threecols td.right .buttons{
  margin-right:-5px;
}

#rightcol table.threecols td.middle{
  padding-left:0px;
  width:250px;
}

#rightcol .middlecol .brochureteaser{
  clear: both;
  margin-top:22px;
}

#rightcol .middlecol .brochureteaser img{
  float:left;
  display:block;
  margin-left:5px;
}

#rightcol .middlecol .brochureteaser p{
  margin-left:35px;
  padding-top:2px;
}

#rightcol .middlecol .autorenansicht{
  margin:0px;
  padding:0px;
  margin-top:24px;
  margin-bottom:6px;
  border-collapse:collapse;
  width:339px;
}

#rightcol .middlecol .autorenansicht td{
  vertical-align: top;
  padding:0px 5px 0px 10px;
}

#rightcol .middlecol .autorenansicht td.pic img{
  display:block;
}

#rightcol .middlecol .autorenansicht td.name{
  vertical-align: bottom;
  font-family: Georgia, serif;  
  font-size: 18px; 
  color: #0082FF;
  margin:0;
  padding:0px 10px;
  font-weight: normal;
  width:100%;
}

#rightcol .middlecol .autorenansicht td.name a,
#rightcol .middlecol .autorenansicht td.name a:hover{
  font-family: Georgia, serif;  
  font-size: 18px; 
  color: #0082FF;
  font-weight: normal;
  text-decoration: none;
}

#rightcol .middlecol .autorenansicht td.link{
  vertical-align: bottom;
  padding-bottom:5px;
}

/* Funktions Buttons*/
.buttons{
  width:57px;
}
.buttons a{
   display:block;
   width:57px;
   height:10px;
   background-repeat:no-repeat;
   position: relative;
   background-image:url(../images/buttons/buttons.gif);
}

.buttons a:hover{
  background-repeat:no-repeat;
  background-image:url(../images/buttons/buttons.gif);  
}

.buttons .pdf{background-position: -57px -10px;}
.buttons .pdf:hover, .active2 .pdf{background-position: 0px -10px;}
.download{background-position: -57px 0px;}
.download:hover,.active2 .download{background-position: 0px 0px;}
.buttons .drucken{background-position: -57px -20px;  }
.buttons .drucken:hover,.active2 .drucken{background-position: 0px -20px;}
.bestellen{background-position: -57px -30px;}
.bestellen:hover,.active2 .bestellen{background-position: 0px -30px;}
.aendern{background-position: -57px -40px;}
.aendern:hover,.active2 .aendern{background-position: 0px -40px;}

.buttons a span{
  display:none;
}

.buttons.floatright{
  float:right;
  margin-top:25px;
  margin-right:2px;
}

.buttons.normal{
  padding-left:279px;
}

.buttons.floatright2,
.floatright2{
  float:right;
  margin-top:7px;
}

.buttons.floatright3{
  float:right;
  margin-top:6px;
}

.buttons.floatright4{
  float:right;
  margin-top:-10px;
}

.lastcol .buttons.floatright,
.lastcol .buttons.floatright2,
.lastcol .buttons.floatright3,
.lastcol .buttons.floatright4{
  margin-right:-5px;
}

.lastcol .buttons a{
  z-index: 10000;
}

#archivsuche{
  display:block;
  clear:both;
  background:#EFEEEE;
  padding:1px 0px 2px 10px;
}

#detailsuche table{
  margin:0;
  padding:0;
  border-collapse: collapse;
  width:100%;
}

#detailsuche table td {
  border-bottom:1px solid #C6C3BF;
  height:28px;
}

#detailsuche table td {
  background:#9B9691;
  padding-left:10px;
}

#detailsuche table td .besetzung td {
  border:none;
  padding-left:0px;
  padding-right:10px;
}

#detailsuche table td.bottom,
#detailsuche table td.middle {
  text-align:right;
  background:#E0DFDC;
  border-bottom:1px solid #0082FF;
}

#detailsuche table td.middle {
  vertical-align: middle;
  background:#E0DFDC;
}
#detailsuche table td.left {
   text-align: left;
}

#detailsuche table td.last{
  padding-right:10px;
}

#quicksearch{
  float:right;
  padding-right:0px;
  width:200px;
  padding-top:5px;
}

#metalinks{
  float:right;
  padding-right:10px;
  width:700px;
  padding-top:10px;
}


table.inputter{
   margin:10px 0 0 10px;
   padding:0;
}

#leftcol table.inputter td {
 padding:0px 0px 8px 0px;
}

#leftcol table.inputter td.first{
   width:100%;
   text-align: left;
}

#leftcol table.inputter td.last{
   width:100%;
   text-align: right;
}

#leftcol table.inputter.bigger{
   margin:0 0 15px 5px;
   padding:0;
}

#leftcol table.inputter.bigger td.first,
#leftcol table.inputter.bigger td.last{
  padding:10px 0px;
}

#leftcol p .helper img {
  margin-top:0px;
  position: absolute;
}

#leftcol .cimage{
  position:static;
}

.error,
#leftcol p.error,
#leftcol p.error a,
#leftcol td.first label.error a,
.error a {
  color:#ED3B77;
}

#leftcol td.first label.error a {
   font-weight: bold;
}

.hint,
#leftcol p.hint,
#leftcol p.hint a,
.hint a {
  color:#c00;
}

#leftcol p.hint, p.hint {
   border: 1px solid #000;
   background-color: #ED3B77;
   padding: 10px;
   color: #fff;
}

#leftcol p.hint a {
   color: #000;
}

td.bottom {
  vertical-align: bottom;
}
/*
different backgrounds full
legende (x = inaktiv; o = aktiv):
ooo  = bg_o-o-o
xoo  = bg_x-o-o
xxo  = bg_x-x-o
xxx  = bg_x-x-x
oxo = bg_o-x-o
oox = bg_o-o-x
xox = bg_x-o-x
o-2-x = bg_x_double-o
v   = verlagsreiter ist im cache
s   = servicereiter ist im cache
*/
body.ooo{background-image:url(../images/structure/pg_o-o-o.gif);}
body.xoo{background-image:url(../images/structure/pg_x-o-o.gif);}
body.xxo{background-image:url(../images/structure/pg_x-x-o.gif);}
body.xxx{background-image:url(../images/structure/pg_x-x-x.gif);}
body.oxo{background-image:url(../images/structure/pg_o-x-o.gif);}
body.oox{background-image:url(../images/structure/pg_o-o-x.gif);}
body.xox{background-image:url(../images/structure/pg_x-o-x.gif);}
body.oxx{background-image:url(../images/structure/pg_o-x-x.gif);}
body.o2x{background-image:url(../images/structure/pg_o-2-x.gif);}
body.xox_v{background-image:url(../images/structure/pg_x-o-x2.gif);}
body.xox_s{background-image:url(../images/structure/pg_x-o-x3.gif);}
body.xxo_v{background-image:url(../images/structure/pg_x-x-o2.gif);}
body.xxo_s{background-image:url(../images/structure/pg_x-x-o3.gif);}
body.xoo_v{background-image:url(../images/structure/pg_x-o-o2.gif);}
body.xoo_s{background-image:url(../images/structure/pg_x-o-o3.gif);}

/*Formdefinitions*/

form{
   margin:0;
   padding:0;
}

input, select {
  font-size:11px;
  text-align: left;
}

select.year, select.play {
   background: #fff;
   border: 1px solid #0082ff;
}
select.play {
   width: 250px;
}

input.ssearch {
   font-size:11px;
   border:none;
}

input.atext {
  border:1px solid #000;
  background:#FFF;
  width:100px;
  padding:0;
}

input.inputtext {
  width:200px;
  border:1px solid #0082FF;
  border-spacing: 0px;
  padding:2px;
}

textarea.inputtext {
   font-size:11px;
   width:290px;
   margin-top: 5px;
   border:1px solid #0082FF;
   border-spacing: 0px;
   padding:2px;
}

input.inputtext2 {
  width:200px;
  border:1px solid #0082FF;
  padding: 0;
}

input.inputtext.small {
   width:100px;
}
select.small {
   width: 106px;
}

#quicksearch input.inputtext {
  width:130px;
  border:1px solid #0082FF;
  border-spacing: 0px;
  padding:2px;
  color: #000;
}

input.nsubmit {
  font-weight:bold;
  color:#000;
  padding-left:10px;
  text-align: left;
  border:none;
  background:transparent;
  cursor: pointer;
}

input.submit{
   border:none;
   color:#FFF;
   font-size:11px;
   background:transparent;
}

input.dsubmit{
  color:#92C7EC;
  border:none;
  font-weight:bold;
  text-transform: lowercase;
  cursor: pointer;
  background:transparent;
  padding:3px 0px 2px 0px;
}

input.dsubmit.right {
   text-align: right;
}

input.dsubmit.margel{
  margin-left:7px;
}

a.submit,
#leftcol p a.submit{
  color:#92C7EC;
  font-weight:bold;
  background:transparent;
  display:block;
  font-size:11px;
  letter-spacing: -1px; 
  text-align: right;
}
a.submit,
#leftcol a.submit,
#leftcol p a.submit:hover{
  text-decoration: none;
  color:#92C7EC;
}
/*
option,select{
  text-align: center;
}
*/

#detailsuche option.small,
#detailsuche select.small{
  width:45px;
}


input.iradio,
input.icheck{
  margin:0;
  margin-right:10px;
  padding:0;
}

/*specials*/
.clear{
   clear:both;
   font-size:0px;
   line-height:0px;
}

*html p,
*html #leftcol div,
*html #rightcol div{
  height:1%;
  display:block;
}

*html #rightcol{
   height:600px;
}

*html #submenu .greyline{
  height: 1px;
  font-size: 1px;
  overflow: hidden;
}

input.error,textarea.error{
	border-color: #ED3B77;
	color: #000;
	font-weight: normal;
}

p span.sub {
   font-style: italic;
   font-weight: bold;
}

#rightcol table.threecols td.first a img.katalog,
 a img.katalog  {
   border: 1px solid #666;
}

img.helpicon {
   vertical-align: middle;
}

#rightcol p.heading {
   color: #0082FF;
   font-weight: bold;
}

.isoffline{
	border: dashed 1px red;
}


/* facebook button */
.facebook img.hover{
   display: none;
}
.facebook img.normal{
   display: inline;
}
.facebook:hover img.hover{
   display:inline;
}
.facebook:hover img.normal{
   display: none;
}
.facebook span {
   display:none;
}