/* CSS Document 

/* ---------------------------------------------------------------------------------------------------
		Karl Schairer. quintessence-media.de
		bildkultur Stuttgart
----------------------------------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------- Allgemeine Einstellungen */

* {
	margin:0;
	padding:0;
	text-decoration:none;
	border: none;
	}

body {
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	margin:0px;
	background-color:#B9BAB7;	
}

#wrap {
	margin: 20px auto 40px;
	width: 590px;
	text-align: left;
	padding-left: 36px;
	padding-bottom: 0px;
	height: 1000px;
}

.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	display: block;
	clear: both;
}

h1 { /* ----------- Ausstellungstitel h1*/
	font-size: 20px;
	font-weight: bold;
	color: #575862;
	margin-top: 65px;
	margin-left: 10px;
}

h1 a { /* ----------- link Ausstellungstitel h1*/
	text-decoration: none;
	color: #575862;
}


h2 { /* ----------------- Untertitel h2*/
	font-size: 12px;
	color: #575862;
	margin-top: 0px;
	margin-left: 10px;
	font-weight: normal;
}

h3 {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	margin-left: 140px;
	margin-bottom: 8px;
}


h4 { /* ----------- Ausstellungstitel h4 */
	font-size: 20px;
	font-weight: bold;
	color: #575862;
	margin-left: 140px;
}

h4.t17 { /* ----------- Ausstellungstitel h4 */
	font-size: 17px;
	/*font-weight: bold;
	color: #575862;
	margin-left: 140px;*/
}

h5 { /* ----------------- Untertitel h5*/
	font-size: 12px;
	color: #575862;
	margin-top: 0px;
	margin-left: 140px;
	font-weight: normal;
	margin-bottom: 30px;
}

.copy { /* ----------------- Fliesstext im Content*/
	font-size: 12px;
	color: #575862;
	margin: 0px 40px 40px 140px;
	line-height: 16px;
}

.copy a:link { /* ----------------- LINK Fliesstext im Content*/
	color: #FFFFFF;
}

.copy a:visited{color:#FFFFFF;}

.copy a:hover { /* ----------------- LINK Fliesstext im Content*/
	color: #575862;
}



.copy11 { /* ----------------- Fliesstext in bk*/
	font-size: 11px;
	color: #575862;
	margin: 20px 40px 40px 140px;
	line-height: 16px;
}


.bk { /* ----------------- bildkultur praesentiert ...*/
	font-size: 12px;
	color: #575862;
	margin: 0px 0px 10px 0px;
	line-height: 16px;
	display: block;
	float: left;
	width: 400px;
}

.bkBuch { /* ----------------------------------- Buch ...*/
	font-size: 12px;
	color: #575862;
	margin: 0px 0px 40px 0px;
	/*line-height: 16px;*/
	display: block;
	float: left;
	width: 400px;
}

.bk11 {
	font-size: 11px;
	color: #575862;
	margin: 0px 0px 10px 140px;
	line-height: 16px;
	display: block;
	float: left;
	width: 380px;
}

.bk12 {
	font-size: 12px;
	color: #575862;
	margin: 12px 0px 10px 140px;
	line-height: 16px;
	display: block;
	float: left;
	width: 400px;
}

.zitat {
	font-size: 10px;
	line-height: 120%;
}


/* ---------------------------------------------- Navigation--------------- */

#nav01, #nav02, #nav03, #nav04 {
	width: 140px;
	float: left;
	height: 150px;
}
/* ---------------------------------------------- quadrate ---------------- */

#cont11, #cont12, #cont13, #cont14,
#cont21, #cont22, #cont23, #cont24,
#cont31, #cont32, #cont33, #cont34,
#cont41, #cont42, #cont43, #cont44 {
	width: 140px;
	height: 140px;
	float: left;
	background-color: #FFF;
}
.SQwht {
	width: 140px;
	height: 140px;
	float: left;
	background-color: #FFF;
	}

.SQgrey {
	width: 140px;
	height: 140px;
	float: left;
	background-color: #DADAD9;
	}

.titelSQ {  /*--------------------- Namen JazzPortraits --------------------*/
	font-size: 10px;
	color: #575862;
	line-height: 16px;
	margin: 0px 0 0 10px;
}

/* ---------------------------------------------------------------------------------- index Seiten */

#SQwhtIndex { /* ------------------------????? */
	width:252px;
	height:188px;
	float:left;
	padding: 92px 0 0 9px;
	background-color: #fff;
}

#SQwhtIndex h1 {
	font-size: 17px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
#SQwhtIndex h2 {
	font-size: 11px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

/* ----------------------------------------------------------------------- Rotes Quadrat, Index-Seite */

#SQredIndex { /*---------------140 x 140 ----------------------*/
	width:130px;
	height:127px;
	display:block;
	float:left;
	font-size: 14px;
	color: #fff;
	padding: 13px 0 0 10px;
	background-color: #DC000F;
	font-weight: bold;
	text-decoration: none;
}

#SQredIndex a { 
	color: #fff;
	text-decoration: none;
}

#SQredIndex a:hover { 
	color: #E2E2E2;
}


#SQredIndexA {  /*--------------------------------------------- 280 x 280 ROT indexAustellungen-------*/
	width:271px;
	height:261px;
	float:left;
	padding: 19px 0 0 9px;
	background-color: #DC000F;
	font-size: 20px;
	font-weight: bold;
	color:#FFFFFF
}

#SQredIndexA h1 a {
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

#SQwhtIndexA { /*--------------- 280 x 280 WEISS indexAustellungen-------*/
	width:261px;
	height:280px;
	float:left;
	background-color: #FFFFFF;
	/*color:#666e7d;*/
}

#SQwhtIndexA h1 {
	font-size: 17px;
	font-weight: bold;
	color:rgb(106,108,119);
	margin-top:50px;
}

#SQwhtIndexA h1 a {
	text-decoration: none;
}

#SQwhtIndexA h2 {
	font-size: 12px;
	font-weight: normal;
	margin-top: 0px;
	color:rgb(87,88,98);
}
#SQwhtIndexA h3 {
	font-size: 11px;
	font-weight: normal;
	margin-top: 21px;
	margin-left:9px;
	color:rgb(87,88,98);
}

#SQwhtIndexA .bildkultur {
	font-size: 14px;
	font-weight: normal;
	margin-top: 17px;
	margin-left:145px;
	color:rgb(87,88,98);
}

#SQwhtIndexA .bildkultur a{
    text-decoration:none;
	color:rgb(87,88,98);
}

 /* ------------------------------------------------ info Seiten */

#SQredTitel { /*---------------140 x 140 ----------------------*/
	width:127px;
	height:36px;
	display:block;
	float:left;
	font-size: 20px;
	color: #fff;
	padding: 104px 0 0 13px;
	background-color: #DC000F;
	font-weight: bold;
}

.copyPageinfos { /* ----------------- Fliesstext in infoSeiten */
	font-size: 12px;
	color: #575862
}

 /*  #cont3141 { /* --------------- Bereiche unterschiedliche Masse */
 /* 	padding-top:253px;
	height:27px; 
	width:140px; 
	float:left; 
	background-color:#ffffff;
}

#cont3141 {  --------------- Bereiche unterschiedliche Masse 
	padding-top:253px;
	height:27px; 
	width:140px; 
	float:left; 
	background-color:#ffffff;
}

#cont3242 {
	height:233px; 
	width:396px; 
	float:left; 
	background-color:#ffffff; 
	padding:28px 15px 0px 9px;
}

/* ---------------------------------- NAV quadrat im Content ---------- */

#contnav11 {
	width: 140px;
	float: left;
	height: 120px;
	background-color: #FFF;
	padding-top: 20px;
}

/* ---------------------------------- NAV list ---------- */

ul,li{
	list-style-type: none;
	font-size: 11px;
	line-height: 14px;
}

#navigation, #contnavbk {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#navigation a {
	margin: 0px;
	padding-left:11px;
	color: #6A6C77;
	text-decoration: none;
	background: url(../pics/page/sqred.gif) no-repeat 0 -80px;	
}

#navigation a:hover{
	background: url(../pics/page/sqred.gif) no-repeat center left;
}

#navigation a.curent {color:#FFFFFF;}

#contnavbk a { /* --------- Kontaktlink in "bildkultur" -------*/
	margin: 0px;
	padding-left:11px;
	color: #B9BAB7;
	text-decoration: none;
	background: url(../pics/page/sqwht.gif) no-repeat 0 -80px;	
}

#contnavbk a:hover{
	background: url(../pics/page/sqwht.gif) no-repeat center left;
}


/* ---------------------------------------------------------------------- content --------------- */

.imgSQ { /* ----------- titelbilder */
	float: left;
}

.titelwht { /* ------- SQ Ausstellungstitel mit java roll-over */
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 20px 0 0 11px;
	display: block;
	float: left;
	width: 129px;
	height: 120px;
	background-color: #fff;
	text-decoration:none
}


.titelgr { /* ------- SQ Ausstellungstitel mit java roll-over */
	font-size: 12px;
	font-weight: bold;
	color: #DADAD9;
	padding: 20px 0 0 11px;
	display: block;
	float: left;
	width: 129px;
	height: 120px;
	background-color: #DADAD9;
}

/* ---------------------------------- content --------------- */

.copyright {
	font-size: 9px;
	color: #FFFFFF;
	float: right;
	margin-right: 5px;
	margin-top: 5px;
}

.conttext {
	width: 560px;
	float: left;
	background-color: #DADAD9;
}

#arrowPL {
	margin:12px 10px 0 380px;
	}

#arrowUP {
	float: right;
	display: block;
	padding-left: 401px;
	padding-bottom: 0px;
	border: none;
	background-color: #DADAD9;
}

#endarrowUP {
	float: left;
	display: block;
	padding-left: 541px;
	padding-bottom: 0px;
	border: none;
	background-color: #DADAD9;
	margin-bottom: 20px;
}