/* default content definitions
----------------------------------------------------------------- */
#content a { color: #0089fa; }

#content .header h1 { color: #66bb09; font-size: 20px; font-weight: normal; }
#content .header h4 { color: #888888; font-size: 11px; font-weight: normal; margin-top: -3px; }


#content .body a.arrow { background: url(/images/icons/arrow-right.gif) no-repeat right center; padding-right: 20px; }
#content .body a.arrow_left { background: url(/images/icons/arrow-left.gif) no-repeat left center; padding-left: 20px; }
/*
#content .body a span.arrow_button { display: block; height: 28px; }
#content .body a span.arrow_button:hover { background-position: right top; }
*/
#content .body a.arrow_btn { background: url(/images/buttons/arrow-right.png) no-repeat right top; display: block; height: 32px; padding:8px 45px 0 0;  }
#content .body a.arrow_btn:hover { background-position: right bottom; }

#content .body a.arrow_btn_left { background: url(/images/buttons/arrow-left.png) no-repeat left top; display: block; height: 32px; padding:8px 0 0 42px; }
#content .body a.arrow_btn_left:hover { background-position: left bottom; }

#content .body h2 { color: #66bb09; font-size: 20px; font-weight: normal; margin: 35px 0 24px; }
#content .body h2.inline { margin: 0 0 2px -1px; }
#content .body h3 { color: #66bb09; font-size: 13px; font-weight: normal; margin-bottom: 5px; }
#content .body ul { list-style: none; padding:0 0 3px 0; }
#content .body ul li { background: url(/images/icons/bullet.gif) no-repeat 0 4px; margin: 0 0 12px 2px; padding-left: 18px; }
#content .body ul.horizontal { list-style: none; padding: 0; }
#content .body ul.horizontal li { background: none; float: left; margin: 0; padding: 0; }
#content .body ul.numbers li { margin: 0 0 12px 0; padding: 6px 0 0 46px; }
#content .body ul.numbers h2 { font-size: 18px; margin: 0 0 3px -1px; }
#content .body table { margin-top: 30px; width: 760px; }
#content .body table td.component { padding-right: 20px; vertical-align:top; }
#content .body table td.table_footer { font-size: 10px; padding-top: 15px; }
#content .body p.intro { padding-bottom: 20px; }

#content .body .leftcol_wideright img.detail { float: right; margin: 22px 35px 0 0; }

#content .body .paginationdetail  {padding-top:45px;}

/* site structure
----------------------------------------------------------------- */
#content .body .leftcol { float: left; padding-right: 30px; width: 600px; }
#content .body .rightcol { float: right; width: 242px; }

#content .body .leftcol_even { float: left; padding-right: 30px; width: 442px; }
#content .body .rightcol_even { float: right; width: 365px; margin-right: 35px; }

#content .body .leftcol_wideright { float: left; padding-right: 20px; width: 315px; }
#content .body .rightcol_wideright { float: right; padding-right: 65px; width: 472px; }



/* parent area adjustments
----------------------------------------------------------------- */
body.parents #content .body p.intro { margin-top: -3px; padding-top: 0; }
body.parents #content .body ul.numbers li { margin: 0 0 12px 0; padding: 12px 0 0 55px; }
body.parents #content .body table { margin-top: 0; }

body.parents #content .body .rightcol { width: 259px; }
body.parents #content .body .rightcol_even { width: 382px; }
body.parents #content .body .rightcol_wideright { width: 489px; }

#flashembed { padding-top:15px; }


/* download
----------------------------------------------------------------- */
#content .body div.download { margin: 15px 0 0 -70px; width: 320px; }



/* nachrichten
----------------------------------------------------------------- */
/* #content .body ul.news li { margin: 0 25px 5px 0; width: 422px; } */
#content .body ul.news {
	margin-left: -25px;
}
#content .body ul.news li { margin: 0 0 30px 25px; width: 422px; }
#content .body ul.news li img { float: left; }
#content .body ul.news li div { float: left; padding-left: 10px; width: 244px; height:145px; }
#content .body ul.news li div h2 { color: #124d2d; font-size: 13px; font-weight: bold; margin: 8px 0 0; }
#content .body ul.news li p { margin: 8px 0 5px; }



/* filmtipps
----------------------------------------------------------------- */
/* #content .body ul.movies li { margin-right: 25px; width: 182px; } */
#content .body ul.movies {
	margin-left: -25px; 
}
#content .body ul.movies li { 
	margin-left: 25px; 
	width: 182px; 
}
#content .body ul.movies li div { padding-left: 10px; }
#content .body ul.movies li div h2 { color: #124d2d; font-size: 13px; font-weight: bold; margin: 8px 0 0; }
#content .body ul.movies li p { margin: 8px 0 5px; }



/* buchtipps, surftipps
----------------------------------------------------------------- */
/* #content .body ul.booksurf li { margin-right: 54px; width: 168px; } */
#content .body ul.booksurf {
	margin-left: -54px; 
}
#content .body ul.booksurf li { 
	margin-left: 54px; 
	width: 168px; 
} 
#content .body ul.booksurf li h2 { color: #124d2d; font-size: 13px; font-weight: bold; margin: 8px 0 0; }
#content .body ul.booksurf li p { margin: 8px 0 5px; }



/* hover buttons
----------------------------------------------------------------- */
#content .body a.to_download { background: url(/images/buttons/zum-download.gif) no-repeat; height: 31px; width: 149px; }
#content .body a.to_download:hover { background-position: right; }

a.kostenlosdownload { background: url(/images/buttons/jetzt-kostenlos-downloaden.jpg) no-repeat; height: 43px; width: 230px; display: block;}
a.kostenlosdownload:hover { background-position: right; }

a.kidsmessengerdownload { background: url(/images/buttons/kids-messenger-herunterladen.jpg) no-repeat; height: 43px; width: 245px; display: block;}
a.kidsmessengerdownload:hover { background-position: right; }

a.jetztkostenlosdownloaden_2line { background: url(/images/buttons/jetzt-kostenlos-downloaden_2line.jpg) no-repeat; height: 82px; width: 249px; display: block; position:relative; left:-17px; top:63px; z-index:99;}
a.jetztkostenlosdownloaden_2line:hover { background-position: right; }

a.erfahrensiemehr { background: url(/images/buttons/erfahren-sie-mehr.jpg) no-repeat; height: 53px; width: 262px; position:absolute; left:103px; top:300px; display: block;}
a.erfahrensiemehr:hover { background-position: right; }



/* ajax related
----------------------------------------------------------------- */

.ajaxLoading {
	background: #fff url(/images/ajax/loading.gif) center center no-repeat !important;
	min-height: 45px;
	_height: 45px;
}

.ajaxLoadingToggleBox {
	background: #d9e6ee url(/images/ajax/loading.gif) center center no-repeat !important;
	display: none;
}

.gallery .ajaxLoading {
	min-height: 45px;
}

.modal .ajaxLoading { 
	background:#d9e6ee url(/images/ajax/loading.gif) no-repeat scroll center !important;
}

* html .gallery .ajaxLoading {
	height: 45px;
}

.ajaxError {
	background: #fff url(/images/ajax/error-904px.png) center center no-repeat!important;
	height: 230px !important;
	width: 904px !important;
}


/* pagination */

#template_news,
#template_filmtipps,
#template_buchtipps,
#template_surftipps
{
	padding-bottom: 30px;	
}

body #content div ul.pagination {
	margin: 25px 10px 0 0;
	padding: 0 20px;
	display: block;
	overflow: hidden;
}	

body #content div ul.pagination li {
	background: none;
	float: left;
	padding: 0 5px;
	color: black;
}
body #content div ul.pagination li.first a { background:white url(/images/buttons/pagination-first.gif) top left no-repeat; display: block; width: 16px; height: 16px; text-indent: -999em }
body #content div ul.pagination li.previous a { background:white url(/images/buttons/pagination-previous.gif) top left no-repeat; display: block; width: 16px; height: 16px; text-indent: -999em }
body #content div ul.pagination li.next a { background:white url(/images/buttons/pagination-next.gif) top left no-repeat; display: block; width: 16px; height: 16px; text-indent: -999em }
body #content div ul.pagination li.last a { background:white url(/images/buttons/pagination-last.gif) top left no-repeat; display: block; width: 16px; height: 16px; text-indent: -999em }

body #content div ul.pagination li.active{
	color: #0089FA;
	text-decoration: underline;
}

body #content div ul.pagination li a {
	background: none;
	float: left;
	padding: 0 5px;
	color: #0089FA;
}


/* Die Funktionen */
.content_functions ul {
	margin-top: 15px;
}

.content_functions li strong {
	color: #78c62a;
}

.content_functions img {
	margin: 30px;
}

/* Für jedes Alter */

.content_allages .leftcol {
	width: 305px ! important;	
}

.content_allages .leftcol  img {
	margin: 30px 0 0 15px;
}

.content_allages strong {
	color: #78c62a;
}

.content_allages .rightcol {
	width: 550px ! important;	
}