/*
Template Name: baba
Version: 1.0
Author: reba
Author URI:
*/

/*
a:link { color: blue; }
a:visited { color: purple; }
a:hover { color: purple; }
a:active { color: red; }

schwarz
454545 dunkel
545454 hell

blau
50BBDF
39B2DB dunkler
27A8D3 2x dunkler
2397BE 3x dunkler
64C3E3 heller
79CBE6 2x heller

rosa
E893CE
E37DC5 dunkler
ECA7D7 heller

gruen
ACDC5D hell
9ED641 dunkel

*/

/* Reset all */
* {
	padding: 0;
	margin: 0;
	border: 0;
}

/* Allgemeines */
body {
	font-size: 80%;
	line-height: 1.0em;
	color: #444;
	background: #50BBDF url(img/bg_body.png) 97% 80px no-repeat;
	font-family: arial,sans-serif;
	text-align: left;
}

a:link {
	color: #444;
	text-decoration: none;
	border-bottom: 1px dotted #444;
}
a:visited {
	color: #444;
	text-decoration: none;
	border-bottom: 1px dotted #444;
}
a:hover {
	color: #444;
	text-decoration: none;
	border-bottom: 1px dotted #444;
}
a:active {
	color: #444;
	text-decoration: none;
	border-bottom: 1px dotted #444;
}

h2, h3, h4 {
	clear: both;
	font-family: verdana,sans-serif;
}

ul {
	list-style-type: none;
}

img {
	max-width: 95%;
	border: 3px solid #A1A1A1;
}
img.alignleft {
	float: left;
	margin: 0.6em 1.4em 0.6em 0;
}
img.alignright {
	float: right;
	margin: 0.6em 0 0.6em 1.4em;
}

img.alignleft-wide {
	float: left;
	margin: 0.6em 2em 0.6em 0;
}
img.alignright-wide {
	float: right;
	margin: 0.6em 0 0.6em 2em;
}

img.aligncenter {
	margin-left: auto;
	margin-right: auto;
}

a img {
	border: none;
}

/* Layout */
#wrap_header, #wrap_headerspace, #wrap_pagenavi2, #wrap_footer {
	padding-left: 10%;
	clear: both;
}

#header, #teaser, #pagenavi2, #main, #footer {
	width: 920px;
}
#wrap_header {
	background: #fff;
}
#header {
	background: transparent url(img/bg_header.png) 7px 112px no-repeat;
	height: 152px;
}
#header span {
	display: none;
}
#header img {
	margin-top: 20px;
}
#header a {
	border-style: none;
}

#pagenavi1 {
	float: right;
	width: 240px;
	background: transparent url(img/bg_pagenavi1_top.png) 0 0 no-repeat;
	margin-bottom: 10px;
}
#pagenavi1 ul {
	background: #ACDC5D;
	border: 5px solid #9ED641;
	border-top: none;
	margin-top: 30px;
	padding-bottom: 10px;
	margin-right: 10px;
}
#pagenavi1 li {
	background: transparent;
	font-family: verdana,sans-serif;
	font-size: 1.2em;
	font-variant: small-caps;
	letter-spacing: 1.2pt;
}
html > body #pagenavi1 li a {
	display: block;
}

#pagenavi1 li a {
	border-style: none;
	color: #fff;
	background: transparent;
	margin: 0 3px;
	padding: 3px 5px;
}
#pagenavi1 li a:hover { 
	text-decoration: none;
	background: #9ED641;
}
#pagenavi1 li.current_page_ancestor a,
#pagenavi1 li.current_page_parent a,
#pagenavi1 li.current_page_item a {
	color: #444;
}

#wrap_headerspace {
	background: transparent;
}
#headerspace {
	height: 15px;
}

/* pagenavi2 */
#wrap_pagenavi2 {
	height: 35px;
	background: #E893CE url(img/bg_pagenavi2.png) 0 100% repeat-x;
	border-top: 1px solid #E37DC5;
}
#pagenavi2 {
	background: transparent;
}
#pagenavi2 li {
	display: inline;
	float: left;
	font-family: arial,sans-serif;
	font-size: 16px;
	font-variant: small-caps;
	margin-top: 4px;
}
#pagenavi2 li a {
	color: #fff;
	background: transparent;
	border-style: none;
	margin-right: 15px;
}
html > body #pagenavi2 li a { /* alle ausser ie <=6 */
	display: block;
	margin-right: 15px;
	padding: 3px 10px 3px 10px;
	height: 24px;
}
#pagenavi2 li a:hover {
	color: #444;
}
	html > body #pagenavi2 li.current_page_item a, /* alle ausser ie <=6 */
	html > body #pagenavi2 li.current_page_ancestor a { /* alle ausser ie <=6 */
	background: transparent url(img/pagenavi2_current.png) 10px 100% no-repeat;
}

#pagenavi3 ul {
	border-bottom: 1px dotted #555;
}
#pagenavi3 li {
	border-top: 1px dotted #555;
	list-style-type: none;
	font-family: verdana,sans-serif;
	font-size: 1.0em;
	line-height: 1.4em;
	font-variant: small-caps;
	letter-spacing: 0.8pt;
}
#pagenavi3 li a {
	display: block;
	color: #444;
	margin: 0;
	padding: 12px 10px 1px 10px;
	border-style: none;
}
#pagenavi3 li a:hover {
	text-decoration: none;
	background: #39B2DB;
	color: #fff;
}
#pagenavi3 li.current_page_item a {
	background: #fff;
}
#pagenavi3 li.current_page_item a:hover {
	color: #444;
}

#main {
	margin-left: 10%;
	overflow: hidden; /* notwendig damit #content (float: left) nicht aus main herauslaeuft, wenn #content laenger als #sidebar */
	clear: both;
	padding: 30px 0 15px 0;
}

html > body  #main { /* alle ausser ie <=6 */
	background: transparent url(img/bg_main_top_shadow.png) 0 0 no-repeat;
}

#content {
	float: left;
	width: 560px;
}

#content .post {
	width: 540px;
	background: #64C3E3;
	font-size: 1.0em;
	margin-bottom: 15px;	
	padding: 10px;
}

#content .post h2, #news h2 {
	color: #fff;
	margin-bottom: 18px;
	font-size: 1.8em;
	line-height: 1em;
	font-weight: lighter;
}

#content .post h3  {
	color: #444;
	background: #50BBDF;
	margin-bottom: 10px;
	font-family: Georgia, serif;
	font-size: 1.5em;
	line-height: 1em;
	font-weight: lighter;
	font-style: italic;
	letter-spacing: 0px;
	word-spacing: 1.2pt;
	border-bottom: 0px dotted #444;
	margin: 10px 0 10px 0;
	padding: 2px 5px;
}

#content .post h3,  #news .post h2 {
	text-transform: uppercase;
}

#content .post h4 {
	color: #fff;
	margin-bottom: 8px;
	font-size: 1.2em;
	font-weight: lighter;
}
#content .post p {
	line-height: 1.5em;
	margin-bottom: 15px;
}

#content .post .box {
	border: 2px #fff solid;
	border-top: none;
	margin-bottom: 20px;
}

#content .post .box h4 {
	background: #fff;
	color: #444;
	padding: 3px 10px;
}

#content .post ul.links {
	list-style-type: none;
	list-style-image: url(img/link.png);
	list-style-position: inside;
	padding: 0 10px;
	margin-left: 0;
}
#content .post ul.links li a{
	color: #fff;
	border-bottom: 1px #fff dotted;
}
#content .post ul.links li a:hover{
	color: #fff;
	background: #39B2DB;
}

#content a {
	background: #50BBDF;
	padding: 0 2px;
}
#content a:hover {
	background: #fff;
}
#content .post ul {
	line-height: 1.5em;
	list-style-type: disc;
	margin: 0 0 10px 25px;
	padding-top: 0.6em; /* img float */
}

#content .post table {
	width: 100%;
	background: transparent;	
	clear: both;
	border-top: 1px dotted #444;
	border-collapse: collapse;
	margin: 15px 0;
	line-height: 1.5em;
}
#content .post table tr {
	margin: 0;
}
#content .post table th, #content .post table td {
	border-bottom: 1px dotted #444;
	padding: 2px 10px 2px 0;
}
#content .post .person {
	clear: both;
	margin-bottom: 15px;
}
#content .post .person img {
	margin-bottom: 15px;
}

#content ul.sitemap {
	list-style-type: square;
	list-style-position: inside;

}

.teaser {
	margin-bottom: 10px;
	color: #444;
	padding: 20px;
	border-top: 3px solid #50BBDF;	
	border-bottom: 3px solid #50BBDF;	
}
.teaser em{
	padding: 0 10px;
	font-family: Georgia, serif;
	font-size: 18px;
	font-style: italic;
	font-weight: normal;
	text-transform: none;
	letter-spacing: normal;
	line-height: 1.1em;
}
.teaser small{
	font-size: 0.8em;
	font-style: normal;
	margin: 0 10px;
}

#news {
	margin-top: 30px;
}
#news .post {
	width: 540px;
	border-bottom: 3px solid #39B2DB;
	padding: 10px;
}

#news h2 {
	background: transparent url(img/news.png) 7px 50% no-repeat;
	padding-left: 50px;
	line-height: 30px;
}

#news .post h2  {
	color: #444;
	background: transparent;
	margin-bottom: 10px;
	padding: 2px 0;
	font-family: Georgia, serif;
	font-size: 1.5em;
	line-height: 1em;
	font-style: italic;
	letter-spacing: 0px;
	word-spacing: 1.2pt;
	border-bottom: 1px dotted #444;
}

#news .post small {
	color: #444;
	background: #fff;
	padding: 0 5px;
}

#content .post #registration_form  ul {
	list-style-type: none;
	margin: 20px 0;
}
#content .post #registration_form  legent {

}
#content .post #registration_form  input,
#content .post #registration_form textarea {
	margin: 4px 0;
	padding: 3px;
	border: 1px solid #8a7d6d;
	background: #fff;
}
#content .post #registration_form  input:hover,
#content .post #registration_form textarea:hover {
	border: 1px solid #8a7d6d;
}
#content .post #errors {
	margin-bottom: 15px;
}
#content .post #errors p {
	margin: 0;
}

#content .post .db-connection-error {
	background: #fff;
	padding: 7px 10px;
	font-weight: bold;
}

#sidebar {
	right: 0;
	width: 335px; /* 340px, aber fuer IE zuviel */
	margin-left: 580px; /* main 920px, content 560px */
	background: transparent;
}
#sidebar ul {
	list-style-type: none;
	margin-bottom: 15px;
}
#sidebar li {
	padding: 0px;
}

#sidebar li.contentbox, #sidebar li.widget {
	color: #444;
	background: #64C3E3;
	margin-bottom: 15px;
	padding: 3px 5px 7px 5px;
	border: 3px solid #79CBE6;
}
#sidebar h2 {
	display: inline;
	clear: both;
	background: #fff url(img/bg_h2_sidebar.png) 0 50% no-repeat;
	color: #444;
	padding: 2px 7px 2px 20px;
	font-size: 12px;
	line-height: 30px;
	font-weight: lighter;
}

#sidebar h3 {
	font-size: 1.0em;
	margin-bottom: 5px;
}

#sidebar li.contentbox h3,
#sidebar li.contentbox p {
	margin-left: 16px;
}
#sidebar li.contentbox p {
	line-height: 1.5em;
	margin-bottom: 10px;
}
#sidebar li.contentbox a:link {
	background: #64C3E3;
	padding: 0 2px;
}
#sidebar li.contentbox a:hover {
	background: #fff;
}

#sidebar #contentbox-115 { /* partner */

}
#sidebar #contentbox-115 a { /* partner */
	display: block;
	background: #fff;
	border-top: 5px solid #fff;
	border-bottom: 5px solid #fff;
	margin:  10px 60px 10px 60px;
	text-align: center;
}
#sidebar #contentbox-115 a:hover { /* partner */
	border-bottom: 5px solid #aaa;
}
#sidebar #contentbox-115 a img { /* partner */
	border-style: none;
	margin: 5px;
}

#link-top{
	width: 25px;
	height: 15px;
	clear: both;
	background: #9ED641;
	border: 3px solid #fff;
	border-bottom: none;
	margin-left: 10%;
}
#link-top a{
	border-style: none;
}

#wrap_footer {
	background: #E893CE url(img/bg_footer.png) 100% 0 no-repeat;
	border-top: 10px solid #fff;
	border-bottom: 10px solid #444;
}
#footer {
	background: transparent;
	color: #fff;
	overflow: hidden;
	font-size: 1em;
	line-height: 1.4em;
}

#footer  a:link, #footer  a:visited, #footer  a:hover, #footer  a:active {
	color: #fff;
	border-style: none;
	padding: 0 3px;
}

#footer  .column {
	float: left;
	margin: 0 15px 15px 0;
	padding: 0 15px 5px 0;
	width: 23%;
}

#footer li.inline { /* eigentlich unnoetig, nur IE7 brauchts damit floats on top angeordnet werden*/
	display: inline;
}

#footer  h3 {
	background: transparent;
	font-size: 1.2em;
	font-weight: lighter;
	margin: 10px 0 5px 0;
	padding: 0 0 3px 0;
	border-bottom: 1px dotted #fff;
	
}
#footer  h4 {
	font-size: 1.1em;
	font-weight: lighter;
	background: transparent url(img/check.png) 0 50% no-repeat;
	padding: 0 0 0 17px;
	margin-bottom: 3px;
	/*fuer hr*/
	margin-top: 2px;
}

#bottom ul {
	color: #444;
	clear: both;
	padding: 3px;
	border-top: 1px dotted #444;
	display:block;
	
}
#bottom li {
	display: inline;
	font-size: 1.1em;
}

#bottom  a:link, #bottom  a:visited, #bottom  a:hover, #bottom  a:active {
	color: #444;
}