/* 
	letzte Version 7.09.09
	heike
	
	Änderung Style für Textarea aufgenommen
	Änderer: Michael
	Datum:  08.09.2009
*/

body {
	background-attachment: fixed;
	background-repeat: repeat;
	background-image: url(/grafiken/hintergrund.jpg);
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-image: url(/grafiken/aufzaehlung.gif);
	line-height: 18px;
}
div.logo_print 
{
	visibility:hidden;
}

div.kopf {
	background-image: url(/grafiken/kopf.jpg);
	background-repeat: no-repeat;
	position: relative;
	height: 200px;
	width: 1000px;
}

div.logo {
	background-image: url(/grafiken/logo.gif);
	background-repeat: no-repeat;
position:absolute; 
width:195px; 
height:121px; 
z-index:1; 
left: 25px; 
top: 25px;
}

div.suche {
	position:absolute;
	width:195px;
	height:50px;
	z-index:2;
	left: 25px;
	color: #0063A5;
	top: 186px;
	font-variant: small-caps;

}
div.nav-horizontal{
	position: absolute;
	height:20px;
	width: 700px;
	left: 260px;
	top: 220px;
	font-variant: small-caps;
	
}

table.nav-horizontal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	background-position: right;
	width: 100%;
}
a.nav-horizontal:link 
{
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}



a.nav-horizontal:visited 
{
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}

a.nav-horizontal:hover 
{
	font-size: 12px;
	font-weight: normal;
	color: #0063A5;
	text-decoration: none;
}


a.nav-horizontal:active 
{
	font-size: 12px;
	font-weight: normal;
	color: #CC0000;
	text-decoration: none;
}


#active_menu.nav-horizontal {
	   
	font-size: 12px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: none;


}

div.nav-vertikal {
	position:relative;
	width:195px;
	height:115px;
	z-index:3;
	left: 	0px;
	top: 20px;
	font-variant: small-caps;

}

a.nav-vertikal:link 
{
	font-size: 12px;
	font-weight: normal;
	color: #0063A5;
	text-decoration: none;
	left: 20px;
	text-indent: 18px;
	padding-left: 20px;
	background-image: url(/grafiken/punkt.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

a.nav-vertikal:visited 
{
	font-size: 12px;
	font-weight: normal;
	color: #0063A5;
	text-decoration: none;
	left: 20px;
	text-indent: 18px;
	padding-left: 20px;
	background-image: url(/grafiken/punkt.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

a.nav-vertikal:hover 
{
	font-size: 12px;
	font-weight: normal;
	color: #0063A5;
	text-decoration: none;
	left: 20px;
	text-indent: 18px;
	padding-left: 20px;
	background-image: url(/grafiken/punkt-blau.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

a.nav-vertikal:active 
{
	font-size: 12px;
	font-weight: normal;
	color: #0063A5;
	text-decoration: none;
	left: 20px;
	text-indent: 18px;
	padding-left: 20px;
	background-image: url(/grafiken/punkt-blau.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#active_menu.nav-vertikal {
	   PADDING-LEFT: 20px; 
	   BACKGROUND: url(/grafiken/punkt-rot.gif) no-repeat 0px center; 


}

div.content {
	position:absolute;
	width:700px;
	z-index:5;
	left: 272px;
	top: 266px;
	height: auto;
	text-align: left;
}

div.ausgebucht {
	position:absolute;
	width:309px;
	height: 114px;
	z-index:4;
	left: 95px;
	top: 122px;
	background-image: url(/grafiken/ausgebucht.gif);
}



h1 {
	font-weight: bold;
	color: #0063A5;
	font-size: 13px;
}

h2 {
	font-weight: bold;
	color: #999999;
	font-size: 13px;
}

h3 {
	font-weight: bold;
	color: #0063A5;
	font-size: 13px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

a:link 
{
	font-weight: normal;
	color: #0063A5;
	text-decoration: none;
}

a:visited 
{
	font-weight: normal;
	color: #0063A5;
	text-decoration: none;
}

a:hover
{
	font-weight: normal;
	color: #CC0000;
	text-decoration: none;
}

a:active
{

	font-weight: normal;
	color: #CC0000;
	text-decoration: none;
}
hr {
	border: medium dotted #CCCCCC;
}

div.unternav-vertikal {
	position:relative; width:195px; height:115px; z-index:3; left: 25px; top: 56px;
	font-variant: small-caps;
			line-height: 12px;
}

a.unternav-vertikal:link 
{
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	left: 20px;
	text-indent: 18px;
	padding-left: 20px;

	font-variant: normal;
}

a.unternav-vertikal:visited 
{
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	left: 20px;
	text-indent: 18px;
	padding-left: 20px;
	font-variant: normal;

}

a.unternav-vertikal:hover 
{
	font-size: 12px;
	font-weight: normal;
	color: #0063A5;
	text-decoration: none;
	left: 20px;
	text-indent: 18px;
	padding-left: 20px;
font-variant: normal;
}

a.unternav-vertikal:active 
{
	font-size: 12px;
	font-weight: normal;
	color: #0063A5;
	text-decoration: none;
	left: 20px;
	text-indent: 18px;
	padding-left: 20px;
font-variant: normal;
}

#active_menu.unternav-vertikal {
	   PADDING-LEFT: 20px; 
	   	color: #CC0000;



}

.Bezeichnung 
{
	float: left; 
	width: 120px; 
	font-weight : bold; 
}

.Stil2 
{
	color: #0063A5;
	font-weight: bold;
}


div.container-links {
	position:absolut; 
	width:195px; height:500px; z-index:1; left: 25px; top: 400px;
}
table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


div.index-logo {
	width:1000px;
	height:418px;
	z-index:3;
	margin: auto;
	background-attachment: fixed;
	background-image: url(/grafiken/logo-index.gif);
	background-repeat: no-repeat;
}

.Stil3 
{
	font-size: 9px;
	line-height: 10pt;
}

/*Startseite*/

div.layer1 {
	background-image: url(/grafiken/hintergrundindex.jpg);
	background-repeat: no-repeat;
	height: 650px;
	width: 950px;
	position: absolute;
		z-index: 1;

}

div.layer2 {
	height: auto;
	width: 280px;

}

textarea 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/*Arbeitsraum*/

div.ar_headline {
	position:absolute;
	left:25px;
	top:220px;
	width: 500px;

}

div.ar_nav {
	position:absolute;
	left:660px;
	top:220px;
	width: 199px;

}

table.suche_ar {
	position:absolute;
	z-index:2;
	left: 700px;
	top: 300px;
	width: 215px;

}
div.suche_ar {
	color: #0063A5;
	font-variant: small-caps;
	border:1px solid #aaaaaa;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	width: 170px;
	-moz-box-shadow: 5px 5px 3px #C7C7C7;
	-webkit-box-shadow: 5px 5px 3px #C7C7C7;
	box-shadow: 5px 5px 3px #C7C7C7;
	padding: 0px 10px 0px 10px;
	height: 20px;
	vertical-align: middle;
}

.searchstory {
	height: 18px;
	border: inherit;
	
}

div.ar_text {
	position:absolute;
	left:25px;
	top:285px;
	width: 600px;
	bottom: 200px
}


div.ar_box {
	position:relative;
	border:1px solid #aaaaaa;
	left:700px;
	top:120px;
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
	width: 170px;
	-moz-box-shadow: 5px 5px 3px #C7C7C7;
	-webkit-box-shadow: 5px 5px 3px #C7C7C7;
	box-shadow: 5px 5px 3px #C7C7C7;
	padding: 0px 10px;
	/*height: 170px;*/
	height: auto;
	margin-top: 20px;
}


div.ar_sharethis {
	position:absolute;
	width: 170px;
	padding: 10px;
	margin-top: 140px;
	left:700px;
}
div.ar_sharethis_termin 
{
	position:relative;
	width: 170px;
	padding: 0px;
	margin-top: -30px;
}

a.bubble
{
	border-bottom: 1px dotted;
	/*color: #5A5A5A;*/

	font-weight: bold;}
a.bubble:active
{
	border-bottom: 1px dotted;
	color: #0063A5;
	font-weight: bold;
}

a.bubble:hover
{
	border-bottom: 1px dotted;
	color: #0063A5;
	font-weight: bold;
}

h1.story {
	font-weight: bold;
	color: #636363; 
	font-size: 16px;
	/*font-variant: small-caps;*/
}

h3.story {
	font-weight: bold;
	color: #CC0000;
	font-size: 13px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}


a.icon-nav:link 
{
	font-size: 11px;
	font-variant: small-caps;

	color: #0063A5;
	text-decoration: none;
}

a.icon-nav:visited 
{
	font-size: 11px;
	font-variant: small-caps;

	color: #0063A5;
	text-decoration: none;
}

a.icon-nav:hover
{
	font-size: 11px;
	font-variant: small-caps;

	color: #CC0000;
	text-decoration: none;
}

a.icon-nav:active
{
	font-size: 11px;
	font-variant: small-caps;

	color: #CC0000;
	text-decoration: none;
}


#active_menu.icon-nav {
	   
	font-size: 11px;
	font-variant: small-caps;

	color: #CC0000;
	text-decoration: none;


}

b.aktuell
{
	font-weight: normal;
	color: #CC0000;
}

/*h3 {

	font-weight: bold;
	font-size: 13px;
	color: #CC0000;

}*/

div.ar_foto {
	position:relative;
	background-image: url(storytelling/autoren/kopf-info.jpg);
	border:1px solid #aaaaaa;
	left:0px;
	top:0px;
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
	width: 580px;
	-moz-box-shadow: 5px 5px 3px #C7C7C7;
	-webkit-box-shadow: 5px 5px 3px #C7C7C7;
	box-shadow: 5px 5px 3px #C7C7C7;
	padding: 0px 10px;
	margin-top: 15px;
	height: 140;
}