/* CSS by Fabian Scholz - B. KRAUSE GmbH, Germany - 02-2010 */
@import url("navigation.css");

body {
	background-color:#EEE;
	margin:0px;
	padding:0px;
	height:100%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	overflow:scroll;
  	/* overflow: -moz-scrollbars-vertical; */
}

/* Standarddefinitionen */
h1 { font-size:16px; font-weight:bold; color:#00795A; margin-top: 0px; padding-top: 0px;}
h2 { font-size:14px; }
h3 { font-size:12px; }
h4 { font-size:11px; }
h5 { font-size:10px; }
ul { list-style-type: square;  }
p, .news-list-date { line-height:1.5em;}
dt{ margin-bottom:10px;}
dd { margin-bottom:2px; margin-top:2px;}
dd img { margin-right:3px; }
a, a:link, a:visited, a:active {
	color: #00795A;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
img { border:0; }

/* Layout */
#overall {
	/*width:95%; */
	width: 1000px;
	min-width:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 20px;
	background-color:#FFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ccc;
	border-left-color: #ccc;
	position:relative;
	height:100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
}
#form1{ height:100%; }
#minwidth { width:1000px; } /* hält die min width für ältere Browser*/
#kopf { height:250px; position:relative; background-image:url(images/titelbild_arche.jpg); background-position: 0px -60px; background-repeat: no-repeat; }
/* #kopf { height:250px; position:relative; background-image:url(images/titelbild_arche_weihnachten.jpg); background-position: 0px -8px; background-repeat: no-repeat; } */
#kopf #logo {
	width:500px;
	height:87px;
	background-image: url(images/arche_logo.gif);
	background-repeat: no-repeat;
	position: absolute;
	right:0px;
	top:50px;
	z-index:5;
}
#homelink2 { width:500px; height:87px; display:block;}
#kopf #spenden { font-size:14px; font-weight:bold; color:#00795A; position:absolute; top:160px; right:120px; }
#kopf #spenden a:hover, #kopf #spenden img { text-decoration:none; border:0;}

/* Navigation im Kopfbereich */
#kopf #kopf_nav {
	position:absolute;
	width: 450px;
	right:50px;
	top: 15px;
	text-align: right;
	font-size: 10px;
	color: #333;
}
#kopf #kopf_nav a { color:#333; }

/* Suchfeld im Kopfbereich */
#kopf .searchform #suchfeld {
	width:80px;
	font-size: 10px;
	color: #333;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom: 1px solid #BBB;;
	border-left-width: 0px;
}
#kopf_nav_text { position:absolute; right:105px; }
#kopf #suchen_button {
	margin-top: 2px;
	margin-left:2px;
}
#kopf .searchform
{
	position:absolute;
	width:120px;
	margin:0px; padding:0px;
	margin-top:-7px;
	right:3px;
	float:left;

}

/* Inhaltsbereich */
#hauptteil { padding-top:50px; background: url(images/bg.gif) repeat-y; }
#mitte ul,#rechts ul { line-height: 1.5em; }
ul.csc-menu { color:#00795A;}
#links { width:200px; margin-left:10px; float:left;}
#mitte { margin-left:235px; margin-right:235px; padding-left:10px; padding-right: 10px; width: auto;}
.mittlere_box { margin-bottom:0px; clear: both; } /* Box um ContentElemente */
#rechts { width:200px; float:right; margin-right:15px;}
#footer { background-color: #fff; border-top: 1px solid #ccc; padding-left: 15px; padding-top: 5px; padding-bottom: 5px; margin-top: 30px; }
.clearer { clear:both; border:0px;}
p.bodytext { line-height: 1.7em; }

/* Clearen per Overflow */
.floatbox { overflow:hidden; margin: 0px; padding: 0px; }

/* .floatbox-Anpassung für IE */
* html .floatbox {width:100%;}

/* Suche */
.csc-searchResult
{
	padding-bottom: 8px;
	border-bottom: 1px solid #eee;	
}

/* gefundenes Suchwort */
.csc-sword {
	background-color:#E2F6D9;
	border: 1px solid #CCC;
}
/* Fehlerseite */
.error h1 { color:#900; }
#noscript h3 { color: #F00; }
#noscript { border: 1px solid #F00; padding:10px; margin-bottom:20px; background-color:#FEE0DB;}

/* Sonderformate Rechts */
#rechts h2 { margin-bottom: 2px; font-size: 1em; }
#rechts p { margin-top: 0px; line-height: 1.5em; }
#mitte h1 { line-height: 1.5em; } 
#mitte h2 { margin-top: 25px; color:#00795A; }
#rechts .info { background: url(images/ecke.gif) bottom right no-repeat #ebf9f5; padding: 5px; border-top: #00795A 4px solid; margin-bottom: 15px; }
#rechts ul { padding-left: 20px; }
#rechts ul li { margin-bottom: 3px; }
#rechts hr { border: 0; height: 1px; background-color: #ccc; }
#rechts .csc-default { clear: both;}

/* Rahmen */
.einleitung p{ font-weight: bold; }
.csc-textpic-border .csc-textpic-imagewrap img { border: 1px solid #ccc;}
.csc-default { margin-bottom: 0px; }

/* Bilder */
.csc-textpic-imagewrap { margin-top: 5px; margin-bottom: 10px; }
.csc-textpic-caption { font-style: oblique; color: #666; font-size: 0.9em; }

/* Angebote Regional */
.relatedcontent { padding-left: 0px; }
.category_title { list-style-type: square; margin-left: 15px; font-size: 1.2em; padding-bottom: 20px; }
.category_title ul { margin-left: -10px; }
.page_link { font-size: 0.9em; color: #00795A; font-weight: normal;}

/* Links */
.external-link { background: url(images/home.png) no-repeat right center; padding-right: 20px; }
.mail { background: url(images/mail.png) no-repeat right center; padding-right: 20px; }
.download { background: url(images/file.png) no-repeat right center; padding-right: 20px; }

/* Social Links */
#social { margin-top: 50px; text-align: center; }

/* Spenden Accordion */
.ui-accordion-content ul { margin-left: 0px; padding-left: 15px; padding-right: 0px; margin-right: 0px; }

/* Formulare */
fieldset { border: 1px solid #ccc; margin-bottom: 20px; padding-top: 20px;}
legend { padding: 0px 10px 0px 10px; color: #999; }
.tx_powermail_pi1_fieldwrap_html_text { height: 30px; }
label { display: block; float: left; width: 90px; margin-left: 15px;}
.powermail_submit { margin-left: 105px; margin-top: 20px; }

/* Newsletter */
.info { background-color: #efefef; border: 1px solid #ccc; padding: 5px; margin-top: 5px; }