/* Start of CMSMS style sheet 'plan17' */
/* styles fuer plan17.de */
/* polychroma.de ******* */
/* 20061111 ************ */
/* angepasst für ie7 */

* {margin: 0; padding: 0;}

body {
	background: #FFF;
	font: .8125em arial, "Avenir LT Std 65 Medium", "Myriad Web","Tahoma","Helvetica","Arial",sans-serif;
	color: #333;
	text-align: center;
}

a {text-decoration: none;}
a img {border: none;}
a:link, a:visited {color: #999; }
html body a:hover {color: #333; }

.warnung {
	color: #c00 !important;
	font-size: 20px !important;
	background-color: #ff6 !important;
	padding: 8px 4px;
}

#seiteninhalt a {
	margin: 0;
	color: #c00;
}

#seiteninhalt a:hover {
	color: #333;
}

address {
	font-style: normal;
	margin: 0 0 14px 0;
}

#seitenumschlag {
	text-align: left;
}

/* **********************************
   SEITENKOPF
   ******************************* */

#seitenkopf {
	height: 142px;
	background: url(imgs/allgemein/bg_seitenkopf.gif) repeat-x bottom;
}

#start {

	margin: 0 auto 0 auto; text-align:left;
	width: 830px; height: 100px;
	text-indent: -5000px;
top: 40px;
	background: url(imgs/allgemein/logo.gif) no-repeat;
	border-bottom: 2px solid #333;
	position: relative;
}

#start a {
	display: block; width: 200px; height: 100px;
}

#kopfnavigation {
position: absolute;
top: 66px; left: 420px;
width: 410px; height: 32px;
display: block;
border-bottom: 4px solid #333;
text-align: left;
}

#kopfnavigation li {width: 85px; height: 14px !important; margin:0; padding:0; overflow:hidden; background: url(imgs/allgemein/seitenkopf_navigation.gif) 0 0 no-repeat; display: block; list-style: none; height /**/: 14px;}
#kopfnavigation a {width: 85px; display: block; text-decoration:none; padding: 14px 0 0 0; overflow:hidden; height: 0px !important; height /**/: 14px;}
#kopfnavigation #kopf-autoren {position: absolute; top: 0px; width: 75px; }
#kopfnavigation #kopf-netzwerk {position: absolute; top: 0px;  left: 90px; top: 0px; background: url(imgs/allgemein/seitenkopf_navigation.gif) -80px 0 no-repeat;}
#kopfnavigation #kopf-standorte {position: relative; top: 0px; left: 185px; top: 0px;  background: url(imgs/allgemein/seitenkopf_navigation.gif) -165px 0 no-repeat; width: 90px;}

#kopfnavigation #kopf-autoren a:hover, #kopfnavigation #kopf-autoren .auswahl {background: url(imgs/allgemein/seitenkopf_navigation.gif) 0 -14px no-repeat;}
#kopfnavigation #kopf-netzwerk a:hover, #kopfnavigation #kopf-netzwerk .auswahl {background: url(imgs/allgemein/seitenkopf_navigation.gif) -80px -14px no-repeat;}
#kopfnavigation #kopf-standorte a:hover, #kopfnavigation #kopf-standorte .auswahl {background: url(imgs/allgemein/seitenkopf_navigation.gif) -165px -14px no-repeat; width: 90px;}


#kopfnavigation ul {
}

/* **********************************
   SEITENINHALT
   ******************************* */

div#seiteninhalt {
	margin: 40px auto 0 auto;
	padding: 0;
	text-align:left;
	width: 832px;
	line-height: 18px;
}

div#brotkrumen {
	margin: 0 0 20px 0;
}

div#seiteninhalt h3 {
	font-size: 16px;
	margin: 0 0 10px 0;
}

div#seiteninhalt h4 {
	font-size: 14px;
	margin: 0;
	color: #333;
}

div#seiteninhalt #brotkrumen h3 {
	display: inline;
	font-size: 20px;
	text-transform: uppercase;
	padding: 0; margin: 0;
}

div#seiteninhalt #brotkrumen h4 {
	display: inline;
	font-size: 14px;
	margin: 0 0 0 6px;
	text-transform: uppercase;
	padding: 0;
}

#brotkrumen a {
	padding: 0; margin: 0;
	background: none; color: #999;
}

div#seiteninhalt #bio {
	width: 190px;
	float: left;
	overflow: hidden;
}

div#seiteninhalt #textproben, div#seiteninhalt #bio-2 {
	width: 190px;
	float: left; margin: 0 0 0 20px;
	overflow: hidden;
}

div#seiteninhalt p {
	margin: 0 0 14px 0;
}

div#seiteninhalt #textproben p {
	font-style: italic;
}

div#seiteninhalt #foto {
	position: relative;
	width: 410px;
	float: right; margin: 0 0 30px 0;
	height: 300px;
}

div#seiteninhalt #foto ul {
	list-style: none;
	position: relative;
}

div#seiteninhalt #foto li {
	position: absolute;
	width: 100%; height: 100%;
	top: 0; left: 0;
	list-style: none;
}

div#seiteninhalt #startfotos {
	position: relative;
	width: 420px; height: 100%;
	margin: 0 -7px 30px 30px;
	float: right;
}

div#seiteninhalt #startfotos ul {
	list-style: none;
	margin: 0;
}

div#seiteninhalt #startfotos li {
	padding: 0 6px 6px 0;
	list-style: none;
	display: inline;
}

div#seiteninhalt #startfotos img {
	width: 76px; height: 76px;
	margin: 0; border: 1px solid #666;
	overflow: hidden;
}

div#seiteninhalt #startfotos a:hover img {
	border: 1px solid #c00;
}

#startfotos a span {
	background-color: #fff; color: #333;
	position: absolute;
	bottom: 0px; left: 174px;
	filter:alpha(opacity=0);-moz-opacity:0;opacity:0;
}

#startfotos a:hover span {
	filter:alpha(opacity=70);-moz-opacity:1;opacity:1;
}

div#seiteninhalt #kolumne-1-2 {
	width: 380px;
	margin: 0; padding: 0;
	float: left;
}

div#seiteninhalt #kolumne-3-2 {
	width: 380px;
	margin: 0 0 0 420px;
}

div#seiteninhalt #kolumne-1-1 {
	width: 200px;
	margin: 0 0 0 0;
	float: left;
}

div#seiteninhalt #kolumne-2-1 {
	width: 200px;
	margin: 0 0 0 10px;
	float: left;
}

div#seiteninhalt #kolumne-3-1 {
	width: 200px;
	margin: 0 0 0 420px;
}

div#seiteninhalt #kolumne-4-1 {
	width: 200px;
	margin: 0 0 0 630px;
}

#info {
	margin: 0 0 0 420px;
	padding: 0;
}

div#seiteninhalt #kontakt-2-1 {
	width: 200px;
	margin: 30px 0 0 210px; padding: 20px 0 0 0;
	border-top: 2px solid #c00;
}

#leseproben, #kontakt {
	float: left; display: block;
	margin: 0 0 20px 0; padding: 20px 0 0 0;
	width: 200px;
	border-top: 2px solid #c00;
}

#leseproben, #kontakt {
	clear: right;
}


#drei1, #vier1 {
	float: left; display: block;
	margin: 0 0 20px 0; padding: 20px 0 0 0;
	width: 200px;
}

.liste {
	float: left;
	margin: 0 0 20px 0; padding: 20px 0 0 0;
	width: 200px;
	border-top: 2px solid #c00;
}

.kontaktliste {
	float: left; display: block;
	margin: 0; padding: 20px 0 0 0;
	width: 410px;
	border-top: 2px solid #c00;
}

#leseproben, #drei1 {
	margin: 0 10px 0 0;
}

#leseproben h4, #kontakt h4{
	text-transform: uppercase;
	margin: 0 0 10px 0;
	font-size: 14px;
}

#leseproben a {
	color: #333;
}

#leseproben a:hover {
	color: #c00;
}

#leseproben li, .kontaktliste li {
	list-style: none;
	line-height: 18px;
	border-bottom: 1px solid #eee;
}

.liste li {
	margin: 0; padding: 0 12px;
	border-top: 0;
	line-height: 20px;
	list-style: none;
	color: #999;
	background: url(imgs/allgemein/bullet.gif) 0 8px no-repeat;
	}

.liste a {
	color: #333;
}

.textquelle, .quelle {
	font-style: italic;
	color: #999;
	text-align: left;
	font-size: 90%;
}

.quelle {
	text-transform: uppercase;
}

#leseprobentext {
 /*	width: 620px;     */
 padding: 0 220px 0 0;
}

#leseprobentext .teaser {
	font-weight: bold;
}

#leseprobentext .sub-teaser, #leseprobentext em, #leseprobentext quote {
	font-style: italic;
}

/* iexplorer box model hack, seufz */

#leseprobenbild {
  float: right;
  margin: 0 -220px 10px 20px;
  width: 630px;
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 410px;
}

#leseprobenbild {
  width: 630px;
  /* border-bottom: 1px solid #333;
  border-right: 1px solid #333; */
}

#leseprobenbild img {
border-bottom: 1px solid #333;
  border-right: 1px solid #333;
}

html>body #leseprobenbild {
  width: 410px;
}

/* **********************************
   SEITENFUSS
   ******************************* */

#seitenfuss {
	width: 100%;
	background: url(imgs/allgemein/bg_seitenfuss.gif) repeat-x;
	clear: both; margin: 20px 0 0 0;
}

/* Fussnavigation */

div#fussnavigation {
	display: block;
	width: 830px;
	margin: 0 auto 0 auto;
}

div#fussnavigation div {
	float: left; display: block;
	margin: 0 0 0 10px; padding: 30px 0;
	width: 200px;
	border-top: 2px solid #c00;
}

div#fussnavigation #autoren {
	margin: 0;
}

div#fussnavigation h4 a, div#fussnavigation h4{
	display: block;
	height: 14px; width: 105px; margin: 0; padding: 0;
	text-indent: -5000px; overflow:hidden;
}

#autoren h4 a, #autoren h4 { background: url(imgs/allgemein/seitenfuss_navigation.gif) no-repeat 0 0 transparent; }
#autoren h4 a:hover { background-position: -105px 0; }

#netzwerk h4 a, #netzwerk h4 { background: url(imgs/allgemein/seitenfuss_navigation.gif) no-repeat 0 -14px transparent; }
#netzwerk h4 a:hover, #netzwerk h4 .auswahl { background-position: -105px -14px; }

#ueberuns h4 a, #ueberuns h4 { background: url(imgs/allgemein/seitenfuss_navigation.gif) no-repeat 0 -28px transparent; }
#ueberuns h4 a:hover { background-position: -105px -28px; }

#standorte h4 a, #standorte h4 { background: url(imgs/allgemein/seitenfuss_navigation.gif) no-repeat 0 -42px transparent; }
#standorte h4 a:hover { background-position: -105px -42px; }

div#fussnavigation ul {
	padding: 20px 0 0 0;
	list-style: none;
	}

div#fussnavigation li {
	margin: 0; padding: 0 12px;
	border-top: 0;
	line-height: 20px;
	list-style: none;
	color: #999;
	background: url(imgs/allgemein/bullet.gif) 0 8px no-repeat;
	}

div#seitenfuss:hover a {
	color: #666;
	}

div#seitenfuss a:hover {
	color: #333;
	}

/*
div#fussnavigation li a{
	width: 188px; display: block;
	}
*/

div#fussnavigation a.auswahl {
	color: #c00;
	cursor: default;
	}

#seitenanfang {
	clear: both;
	border-top: 2px solid #333;
	margin: 0 auto 40px auto; padding: 16px 0 0 0;
	width: 830px;
	text-align: right;
}

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}


span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #seiteninhalt h3 {
	visibility: hidden;
	letter-spacing: -.5px;
	font-size: 22px;
}

.sIFR-hasFlash #seiteninhalt h4 {
	visibility: hidden;
	letter-spacing: 0px;
	font-size: 16px;
}

.sIFR-hasFlash #info h4 {
	visibility: hidden;
	margin: 0 0 10px 0;
}

/* End of 'plan17' */

