/*  ===============================================
Stylesheet für "kathrinhanisch.de"
Datei:  stylesheet01.css
Datum:  2010-07-09
Autor:  Kathrin Hanisch
Aufbau: 1. Kalibrierung und Restauration
        2. Allgemeine Styles
        3. Styles für Layoutbereiche
        4. Sonstige Styles
================================================ */

/* ====================================== 
  1. Kalibrierung und Restauration
  ====================================== */
/* Reset - alle Abstände auf NULL */ 
* {padding: 0; margin: 0; }
/* optional: erzwingt Scrollbar im Firefox */
html { 
  height: 100%;
  margin-bottom: 1px;
}
/* hier ggfs. Abstände für weitere Elemente restaurieren */

/* ====================================== 
  2. Allgemeine Styles 
  ====================================== */
/* Hintergrundfarbe und Schriftfarbe */
@font-face {
	font-family: 'TitilliumText22LThin';
	src: url('TitilliumText22L001-webfont.eot');
	src: local('☺'), url('TitilliumText22L001-webfont.woff') format('woff'), url('TitilliumText22L001-webfont.ttf') format('truetype'), url('TitilliumText22L001-webfont.svg#webfontq7laKzp6') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TitilliumText22LLight';
	src: url('TitilliumText22L002-webfont.eot');
	src: local('☺'), url('TitilliumText22L002-webfont.woff') format('woff'), url('TitilliumText22L002-webfont.ttf') format('truetype'), url('TitilliumText22L002-webfont.svg#webfont2HSmaKqH') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TitilliumText22LRegular';
	src: url('TitilliumText22L003-webfont.eot');
	src: local('☺'), url('TitilliumText22L003-webfont.woff') format('woff'), url('TitilliumText22L003-webfont.ttf') format('truetype'), url('TitilliumText22L003-webfont.svg#webfontkaaDXo8y') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TitilliumText22LMedium';
	src: url('TitilliumText22L004-webfont.eot');
	src: local('☺'), url('TitilliumText22L004-webfont.woff') format('woff'), url('TitilliumText22L004-webfont.ttf') format('truetype'), url('TitilliumText22L004-webfont.svg#webfontOAA5jcqk') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TitilliumText22LBold';
	src: url('TitilliumText22L005-webfont.eot');
	src: local('☺'), url('TitilliumText22L005-webfont.woff') format('woff'), url('TitilliumText22L005-webfont.ttf') format('truetype'), url('TitilliumText22L005-webfont.svg#webfontjbFk439A') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TitilliumText22LXBold';
	src: url('TitilliumText22L006-webfont.eot');
	src: local('☺'), url('TitilliumText22L006-webfont.woff') format('woff'), url('TitilliumText22L006-webfont.ttf') format('truetype'), url('TitilliumText22L006-webfont.svg#webfontLYdzcCyT') format('svg');
	font-weight: normal;
	font-style: normal;
}

body { 
  background-color: #FFFFFF; /* Hintergrundfarbe */
  color: #000000; /* Schriftfarbe */
  font-family: 'TitilliumText22L', Helvetica, Arial, Verdana; 
  font-size: 75%;     
  line-height: 1.3;  
}

/* ====================================== 
  3.  Styles für die Layoutbereiche 
  ====================================== */
div#wrapper {
  background-color: #FFFFFF; 
  color: #000000; 
  margin: 50px auto auto 30px;
}
div#kopfbereich {
  background-color: #FFFFFF;
  color: #000000;
  padding: 0px 20px 30px 0px;
  position: fixed;
  top: 10px;
  left: 20px; 
}
div#navibereich { 
  position: fixed;
  top: 192px;
  left: 20px;
  width: 125px; 
}  
div#textbereich { 
  width: 540px;
  position: absolute;
  padding: 20px 0px 20px 0px;
  top: 110px;
  left: 265px; 
} 
div#kontakttext { 
  width: 540px;
  position: absolute;
  padding: 20px 0px 20px 0px;
  top: 110px;
  left: 265px;  
}
div#galerie {
width: 540px;
padding: 20px;
position: absolute;
top: 110px;
left: 230px; 
}
div#pfandpiraten {
width: 540px;
padding: 20px 0px 20px 0px;
margin-top: 110px;
margin-left: 230px;
}
div#datensucht {
width: 540px;
padding: 20px 0px 20px 0px;
margin-top: 110px;
margin-left: 230px;
}
div#russendisko {
width: 540px;
padding: 20px 0px 20px 0px;
margin-top: 110px;
margin-left: 230px;
}
div#logosammlung {
width: 540px;
padding: 20px 0px 20px 0px;
margin-top: 110px;
margin-left: 230px;
}
div#diplomschau {
width: 540px;
padding: 20px 0px 20px 0px;
margin-top: 110px;
margin-left: 230px;
}
div#gdfsuez {
width: 540px;
padding: 20px 0px 20px 0px;
margin-top: 110px;
margin-left: 230px;
}
div#polenski {
width: 540px;
padding: 20px 0px 20px 0px;
margin-top: 110px;
margin-left: 230px;
}
div#naivedots {
width: 540px;
padding: 20px 0px 20px 0px;
margin-top: 110px;
margin-left: 230px;
}
div#filmheimat {
width: 540px;
padding: 20px 0px 20px 0px;
margin-top: 110px;
margin-left: 230px;
}
div#dosenvisionen {
width: 540px;
padding: 20px 0px 20px 0px;
margin-top: 110px;
margin-left: 230px;
}


a { text-decoration: none;
outline: none;
}
a:link { color: #000000; }
a:visited { color: #000000; text-decoration: none; }
a:hover, 
a:focus { color: #000000; text-decoration: underline;
}
a:active { color: #000000; text-decoration: none; 
}
li { list-style-type: none; }


/* ====================================== 
  4. Sonstige Styles 
  ====================================== */
  .bildlinks {
  float:left;
  padding: 5px;
  margin: 10px;
  }
  
  .bildlinks2 {
  float:left;
  padding: 5px 0px 5px 0px;
  margin: 10px 0px 10px opx;
  }

  
  
/* ======================================= 
   E N D E   D E S   S T Y L E S H E E T S 
   ======================================= */