/* CSS Document */

/* CSS Document */


/**************************************************************************
	General setup of Page
**************************************************************************/

* {
	padding:0;
	margin:0;
}

html {
	overflow:scroll;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12.5px;
	line-height:1.3em;
	color:#e0e0e0;
	text-align:center;
	margin-bottom:35px;
	background:#e6e6e6 url(../img/basis/bg.jpg) top left repeat-x;
	height:103%;
	scrollbar-base-color: #d4d4d4;
	scrollbar-arrow-color: #5b5b5b;
	scrollbar-3dlight-color: #f1f1f1;
	scrollbar-darkshadow-color: #4a4a4a;
	scrollbar-face-color: #c1c1c1;
	scrollbar-highlight-color: #dadada;
	scrollbar-shadow-color: #8e8e8e;
	scrollbar-track-color: #d5d5d5;
}

img {
	border:none;
	margin:0;
	padding:0;
}

img.left {
	float:left;
	margin-right:1.5em;
}

a {
	text-decoration:none;
	color:#666666;
}

/**************************************************************************
	General paragraph styles
**************************************************************************/

h1{
	font-size:150%;
	font-weight:bold;
	margin:0 0 0 0;
}

h2{
	font-size:115%;
	font-weight:bold;
	margin:0 0 0 0;
}

h3 {
	font-size:100%;
	font-weight:bold;
	margin:0 0 0 0;
}

p{
	margin:0 0 1.2em 0;
}

p.footnote {
	font-style:italic;
	color:#9e9e9e;
	font-size:90%;
}

p.bildunterschrift {
	color:#9e9e9e;
	font-size:90%;
}

.anmerkung {
    font-style:italic;
	color:#9e9e9e;
	font-size:90%;
}

/**************************************************************************
	General picture in content-column definitions
**************************************************************************/
.pic_text_left{
	float:left;
	width:100%;
	margin:0 0 1em 0;
}

.pic_text_left .image {
	float:left;
	margin:0 1.5em 0 0;
}

.pic_text_left .image img {

}
.pic_text_left .image p {
	margin: 0.5em 0 0 0;
	color:#9e9e9e;
}

.pic_text_left>h2{
	margin-top:0;
}

.picline {
	float:left;
	margin:0.5em 0 0.5em 0;
	width:100%;
}

.picline div {
	float:left;
	margin:0 20px 0 0;
}

.picline div.fixed {
	width:110px;
	margin:0 15px 0 0;
}

.picline div img {
	margin-bottom:0.3em;
}

/* TXTformat ua. für FastenbegleiterInnen unter Fotos */

.picline div p {
	font-size: 85%;
	color:#B6B6B6;
}


/**************************************************************************
	Containers for the overall div elements
**************************************************************************/

#yellow, #blue {
	margin: 0 auto;
	text-align:center;
	padding:20px 0 0 0;
	width:960px;
}

/**************************************************************************
	Header definition and substyles
**************************************************************************/

#header {
	float:left;
	color:#a7a7a7;
	margin-bottom:15px;
	width:100%;
}

#header * a {
	color:#a7a7a7;
}

#header * a:hover {
	color:#666666;
}

 #header img#logo {
	margin:0 0 15px 0;
	float:left;
}

 #header #righttext {
	margin: 38px 0 0 0;
	padding:0;
	font-size:90%;
	float:left;
}

#header #righttext a {
	margin-left:30px;
}


#header #headright {
	font-size:14px;
	margin:38px 0 0 0;
	float:right;
}

#header #headright a#fontBig{
	font-size:20px;
}

 #colourline {
	clear:both;
	height:3px;
	border:none;
	background-color:#d2d2d2;
	margin: 0 0 1px 0;
	padding: 0 0 0 0;
}

 #colourline #blue_spacer2 {
	float:left;
	width:88px;
	height:3px;
	background-color:#00d2ff;
}

 #colourline #blue_spacer{
	float:left;
	width:88px;
	height:3px;
	background-color:#6eb2db;
}

 #colourline #yellow_spacer{
	float:left;
	width:88px;
	height:3px;
	background-color:#ffc600;
}

 #colourline #orange_spacer{
	float:left;
	width:88px;
	height:3px;
	background-color:#ff6000;
}

/**************************************************************************
	Banner-image definition and substyles
**************************************************************************/

#banner {
}

#trenner {
	border-top:#666666 1px solid;
	background:url(../img/basis/zier_green.gif) top left repeat-x;
	height:8px;
}

/**************************************************************************
	Main-Container
**************************************************************************/

#container {
	text-align:left;
	float:left;
	color:#e0e0e0;
	padding:35px 0 0 0;
	margin-bottom:15px;
	width:100%;
	background:#666666;
}

 #container * a {
	color:#e0e0e0;
}

/**************************************************************************
	Navigation definition and substyles
**************************************************************************/

 #container #left {
	float:left;
	width:212px;
	margin-bottom:20px;
}

 #container #left ul{
	width:100%;
	margin:0;
	padding:0;
	border-top:#575757 1px solid;
	list-style-type:none;
}

 #container #left ul li {
	border-bottom:#575757 1px solid;
	display:block;
}

 #container #left ul li a{
	border-top:#818282 1px solid;
	display:block;
	padding:0.5em 10px 0.5em 35px;
}

 #container #left ul li a:hover{
	background:#606060
}

 #container #left ul li a.active{
	background:#606060;
}

#container #left ul li ul {
}
	

#container #left ul li ul li {
	border:#666666;
}

 #container #left ul li ul li a {
	border:none;
	padding:0.5em 10px 0.5em 45px;
}

/**************************************************************************
	Content-column definition and substyles
**************************************************************************/

 #container #content {
	width:660px;
	float:right;
	min-height:410px;
	margin:0 29px 25px 0 !important;
	margin:0 15px 25px 0
}

#container #content * img{
	border:#FFFFFF 3px solid;
}

#container #content * img.noborder{
	border:none;
}

 #container #content>p {
	margin-top:0;
}
 #container #content>h1 {
	margin-top:0;
}

 #container #content .audioplayer {
	float:left;
}

#container #content .navline {
	float:left;
	margin-bottom:0.5em;
	padding-bottom:0.5em;
	border-bottom:#818282 1px solid;
	width:100%;
}

#container #content .navline h2 {
	float:left;
}

#container #content .navline .navgroup {
	float:right;
}

#container #content .navline .navgroup .back a{
	background:url(../img/basis/arrow_back_filled_yellow.gif) center left no-repeat;
	padding:0 8px 0 15px;
	border-right:#e0e0e0 1px solid;
}

#container #content .navline .navgroup .forth a{
	background:url(../img/basis/arrow_filled_yellow.gif) center right no-repeat;
	padding: 0 15px 0 8px;
	border-left:#e0e0e0 1px solid;
}

#container #content .navline .navgroup .overview a{
	padding:0 8px 0 8px;
}

/**************************************************************************
	footer definition and substyles
**************************************************************************/

#footer {
	margin:0;
	padding:0;
	width:100%;
	height:3em;
	overflow:hidden;
	font-size:90%;
	border-top:#848585 1px solid;
	float:left;
	background:#3c3c3c url(../img/basis/edge_bottom_left.gif) bottom left no-repeat;
}

#footer ul {
	margin:6px 0 0 35px !important;
	margin:6px 0 0 18px;
	padding:0;
	list-style-type:none;
	float:left;
}

#footer ul li {
	float:left;
	margin-right:25px;
	padding:0;
}

#footer ul li a {
	padding:0 0 0 15px;
	background:url(../img/basis/arrow_filled_yellow.gif) center left no-repeat;
	display:block;
	float:left;
}

#icon_flash_player {
	width:11em;
	float:right;
	margin-left:20px;
}

#icon_flash_player  a{
	display:block;
	height:21px;
	padding:7px 0 0 25px;
	background:url(../img/basis/flash_player.gif) center left no-repeat;
}

#Herausgeber {
	width:21em;
	float:right;
	margin-left:20px;
}

#icon_adobe_reader {
	width:12em;
	height:3em;
	float:right;
	margin-left:20px;
	background:url(../img/basis/edge_bottom_right.gif) bottom right no-repeat;
	padding-right:24px;
}

#icon_adobe_reader a {
	display:block;
	height:21px;
	padding:7px 0 0 25px;
	background:url(../img/basis/adobe_reader.gif) center left no-repeat;
}


/**************************************************************************
	Formular der Fastenbegleiter
**************************************************************************/

form#fasten {
}

form#fasten textarea,input.textinput {
	display:block;
	width:500px;
	background:#757575;
	border:#CCFF00 1px solid;
	margin-bottom:1em;
	padding:0 0.5em 0 0.5em;
	color:#e0e0e0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:120%;
	overflow:auto;
}

form#fasten p.inputtext{
	color:#e5f53f;
	font-weight:bold;
	margin-bottom:0.3em;
}

form#fasten .picline .fixed p {
}

form#fasten input.submit {
	border:#CCFF00 1px solid;
	background:#757575;
	padding: 3px;
	color:#e0e0e0;
	cursor:pointer;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
}

form#fasten input.radio {
	display:block;
	float:left;
	margin-right:0.4em;
	margin-bottom:1em;
}


/**************************************************************************
	Overrides for yellow version of site
**************************************************************************/

#yellow * h1 {
	color:#e5f53f;
}

#yellow * h2 {
	color:#e5f53f;
}

#yellow * h3 {
	color:#e5f53f;
}

#yellow em {
color:#e5f53f;
font-style: italic;
font-weight:normal;
}

#yellow #footer ul li a:hover {
		color:#e5f53f;
}

#yellow #container #content * a {
	color:#e5f53f;
}

#yellow #container #content * a:hover {
	text-decoration:underline;
}

#yellow #container #content .navline .navgroup * a{
	color:#e0e0e0;
}