/*--------------------------------------------------*/
/* Dateiname: style.css                              */
/* Version: 1.3                                     */
/* Erstellt von: Roman Muelchen (roman@muelchen.com) */
/* Erstellungsdatum: Maerz 2007                       */
/* Letzte Änderung: 30.9.2009                      */
/* Von: Roman Muelchen                               */
/* Diese Stylesheet ist für sämtliche Designelemente
   innerhalb der OlWIR Webseite zuständig. Die genauen 
	Beschreibungen für die einzelnen HTML-Elemente
	oder Klassen stehen jeweils direkt bei den
	Elementen, so sie dokumentationswürdig sind ;-)  */
/*--------------------------------------------------*/
html{
	height:100%;
	overflow:scroll;
	overflow-x:hidden;
}
 
body{
	margin:0;
	font: 10pt/10pt Verdana, Helvetica, Arial, sans-serif;
	background:#F4F4E3 url(img/hintergrundkachel.gif) 0px 0px repeat-y;
	height:100%;
}
img{
	border:none;
}

A:link{ color:#275A78; text-decoration:none; }
A:hover{ color:#333333; text-decoration:underline; }
A:active{ color:#275A78; text-decoration:none; }
A:active:hover{ color:#333333; text-decoration:underline; }
A:visited{ color:#275A78; text-decoration:none; }
A:visited:hover{ color:#333333; text-decoration:underline; }

#leftcontainer{
	background: #3369A3 url(img/frau_4b_sitzend_lesend_90x360.jpg) no-repeat;
	width:90px;
	height:100%;
	margin-left:0;
	margin-right:auto;
	margin-bottom:0;
	text-align:right;
	float:left;
}
#navigation{
	background: #CCD9E8 url(img/olwir-logoflaeche_90x180.gif) no-repeat;
	width:180px;
	margin-left:0;
	margin-right:auto;
	margin-bottom:0;
	text-align:right;
	float:right;
	height:100%;
}
#navcontainer{
	width:270px;
	margin-left:0;
	margin-right:auto;
	margin-bottom:0;
	text-align:right;
	float:left;
	height:100%;
	background:#CCD9E8;
}

#wrap{
	width:860px;
	height:100%;
	float:left;
}

#contentcontainer{
	background:#fff url(img/olwir-schriftzugflaeche_180x590.gif) no-repeat;
	width:590px;
	float:right;
	height:100%;
}

#navlist{
	margin-top:135px;
	
}
 #navlist li{
	margin-left:-40px;
	list-style-type: none;
	text-align:left;
	line-height:25px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:10pt;
	color:#3369A3;
	background-color:#CCD9E8;
	border-bottom:1px solid white;
}

 #navlist li.nav-aktiv{
	background:#CCD9E8 url(img/aktiv.gif) no-repeat;
	}

#navlist li a:link { color: #3369A3; background-color: #CCD9E8; text-decoration:none;margin-left:15px; }
#navlist li a:visited { color: #3369A3; background-color: #CCD9E8;text-decoration:none;margin-left:15px; }
#navlist li a:hover {color: #7394A0; background-color: #CCD9E8; text-decoration:none;margin-left:15px; }

#navlist ul.unterebene li{
	margin-left:-10px;
	margin-bottom:5px;
	list-style-type:square;
	text-align:left;
	line-height:15px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:8pt;
	color:#fff;
	background-color:#CCD9E8;
	border-bottom:none;
}
ul.unterebene{
	display:none;
	margin-bottom:8px;
}
.unterebene-show ul.unterebene{
	display:block;
	cursor: pointer;
}
.unterebene-hide{
	cursor: pointer;
}
.unterebene-hide ul.unterebene{
	display:none;
}
ul.unterebene li a{
	margin-left:0px !important;
}
li.aktiv{
	color:#3369A3 !important;
}
li.aktiv a{
	font-weight: bold !important;
}

.content{
	width:340px; /* Boxbreite 410px */ 
	padding-left:35px;
	padding-right:35px;
	text-align:left;
	margin-top:135px; 
	font:8pt/11pt Verdana, Arial, Helvetica, sans-serif;
	float:left;
}
#content-designelemente{
	width:180px;
	margin-top:180px;
	float:right;
	background:#F5E8C7;
	height:100%;	
}
.box-eins{
	background:#F4F4E3;
	width:180px;
	height:90px;
	margin-top:90px;
	font-weight: bold;
}
#box-zwei{
	position:absolute;
	left:860px;
	top:90px;
	height:90px;
	width:100%;
	background:#F5E8C7;
}
/* Unterschiedliche Musterflaechen fuer die einzelnen Buchreihen */
.musterflaeche{
	position:absolute;
	left:860px;
	top:270px;
	height:90px;
	width:90px;
	background:#F5E8C7 url(img/musterflaeche_sb.gif) no-repeat;
}
.muster-sb{
	background:#F5E8C7 url(img/musterflaeche_sb.gif) no-repeat;
}
.muster-zi-wi-re{
	background:#F5E8C7 url(img/musterflaeche_zi-wi-re.gif) no-repeat;
}
.muster-s-zi-wi-re{
	background:#F5E8C7 url(img/musterflaeche_s-zi-wi-re.gif) no-repeat;
}
.muster-cs{
	background:#F5E8C7 url(img/musterflaeche_cs.gif) no-repeat;
}
.muster-oe-re{
	background:#F5E8C7 url(img/musterflaeche_oe-re.gif) no-repeat;
}
.muster-tb{
	background:#F5E8C7 url(img/musterflaeche_tb.jpg) no-repeat;
}
.muster-dsr{
	background:#F5E8C7 url(img/musterflaeche_dsr.gif) no-repeat;
}
.muster-bfa{
	background:#F5E8C7 url(img/musterflaeche_bfa.gif) no-repeat;
}
.muster-rm{
	background:#F5E8C7 url(img/musterflaeche_rm.gif) no-repeat;
}
.muster-kein{
	background:none;
}
/* Ende Muster */
h1,h2,h3,h4{
	color:#3369A3;
	background-color:#fff;
	line-height:normal;
}
h1{
	font-size:10pt;
}
h2{
	font-size:12pt;
	font-weight:bold;	
}
h2.buchtitel{
	font-size:10pt;
	margin:0px;
}
h2.buchtitel{
	font-size:10pt;
	margin:0px;
}
h3{
	font-size:10pt;
	font-weight:bold;	
}
h3.autor{
	margin-bottom:5px;
	font-size:8.5pt;
	font-weight:normal;
}
h3.buchuntertitel{
	font-size:8pt;
	margin:0px;
	font-weight:normal;
}
h4.buchtitel{
	font-size:9pt;
	margin-top:5px;
	margin-bottom:10px;
}

div.neuerscheinung{
	width:100%;
	margin-top:25px;
	clear:both;
}
.neuerscheinung img{
	float:left;
	margin-right:10px;
	margin-bottom:20px;
	width:60px;
	height:85px;
}
/* wenn ein Link unter dem img stehen soll
.neuerscheinung a{
	clear:left;
	float:left;
	margin-left:25px;
}
*/
.neuerscheinung p{
	overflow:hidden;
	width:260px;
}
.jahr{
	text-align: right;
	vertical-align: top;
}

table.katalog tbody td {
	border-bottom:1px solid #CCD9E8;
	padding: 6px 8px 6px 0px;
	}
table.katalog{
	border-collapse:collapse;
}
tr.katalog-hover{
	background-color:#CCD9E8;
	cursor: pointer;
}
tr.katalog-normal{
	background-color:none;
}

	 
