/*  =========================================================
Stylesheet fır die Webseiten Josef Ambrusch
Malerei
Stand:  V1.0
Datei:  bildschirm.css
Media:  screen
Datum:  23.10.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;
	background-color:#FFFFFF;
   color: white;
	line-height:1.5em;
	background-repeat:repeat;
	background-image:url(photos/josef-ambrusch-hg2.jpg);
	background-position:center;
		
	/*background-repeat:repeat;*/
 
 }

h1 {
   /*font-family:  "Tempus Sans ITC",Verdana, Helvetica,sans-serif;*/
   /*font-family:  "Monotype Corsiva",Verdana, Helvetica,sans-serif; AHe 05.07.2009*/
   /*font-family:  "Times New Roman",sans-serif;*/
   font-size: 200%; /*200%;145%;*/
	font-weight:normal;
	/*color: #565656;*/
}
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: underline;
}
a:link,
a:visited {
	text-decoration: underline;
	color: #D7D7D7;
}

img {
	border:none;
	border-color: transparent;
}

/* Allgemeine Klassen und IDs */
.skiplink {
   position: absolute;
   left: -3000px;
   top: -2000px;
   width: 0px;
   height: 0px;
   overflow: hidden;
   display: inline;
}
.li-id {
	float:left;
	left:250px;
	width:172px;
	text-align:left;
	font-size:1em;
	font-weight:normal;
	background-color:blue;
	line-height:1.7em;
}
.li-id-aktiv {
	float:left;
	left:250px;
	width:172px;/*180*/
	text-align:left;
	font-size:1em;
	font-weight:bolder;
		font-weight:bold;
	background-color:red;
	line-height:1.7em;
	color:#FFFF00;
}

.clearing { clear: both; }

#aussencontainer {
	position: relative;
	float: none;
	height: auto;
   left:50%;
   top:0;
   width:600px; 
	background-image:url(photos/hgdunkel-mit-schatten-920.gif);
   margin-left: -460px; 
   margin-top: 0px;
	background-repeat:repeat-y;
	margin-right: auto;
	margin-bottom: auto;
	margin-bottom: 0px;
	padding-top:268px;
	padding-left:30px;
	padding-right:300px;
	padding-bottom:370px;
	overflow-x: hidden;
	overflow-y: hidden;
}
#aussencontainer-zentriert {
   position: absolute;
   left:50%;
   width:920px; 
   top:50%;
   height:600px;
   margin-top: -300px; 
   margin-left: -460px;
	background-image:none;
	background-color:transparent;
}

#querbalken{
	position:absolute;
	left:5px;
	width:910px;
	height:40px;
	top:197px;
	background-color: #474747;
	z-index:0;
}
#bild-top{
   position: absolute;
	top:0px;
	left:6px;
	width:908px;
	z-index:4;
}
#logo{
	position:absolute;
	top:128px;
	left:708px;
	height:40px;
	background-color:transparent;
	z-index:5;
}

#titel-oben {
   padding-left:700px;
	padding-top:10px;
	color: #999999;
	text-align:left;
}
#seite-start #titel-oben {
	position:absolute;
	top:40px;
	right:40px;
	font-size: 105%;
   padding-left:660px;
}
#seite-start #titel-links{
	position:absolute;
	top:0px;
	left:0px;
	left:498px;
	top:419px;
	text-align:left;
	font-size: 105%;
	font-weight:normal;
	color: #999999;
}
#titel-start{
   position: absolute;
   top:320px;
   top:220px;
	left:0px;
	padding-left:495px;
	font-size: 590%;/*590*/
	font-weight:bold;
	height:250px;
	padding-top:0px;
	line-height:3em;
}

#seite-start a,
#seite-start a:link,
#seite-start a:visited,
#seite-start a:hover,
#seite-start a:focus {
	text-decoration: none;
}

#titel-links{
   top:260px;
	left:0px;	
	padding-left:0px;
	text-align:left;
	font-size:11px;
	font-weight:normal;
	color: #999999;
}
#navibereich-inthebox {
   clear: both;
   position:absolute;
   left:700px;
   top:0px;
   width:182px;
   text-align:left;
	color: #F8F8F8;
   background-color:transparent;
	padding: 4px 4px 4px 8px;
	padding-top:273px;

	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: #F8F8F8;
		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 {
   	text-decoration: underline;
		color:#6A6A6A;
		background-color:transparent;
   }

#footer {
	position:absolute;
	bottom:8px;
	height:15px;
	right:15px;
	color: gray;
	padding-right:15px;
	background-color:transparent;
}