/*  ========================================== 
Stylesheet für www.josenoguero.com, Juli 2009
Autor: J. M. Jiménez
==========================================  */

/* ======================================
   1. Kalibrierung und allgemeines Styles
   ====================================== */

*	{
	padding: 0;
	margin: 0;
	}

body	{
		color: #797877;
		background-color: #fff;
		font-family: "Times New Roman", Times, serif;
		font-size: 62.5%;
		}
h1	{
	font-family: "Trebuchet MS", sans-serif;
	font-weight: normal;
	font-size: 4em;
	padding: 0;
	}
h2	{
	font-size: 2.2em;
	font-weight: normal;
	height:26px;
	padding: 10px 0 12px 0;
	}
h6	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	text-align: right;
	}
p	{
	font-size: 1.5em;
	}
a	{
	text-decoration: none;
	outline: none;
	}
a:link	{
		color: #c4c3c0;
		}
a:visited	{
			color: #c4c3c0;
			}
a:hover,
a:focus,
#werkseite #navi02 a,
#texteseite #navi03 a,
#katalogeseite #navi04 a,
#vitaseite #navi05 a,
#kontaktseite #navi06 a	{
						color: #797877;
						}
a img	{
		border: 0;
		margin: 0;
		}


/* ================================
   2. Styles für die Layoutbereiche
   ================================ */

#wrapper	{
			color: #797877;
			background-color: #fff;
			width: 993px;
			height: 434px;
			margin: 59px auto 0 auto;
			}
#wrapperiframe	{
				color: #797877;
				background-color: #edece8;
				width: 609px;
				margin: 0;
				}
			
#kopfbereich	{
				background-color: #fff;
				text-align: right;
				}
				
#navibereich	{
				padding-bottom: 17px;
				}
#navibereich ul	{
				font-size: 1.8em;
				font-weight: bold;
				margin-left: 48px;
				}
#navibereich li	{
				display: inline;
				list-style-type: none;
				margin: 0 8px 0 0;
				}
				
#textbereich	{
				background-color: #edece8;
				height: 482px;
				padding: 0 48px 0 48px;
				}
#textbereich a:link	{
					color: #aaa9a6;
					}
#textbereich a:visited	{
						color: #979693;
						}
#textbereich a:hover,
#textbereich a:focus	{
						color: #797877;
						}
#gallerie	{
  			float: left;
			position:relative;
			width: 288px;
			height: 434px;
			overflow: auto;
			}

#minibilder ul {
				position:relative;
				list-style-type:none;
				width:222px;  
				height:434px;
				padding:0; 
				margin: 0;
				}
#minibilder img {
				border: 0;
				}
#minibilder li {
			   float:left;
			   display:block; 
			   width:74px;
			   height:74px;
			   }

#bildref	{
  			float: right;
  			width: 609px;
			height: 434px;
			}
			
iframe	{
		width: 609px;
		height: 434px;
		}
#fussbereich	{
				clear: both;
				background-color: #edece8;
				height: 28px;
				}
		
	/*===============================
		b. wrapperiframe
  	  =============================== */
	/*===============================
		bildbereich1
  	  =============================== */

.bildbereich1	{
				overflow: hidden;
				height: 434px;
				padding: 0 0 0 96px;
				}
.bildbereich1 img	{
					float: left;
					width: 321px;
					}
.bildtext1	{
			float: right;
			position: relative;
			display: inline;
			width: 177px;
			margin: 405px 0 0 0; 
			}
.bildtext1b	{
			float: right;
			position: relative;
			display: inline;
			width: 177px;
			margin: 393px 0 0 0; 
			}
.bildtext1c	{
			float: right;
			position: relative;
			display: inline;
			width: 177px;
			margin: 381px 0 0 0; 
			}
							
	/*===============================
		bildbereich2
  	  =============================== */

.bildbereich2,
.bildbereich2b	{
				overflow: hidden;
				height: 434px;
				padding: 0 0 0 48px;
				}
.bildbereich2 img	{
					display: block;
					padding-bottom: 45px;
					}
.bildbereich2b img	{
					display: block;
					padding-bottom: 33px;
					}
.bildtext2	{
			position: relative;
			display: block;
			}
							
	/*===============================
		bildbereich3
  	  =============================== */

.bildbereich3,
.bildbereich3b	{
				overflow: hidden;
				height: 434px;
				padding: 0 0 0 48px;
				}
.bildbereich3 img	{
					display: block;
					padding-bottom: 146px;
					}
.bildbereich3b img	{
					display: block;
					padding-bottom: 134px;
					}

/*===============================
		bildbereich4
  	  =============================== */

.bildbereich4	{
				overflow: hidden;
				height: 434px;
				padding: 0 0 0 48px;
				}
.bildbereich4 img	{
					display: block;
					padding-bottom: 82px;
					}
.bildbereich4 object	{
						display: block;
						padding-bottom: 81px;
						}
					
/*===============================
		bildbereich5
  	  =============================== */

.bildbereich5	{
				overflow: hidden;
				height: 434px;
				padding: 0 0 0 48px;
				}
.bildbereich5 img	{
					display: block;
					padding-bottom: 193px;
					}
					
/*===============================
		bildbereich6
  	  =============================== */

.bildbereich6	{
				overflow: hidden;
				height: 434px;
				padding: 0 0 0 48px;
				}
.bildbereich6 img	{
					display: block;
					padding-bottom: 8px;
					}
.bildbereich6 object	{
						display: block;
						padding-bottom: 7px;
						}

/*===============================
		bildbereich7
  	  =============================== */

.bildbereich7	{
				overflow: hidden;
				height: 434px;
				padding: 0 0 0 96px;
				}
.bildbereich7 img	{
					float: left;
					width: 225px;
					}
.bildtext7	{
			float: right;
			position: relative;
			display: inline;
			width: 273px;
			margin: 405px 0 0 0; 
			}
			
/*===============================
		bildbereich8
  	  =============================== */

.bildbereich8	{
				overflow: hidden;
				height: 434px;
				padding: 0 0 0 96px;
				}
.bildbereich8 img	{
					float: left;
					width: 273px;
					}

/*===============================
		bildbereich9
  	  =============================== */

.bildbereich9	{
				overflow: hidden;
				height: 434px;
				padding: 0 0 0 48px;
				}
.bildbereich9 img	{
					display: block;
					padding-bottom: 294px;
					}
					
/*===============================
		bildbereich10
  	  =============================== */

.bildbereich10	{
				overflow: hidden;
				height: 434px;
				padding: 0 0 0 48px;
				}
.bildbereich10 img	{
					display: block;
					padding-bottom: 230px;
					}
					
/*===============================
		bildbereich11
  	  =============================== */
	  
#bildbereich11	{
				overflow: hidden;
				height: 434px;
				padding: 0;
				}
.gallerie2	{
  			float: left;
			position:relative;
			overflow: auto;
			width: 288px;
			height: 434px;
			}
.minibilder2	{
				position:relative;
				width:288px;  
				height:434px;
				padding:0; 
				margin: 0;
				}
.minibilder2 img	{
					float:left;
			   		display:block; 
					padding: 0 15px 10px 0;
					border: 0;
					}
.minibilder2 img.buehne	{
						padding-bottom: 0;
						}

.buehnebild	{
			float: left;
			position:relative;
			overflow: auto;
			width: 273px;
			height: 405px;
			padding-left: 48px;
			}
.bildtext11	{
			display: inline;
			width: 177px;
			}
						  
/* ======== Ende Werk ======== */