/* 
  Cascading Stylesheet fuer www.florian-kopp.de
  Autor: Tobias Hindemitt, 2007
*/

/* 
-------------------------------------------------------
  Allgemeine Tag-Redefinitionen
-------------------------------------------------------
*/

html {
	margin: 0;
	padding: 0;
	}

body {
	font: 10px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #8b8b8d;
	padding: 0;
	margin: 0;
	margin-top: 56px;
	background-color: #f3f3f5;
	}

p {
	margin: 0;
	margin-top: 8px;
	}

h1, h2, h3 {
	font: 20px/24px Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}

/* Eigenschaften von Links
---------------------------------------- */

:link, :visited {  
	text-decoration: none;
	color: #8b8b8d;
	}

:link:hover, :visited:hover, :link:active, :visited:active { 
	border: 0;
	text-decoration: underline;
	}

.em:link, .em:visited, .em:link:active, .em:visited:active {
	color: #000;
	}

/* Formular
---------------------------------------- */
form input, form select {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 1px;
	color: #8c8c8c;
	background-color: #fff;
	border: 1px solid #8c8c8c;
	margin-top: 4px;
	}

form input.button {
	font-size: 10px;
	margin: 0;
	background-color: #f3f3f5;
	color: #404040;
	margin-top: 6px;
	margin-bottom: 6px;
	}

/* iFrame
---------------------------------------- */
iframe {
	border: 0;
	}

/* 
-------------------------------------------------------
  Klassen fuer spezielle Formatierung
-------------------------------------------------------
*/

/* Flaggen fuer Sprachversionen
---------------------------------------- */

.english:link, .english:visited, .english:link:active, .english:visited:active {
	background: transparent url(../grafik/english.gif) no-repeat 0 2px;
	padding-left: 21px;
	}

.deutsch:link, .deutsch:visited, .deutsch:link:active, .deutsch:visited:active {
	background: transparent url(../grafik/deutsch.gif) no-repeat 0 2px;
	padding-left: 21px;
	}

/* 
-------------------------------------------------------
  Ebenen
-------------------------------------------------------
*/

/* Alles umfassend, positionierend
---------------------------------------- */

#container {
	position: relative;
	width: 940px;
	margin: 0 auto 0 auto;
	}

/* Logo
---------------------------------------- */

#logo {
	margin-left: 11px;
	width: 160px;
	}

#logo h1 {
	/* Das Bild */
	background-image: url(../grafik/logo.gif);

	/* Bildgroesse */
	margin-bottom: 18px;
	padding-top: 37px;

	/* Grafik nicht wiederholen */
	background-repeat: no-repeat;
	
	/* Tanteks IE5 Hack */
	height: 37px; 
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0; 

	}
	
/* Lieb zu Opera 5 sein :-) */
html>body #logo h1 {
	height: 0;
	}

#logo h1 span {
	/* Text verstecken */
	display: none;
	}

/* Absolute Positionierung der folgenden
   Ebenen
---------------------------------------- */

#navigation, #language, #content,
#picnavi, #servicenavi, #footer {
	position: absolute;
	}

/* Oberer Bereich
------------------------------------------------------------------- */

#navigation, #language {
	position: absolute;
	top: 13px;
	}

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

#navigation {
	left: 366px;
	}

.galerie:link, .galerie:visited, .galerie:link:active, .galerie:visited:active {
	background: transparent url(../grafik/ec_galerie.gif) no-repeat 0 2px;
	padding-left: 13px;
	}

.profil:link, .profil:visited, .profil:link:active, .profil:visited:active {
	background: transparent url(../grafik/ec_profil.gif) no-repeat 0 2px;
	padding-left: 13px;
	}

.klienten:link, .klienten:visited, .klienten:link:active, .klienten:visited:active {
	background: transparent url(../grafik/ec_klienten.gif) no-repeat 0 2px;
	padding-left: 13px;
	}

.archiv:link, .archiv:visited, .archiv:link:active, .archiv:visited:active {
	background: transparent url(../grafik/ec_archiv.gif) no-repeat 0 2px;
	padding-left: 13px;
	}

.em:link, .em:visited, .em:link:active, .em:visited:active {
	color: #000;
	}

/* Sprachwahl
---------------------------------------- */

#language {
	left: 867px;
	}

/* Inhaltsbereich, Hintergrund fuer Bilder
------------------------------------------------------------------- */

#content {
	top: 55px;
	width: 940px;
	height: 424px;
	background: transparent url(../grafik/bgr_pics.gif) no-repeat;
	padding: 11px 0 0 11px;
	}

#content img {
	float: left;
	margin-right: 8px;
	}

/* Unterer Bereich
------------------------------------------------------------------- */

#picnavi, #servicenavi, #footer {
	top: 488px;
	}

/* Bildnavigation
---------------------------------------- */

#picnavi {
	left: 421px;
	}

.frwd:link, .frwd:visited, .frwd:link:active, .frwd:visited:active,
.ffwd:link, .ffwd:visited, .ffwd:link:active, .ffwd:visited:active,
.fwd:link, .fwd:visited, .fwd:link:active, .fwd:visited:active,
.rwd:link, .rwd:visited, .rwd:link:active, .rwd:visited:active {
	display: block;
	float: left;
	background-repeat: no-repeat;
	background-color: transparent;
	height: 15px;
	}

.frwd:link, .frwd:visited, .frwd:link:active, .frwd:visited:active {
	background-image: url(../grafik/picnavi_frwd.gif);
	width: 21px;
	margin-right: 8px;
	}

.ffwd:link, .ffwd:visited, .ffwd:link:active, .ffwd:visited:active {
	background-image: url(../grafik/picnavi_ffwd.gif);
	width: 21px;
	}

.fwd:link, .fwd:visited, .fwd:link:active, .fwd:visited:active {
	background-image: url(../grafik/picnavi_fwd.gif);
	width: 15px;
	margin-right: 8px;
	}

.rwd:link, .rwd:visited, .rwd:link:active, .rwd:visited:active {
	background-image: url(../grafik/picnavi_rwd.gif);
	width: 15px;
	margin-right: 8px;
	}

.frwd:link:hover, .frwd:visited:hover, .ffwd:link:hover, .ffwd:visited:hover,
.rwd:link:hover, .rwd:visited:hover, .fwd:link:hover, .fwd:visited:hover {
	background-position: 0 -45px;
	}

.frwd span, .ffwd span, .fwd span, .rwd span {
	display: none;
	}

/* Textbereich
---------------------------------------- */
#textleftcol, #texttwocol, #textmidcol, #textrightcol {
	position: absolute;
	left: 380px;
	font-size: 11px;
	line-height: 18px;
	color: #000;
	padding: 40px 136px 0 0;
	}

#textleftcol {
	width: 244px;
	left: 60px;
	padding: 0;
	padding-top: 40px;
	}

#textmidcol {
	width: 244px;
	left: 368px;
	padding: 0;
	padding-top: 20px;
	}

#textrightcol {
	width: 244px;
	left: 658px;
	padding-top: 20px;
	}

#texttwocol ul, #textmidcol ul, #textrightcol ul {
	padding: 0;
	margin: 8px 0 16px 0;
	list-style-type: none;	
	}

#texttwocol ul li, #textmidcol ul li, #textrightcol ul li {
	padding: 4px 4px 4px 0;
	padding-left: 13px;
	background: transparent url(../grafik/ec_list.gif) 0px 11px no-repeat;
	margin: 0;
	}

#textmidcol :link, #textmidcol :visited, #textmidcol :link:active, #textmidcol :visited:active,
#textrightcol :link, #textrightcol :visited, #textrightcol :link:active, #textrightcol :visited:active {
	color: #000;
	}

/* Servicenavigation
---------------------------------------- */

#servicenavi {
	left: 829px;
	}

/* Fusszeile
---------------------------------------- */

#footer {
	left: 11px;
	}