/*  =========================================================
Stylesheet fýr die Webseiten Frank Vogel
Malerei
Stand:  V1.0
Datei:  bildschirm.css
Media:  screen
Datum:  23.9.2009
Autor:  Anne Herl
========================================================== */

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

/* Kalibrierung der wichtigsten Abstýnde */
*  { padding: 0; margin: 0; }
h1, p, ul, ol { margin-bottom: 1em; }
ul ul { margin-bottom: 0; }
li { margin-left: 14px; }

/* Allgemeine Selektoren */

html { height: 101%; }

body {
   font-family:  "Century Gothic",Verdana, Helvetica,sans-serif;
   font-size: 13px;
   text-align: left;
   color: black;
   background-color: #7c7c7c;
	color:#6A6A6A;
	line-height:1,07em; 
}

h1 {
   font-size: 180%; /*200*/
	font-weight:normal;
}
h2 { 
font-size: 115%;
   margin-top: 14px;
   margin-bottom: 8px;
}
h3 { font-size: 105%;
   margin-top: 12px;
   margin-bottom: 4px;
}
h4 { font-size: 100%;
   margin-top: 10px;
   margin-bottom: 2px;
}

/* Hyperlinks */
a {
	text-decoration: none;
}
a:link,
a:visited {
	text-decoration: none;
}

img {
   /*border: 0;*/
	border:none;
	border-color: transparent;
}

/* Allgemeine Klassen und IDs */
.skiplink {
   position: absolute;
   left: -3000px;
   top: -2000px;
   width: 0px;
   height: 0px;
   overflow: hidden;
   display: inline;
}
.galeriebild {
   float:left;
   margin-bottom: 4px;
   margin-right: 4px;
   width:94px;
}
.u-titel {
	font-size:9px;
	color: #4E4E4E;
}
.comment {
font-size: 10px;
}
.clearing { clear: both; }

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

#aussencontainer, #aussencontainer-transp {
   position: absolute;
   left:50%;
   top:50%;
   width:920px; /* Breite des Elements */
   height:520px;/* Höhe des Elements */
   margin-left: -460px; /* Breite des Elements geteilt durch zwei! */
   margin-top: -260px; /* Höhe des Elements geteilt durch zwei! */
	background-color:#cfcbc7;
}

#content-bild {
   position: absolute;
	top:60px;/*55*/
	left:68px;
	width:535px;
	height:460px;
	overflow-y: auto;
	overflow-x: hidden;
	font-size:10px;
	/*border-color:#121212;
	border-width:thin;
	border:solid;*/
}
#content-bild a,
#content-bild a:link,
#content-bild a:visited {
	color:#6A6A6A;
	font-size:9px;
}
#bild-senkrecht {
   position: absolute;
	top:25px;
	left:5px;
}
#bild-startseite{
   position: absolute;
	top:0px;
	left:50px;
}
#bild-leerseite{
   position: absolute;
	top:0px;
	left:50px;
   height:520px;/* Höhe des Elements */
	width:690px;
	background-image:url(photos/hg-leer.jpg);
	background-repeat:repeat-y;
}
#bild-links{
   position: absolute;
	top:0px;
	left:60px;
}
#querbalken-innen{
   position: absolute;
	top:395px;
	left:0px;
	height:80px;
	width:100%;
   background-color:transparent;
	z-index:4;
}

#titel-oben, #titel-unten, #titel-links, #titel-rechts {
   position: absolute;
   right:330px;
   top:15px;
   width:370px; /* Breite des Elements */
   height:30px; /* Höhe des Elements */
	padding-top: 18px;
	color: #4c4c4e;
	padding-top: 8px;
   background-color:transparent;
	text-align:right;
}

#titel-links{
   left:54px;
	padding-left:14px;
	text-align:left;
   background-color:transparent;
	height:30px;
	z-index:9;
}
#titel-rechts{
   left:730px;
	text-align:left;
   width:200px; /* Breite des Elements */
}

#titel-senkrecht{
   left:50px;
	padding-left:14px; 
	text-align: left;
   width:200px; /* Breite des Elements */
}
#titel-links-print {
	display:none;
}
#textblock-oben {
	position: absolute;
	left:45px;
	top:80px;
	width:513px; /* Breite des Elements */
	height:399px;
	color: #1E1E1E;
	background-color:transparent;
	text-align:left;
	padding: 18px;
	padding-left: 23px;
	padding-top: 0px;
	overflow: auto;
	z-index:5;
}
   #textblock-oben a,
   #textblock-oben a:link,
   #textblock-oben a:visited {
		text-decoration: underline;
		color:#6A6A6A;
		background-color:transparent;
		font-style:normal;
		font-weight:normal;
   }

#seite-vita #textblock-oben {
top:100px;
padding-right:15px;
margin-right:30px;
}
#textblock-unten {
   position: absolute;
   top:412px;
   right:225px;
	color:black;
	text-align:right;	
	background-color:transparent;
	z-index:5;
   width:700px; /* Breite des Elements */
}
#aktuelles-bild {
   position:absolute; 
	left:0px;  /* Set a float to fix a float */
   height:520px; /* Höhe des Elements, wird im HTML ausgewertet */
   top: 0;
	z-index:5;
}
#navibereich-inthebox {
   clear: both;
   position:absolute;
   /*right:18px; */
   left:725px;
   top:80px; 
   width:182px;
	height:432px;
   text-align:right;
   text-align:left;
   line-height:1.5em; 
	color:black;
   background-color:transparent;
   padding-top: 15px;
   padding-right: 10px;
   padding-bottom: 4px;
	padding: 4px 4px 4px 8px;
	/*font-size:100%;*/
	font-style:normal;
	font-weight:normal;
	overflow-y: auto;
	overflow-x: hidden;
  }
   #navibereich-inthebox ul {
      margin-bottom: 0;
		background-color:transparent;
   }
   #navibereich-inthebox li {
      list-style-type: none;
      margin: 0 ;
		background-color:transparent;
	}
   #navibereich-inthebox a,
   #navibereich-inthebox a:link,
   #navibereich-inthebox a:visited {
		text-decoration: none;
		color:#323232;
		background-color:transparent;
   	line-height:1.6em; /*1.5em;*/
   }
   #navibereich-inthebox a:hover,
   #navibereich-inthebox a:focus {
   	text-decoration: none;
		color:#6A6A6A;
		background-color:transparent;
  }
   #navibereich-inthebox a:active {
      background-color: gray;
   	text-decoration: underline;
		color:#6A6A6A;
		background-color:transparent;
		font-weight:bold;
   }

#logo-bereich {
   position:absolute;
   top: -22px;
   text-align: right;
   right: 0px;
}
#logotext-bereich {
   position:absolute;
   top: -18px;
   text-align: left;
   left: 0px;
   font-size: small;
   color: #252525;
   background-color:transparent;
}

#text-links-unten {
   position:absolute;
   left: 10px;
   bottom: 50px;
	width:156px;
   color: #6a6a6a;
   background-color:transparent;
	text-align: right;
	font-size:10px;
}
#text-rechts-unten {
   position:absolute;
   left: 463px;
   bottom: 10px;
   color: #6a6a6a;
   background-color:transparent;
	text-align: left;
	font-size:10px;
}
#kleinbildgalerie, #themengalerie {
   position:absolute;
   right:200px;
   top:0px;
	vertical-align:middle;
   height:520px;
   border:0px;
   color: silver;
   background-color:transparent;
	overflow-y: auto;
	overflow-x: hidden;
}
#kleinbildgalerie {
   width:110px!important;
}
#themengalerie { /* top und höhe sind an navibereich-inthebox ausgerichtet */
   right:194px;
   top:76px; 
	overflow-y: auto;
	overflow-x: hidden;
	height:444px;
   width:610px!important;
	text-align:right;
}
#grossbild{
	position:absolute;
	width:510x !important;
	bottom:24px;
	left:0px;
	padding:0px;
	margin:0px;
	/*border-color: #0080FF;
	border-width:thin;
	border:solid;*/
}
#grossbildHoch{
	position:absolute;
	height:450px !important;
	bottom:24px;
	left:0px;
	padding:0px;
	margin:0px;
	/*border-color: #008040;
	border-width:thin;
	border:solid;*/
}
#bildtext{
	position:absolute;
	bottom:15px;
	width:550px;
	height:8px;
	left:0px;
   font-size: 12px;
	color: black;
	background-color:transparent;
}
#vita-bild{
	float:right;
	margin-top: 5px; 
	margin-left: 10px; 
	margin-right: 20px; 
	margin-bottom: 5px; 
	top:0px;
	right:0px;
	width:110px;
}
#gaestebuch{
	position:absolute;
   left:68px;
   top:80px;/*130px*/
	width:535px;
	height:440px;/*388px*/
	overflow-y: hidden;
	overflow-x: hidden;
	background-color:transparent;
}
/* =======================================
   E N D E   D E S   S T Y L E S H E E T S
   ======================================= */