/*
==================================================
CSS for Kinkon
==================================================
*/


/* Imported CSS
==================================================================================================== */

/* Icons */

@import url(icons.css);

/* Generic Avatars */

@import url(genavatar.css);

/* Colorbox */

@import url(jquery.colorbox.css);



/* Style Reset
==================================================================================================== */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
input,textarea,select,button {font:inherit;}
a {outline: none;}



/* Accessibility Features
==================================================================================================== */

.acc { position: absolute; top: -9999em; left: -9999em; }



/* Page Basics and Partitions
==================================================================================================== */

html {
	overflow-x:auto; overflow-y:scroll;
	background: #fff url(../img/page_bg.gif) repeat-x;
}
body {
	font: 12px Calibri,Arial,Helvetica,sans-serif;
	color: #4c4d4f;
}



/* Meta Bar
==================================================================================================== */

#meta-container {
	height: 39px; border-bottom: 1px solid #fff;
	background: #4c9423 url(../img/meta_bg.gif) repeat-x;
}
#meta {
	position: relative;
	width: 924px; padding: 0 20px; margin: 0 auto;
}

/* Meta Navigation */

#metanav {
	position: absolute; top: 0; left: 20px;
	background: transparent url(../img/meta_divider.png) no-repeat;
}
#metanav ul {
	overflow: hidden;
}
#metanav li {
	float: left;
	padding-right: 1px; margin: 0;
	list-style: none;
	background: transparent url(../img/meta_divider.png) no-repeat right 0;
}
#metanav li a {
	display: block;
	height: 39px;
	padding: 0 16px 0 17px;
	line-height: 36px; text-transform: uppercase; font-weight: bold; text-decoration: none; text-align: center;
	letter-spacing: 1px;
	color: #fff;
}
#metanav li a:hover {
	background: transparent url(../img/meta_bg.gif) repeat-x 0 -40px;
}
#metanav .hi {
	background: transparent url(../img/meta_bg.gif) repeat-x 0 -80px;
}

/* Metanav-Icons */

#metanav #metanav-global-icons {
	overflow: hidden;
	margin-left: 16px;
	background: none;
}
#metanav #metanav-global-icons li {
	padding: 0; margin: 9px 10px 0 0;
	background: none;
}
#metanav #metanav-global-icons li a {
	display: block;
	padding: 0;
}

/* Meta Search */

#metasearch {
	position: absolute; top: 0; left: 642px;
	height: 33px; padding-top: 7px;
	background: transparent url(../img/meta_divider.png) no-repeat;
}
#metasearch label {
	float: left; display: block;
	width: 59px; padding-left: 14px;
	text-transform: uppercase; font-weight: bold;
	color: #fff;
}
#metasearch .input-text {
	width: 137px;
}
#metasearch .input-button {
	width: 60px;
}

/* Meta Language Selector */

#metalanguage-trigger {
	position: absolute; top: 4px; left: -16px; z-index: 200;
	overflow: hidden;
	width: 31px; height: 0; padding-top: 31px;
	background: transparent url(../img/content_icons.png) no-repeat -40px -320px;
}



/* Main Stage
==================================================================================================== */

#main-container {
	min-height: 600px;
	width: 976px; margin: 0 auto;
	background: transparent url(../img/main_bg.png) repeat-y center 0;
}
		*html #main-container {
			height: 600px;
		}



/* Footer
==================================================================================================== */

#footer-container {
	width: 976px; margin: 0 auto; padding: 0 0 50px 0;
	background: transparent url(../img/footer_bg.png) no-repeat center 0;
}
#footer {
	position: relative;
	width: 924px; margin:0 auto; padding: 43px 20px 20px;
}

/* Claim */

#footer-claim {
	position: absolute; top: 85px; right: 20px;
}
#footer-claim a {
	display: block;
	overflow: hidden;
	width: 191px; height: 0; padding-top: 32px;
	background: transparent url(../img/footer-claim.png) no-repeat;
}

/* Copyright */

#footer-copyright {
	width: 603px; padding-bottom: 11px; margin-bottom: 13px;
	background: transparent url(../img/misc_dottedline.gif) repeat-x 0 bottom;
	font-size: 11px; 
	color: #999;
}

/* footer partners */

	#footer-partners {
		width: 924px; padding-bottom: 11px; margin-bottom: 13px; padding-top:11px;
		background: transparent url(../img/misc_line.gif) repeat-x 0 bottom;
		font-size: 11px; 
		color: #999;
		font-size: 11px; line-height: 14px; font-weight: bold; text-transform: uppercase; text-decoration: none;
		color: #333;
	}
	#footer-partners a {
		color:#000;
	}
	#footer-logos {
		width:924px;
		padding:0 0 50px 0;
	}
	#footer-logos li {
		float:left;
		margin:0 12px 12px 0;
		list-style:none;
	}
	#footer-logos li a {
		display: block;
		height: 45px;
		background: url(../img/partnerlogos_bg.jpg) top left;
		color:#000;
	}
	#footer-logos li a:hover {
		list-style:none;
	}
	#footer-logos li .invisible {
		display:none;
	}

	
	/**/
	#footer-logos #spielplatztreff { width:213px; }
	#footer-logos #spielplatztreff a       { background-position: 0 -1170px; } 
	#footer-logos #spielplatztreff a:hover { background-position: 0 -1215px; }

	#footer-logos #klicksafe { width:127px; }
	#footer-logos #klicksafe a { background-position: 0 0; }
	#footer-logos #klicksafe a:hover { background-position: 0 -45px; }
	#footer-logos #kidslife { width:118px; }
	#footer-logos #kidslife a { background-position: 0 -90px; }
	#footer-logos #kidslife a:hover { background-position: 0 -135px; }
	/*
	#footer-logos #kinder { width:51px; }
	*/
	#footer-logos #kinder { width:154px; }
	#footer-logos #kinder a { background-position: 0 -180px; }
	#footer-logos #kinder a:hover { background-position: 0 -225px; }
	#footer-logos #hallofamilie { width:217px; }
	#footer-logos #hallofamilie a { background-position: 0 -270px; }
	#footer-logos #hallofamilie a:hover { background-position: 0 -315px; }
	#footer-logos #cpk { width:178px; }
	#footer-logos #cpk a { background-position: 0 -360px; }
	#footer-logos #cpk a:hover { background-position: 0 -405px; }
	/* old long logo
	#footer-logos #levrs { width:266px; }
	*/
	#footer-logos #levrs { width:109px; }
	#footer-logos #levrs a { background-position: 0 -450px; }
	#footer-logos #levrs a:hover { background-position: 0 -495px; }
	#footer-logos #mamiweb { width:225px; }
	#footer-logos #mamiweb a { background-position: 0 -990px; }
	#footer-logos #mamiweb a:hover { background-position: 0 -1035px; }
	#footer-logos #mbb { width:225px; }
	#footer-logos #mbb a { background-position: 0 -1080px; }
	#footer-logos #mbb a:hover { background-position: 0 -1125px; }

	#footer-logos #bitmovers { width:209px; }
	#footer-logos #bitmovers a { background-position: 0 -540px; }
	#footer-logos #bitmovers a:hover { background-position: 0 -585px; }
	#footer-logos #cybits { width:77px; }
	#footer-logos #cybits a { background-position: 0 -630px; }
	#footer-logos #cybits a:hover { background-position: 0 -675px; }
	#footer-logos #design-aspekt { width:157px; }
	#footer-logos #design-aspekt a { background-position: 0 -720px; }
	#footer-logos #design-aspekt a:hover { background-position: 0 -765px; }
	#footer-logos #empolis { width:110px; }
	#footer-logos #empolis a { background-position: 0 -810px; }
	#footer-logos #empolis a:hover { background-position: 0 -855px; }
	#footer-logos #she { width:165px; }
	#footer-logos #she a { background-position: 0 -900px; }
	#footer-logos #she a:hover { background-position: 0 -945px; }

/* Footer Sitemap */

#footer-nav {
	overflow: hidden;
}
#footer p {
	margin: 0;
}
#footer-nav li {
	float: left;
	width: 92px; margin: 0 12px 0 0;
	list-style: none;
}
/* raus wg. ie6 bug
#footer-nav li.last-child {
	width: 196px;
}
*/
#footer-nav li li {
	float: none;

}
#footer-nav li a {
	font-size: 11px; line-height: 14px; font-weight: bold; text-transform: uppercase; text-decoration: none;
	letter-spacing: 1px;
	color: #333;
}
#footer-nav li li a {
	font-weight: normal; text-transform: none;
	letter-spacing: 0px;
	color: #999;
}
#footer-nav li a:hover {
	text-decoration: underline;
}



/* Header
==================================================================================================== */

#header {
	position: relative;
	width: 964px; height: 119px; margin: 0 auto;
	font-size: 11px; line-height: 14px;
	background: #fff;
}
#header a {
	text-decoration: none;
	color: #519f25;	
}

/* Logo */
#beta {
	position: absolute; top: 20px; left: 544px;
	z-index:100;
}
#logo {
	position: absolute; top: 34px; left: 20px;
}
#logo a {
	display: block;
	overflow: hidden;
	width: 129px; height: 0; padding-top: 25px;
	background: #fff url(../img/header_logo.gif) no-repeat;
}
	#clickarrow {
		padding:40px 0 0 40px;
	}

/* Header boxes for login/info/notifications */

.header-box {
	position: absolute; top: 0;
	height: 109px; padding: 10px 12px 0;
	background: #fff url(../img/header-box_bg.gif) repeat-x;
}
.header-box p {
	margin: 0;
}
.header-box li {
	list-style: none; margin: 0;
}
.header-box-middle {
	left: 324px;
	width: 294px;
}
.header-box-right {
	left: 643px;
	/*width: 274px;*/
	width: 295px;
}

/* Header box contents */

.header-box h2 {
	letter-spacing: 1px; font-weight: bold; text-transform: uppercase;
}

/* Login box */

#login-label {
	display: block;
	/*width: 60px;*/
	width:90px;
	font-weight: bold; text-transform: uppercase;
}
#login-username, #login-password {
	width: 137px; margin-bottom: 3px;
}
#login-submit {
	width: 60px;
}



/* Navigation
==================================================================================================== */

#nav {
	position: relative; z-index: 999;
	width: 924px; padding: 0 20px; margin: 0 auto 23px;
	background: #fff;
	font-size: 16px;
}

/* Top navigation */

#nav-page {
	border-top: 1px solid #999;
}
#nav ul {
	overflow: hidden;
}
#nav li {
	position: relative;
	padding: 6px 0 8px 2px; margin: 0;
	list-style: none;
	background: transparent url(../img/misc_dottedline.gif) repeat-x 0 bottom;
}
#nav li ul {
	position: absolute; left: 120px; top: 0;
	background: none;
}
#nav li li {
	float: left;
	padding-left: 0; margin-right: 18px;
	background: none;
}
#nav .hi {
	text-decoration: none;
	color: #519f25;
}
#nav a {
	text-decoration: none;
	color: #969696;
}
#nav a:hover {
	color: #4c4d4f;
}

/* Drop-down complete navigation */

#nav-complete-trigger {
	position: absolute; top: -22px; left: -16px; z-index: 1001;
	width: 31px; height: 40px;
	background: transparent url(../img/content_icons.png) no-repeat 0 -310px;
	cursor: pointer;
}
#nav-complete {
	display: none;
	overflow: hidden;
	position: absolute; top: 0; left: 0; z-index: 1000;
	width: 924px; padding: 0 20px; border-bottom: 1px solid #3c781a;
	background: #4b9422;
	color: #fff;
}
#nav-complete li {
	background-image: url(../img/misc_dottedline_cce2c0.gif);
}
#nav-complete li.last-child {
	padding-bottom: 7px;
	background: none;
}
#nav-complete a {
	color: #99ca7d;
}
#nav-complete a:hover {
	color: #fff;
}



/* Content
==================================================================================================== */

#content {
	width: 936px; padding: 0 8px 0 20px; margin: 0 auto;
	background-color: #fff;
	line-height: 16px;
	overflow: hidden;
}

#content h2 {
	margin-bottom: 29px;
	font-size: 28px; line-height: 30px;
}
#content h2.mainheadline {
	margin-bottom: 20px;
	font-size: 22px; line-height: 27px;
}
#content h2 span.subheadline {
	font-size:90%;
	color: #a4a4a4;
}
#content h4 {
	margin-bottom: 29px;
	font-size: 20px; line-height: 22px;
}
#content .new {
	font-weight:bold;
	color:white;
	font-size:100%;
	background-color:#5BAD1D;
}
/* Content generic */

p {
	margin-bottom: 16px;
}
/* old
a {
	text-decoration: none;
	color: #519f25;
}
*/
			a {
				text-decoration: none;
				color: #519f25;
				font-weight:normal;
			}
			#content a {
				font-weight:bold;
			}
			a.link {
							background: url(../imglib/link_img.png) 0 45% no-repeat;
							text-decoration: none;
							color: #519f25;
							padding:6px 0 5px 30px; 
			}
			/*
			a.link2 {
							text-decoration:none;
							text-align:center; color:#519f25; font-weight: bold; text-transform: uppercase; letter-spacing: 1px;
								padding: 13px 42px 13px 15px;
									display:block;
									width:90%;
									background-color:#f2f2f2;
									background:#f2f2f2 url(../img/greybox_bg.gif) repeat-x 0 bottom;
									cursor:pointer;
										border-top: 1px solid #ddd; border-bottom: 2px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd;
			}
			a:hover.link2 {
							text-decoration:none;
								padding: 14px 42px 12px 15px;
									background-color:#dadadb;
									background:#dadadb;
										border-top: 2px solid #5AA51D; border-bottom: 1px solid #5AA51D; border-left: 1px solid #5AA51D; border-right: 1px solid #5AA51D;
			}
			*/
						a.link3 {
							border-top:1px solid #a5cd8e; border-left:1px solid #a5cd8e; border-bottom:1px solid #1f3c0e; border-right:1px solid #1f3c0e;
							background:#daebd0 url(../img/input-button_bg.gif) repeat-x 0 -40px;
							font-weight:bold; font-size:12px; text-transform:uppercase; letter-spacing:1px; color:white; 
							text-align:center; height:30px; line-height:30px;
							display:block; 
							text-decoration:none;
						}
						a:hover.link3 {
							border-bottom:1px solid #a5cd8e; border-right:1px solid #a5cd8e; border-top:1px solid #1f3c0e; border-left:1px solid #1f3c0e;
							text-decoration:none;
						}

a:hover {
	text-decoration: underline;
}

ol li {
	margin: 6px 0 6px 24px;
	list-style-type: decimal; list-style-position: outside;
}
ul li {
	margin: 6px 0 6px 24px;
	list-style-type: disc; list-style-position: outside;
}
td, th {
	vertical-align: top;
}
hr {
	height: 1px;
	margin: 1px 14px 20px 0;
	padding: 0;
	color: #f2f2f2;
	background-color: #f2f2f2;
	border: 0px solid #f2f2f2;
}

/* Columns */

.column-box {
	overflow: hidden;
	padding-bottom: 12px;
}
	.spacer {
		padding-bottom: 12px;
	}
.column {
	float: left;
	overflow: hidden;
	margin-right: 12px;
}
.column-1g { width: 92px; }
.column-2g { width: 196px; }
.column-3g { width: 300px; }
.column-4g { width: 404px; }
.column-5g { width: 508px; }
.column-6g { width: 612px; }
.column-7g { width: 716px; }
.column-8g { width: 820px; }
.column-9g { width: 924px; }

.column-1hg { width: 40px; }
.column-3hg { width: 144px; }
.column-5hg { width: 248px; }
.column-7hg { width: 352px; }
.column-9hg { width: 456px; }
.column-11hg { width: 560px; }
.column-13hg { width: 664px; }
.column-15hg { width: 768px; }
.column-17hg { width: 872px; }

.noborder { margin-right: 0px; }

/* The big headline */

.bighead {
	padding: 13px 14px; border-top: 1px solid #fff; border-bottom: 1px solid #ddd;
	background: #f2f2f2 url(../img/greybox_bg.gif) repeat-x 0 bottom;
	font-weight: bold; text-transform: uppercase; letter-spacing: 1px;
}

	/* Infobox */
	
	.infotxt {
		padding: 13px 14px; border: 3px solid #AED299;
		background: #f2f2f2 url(../img/greybox_bg.gif) repeat-x 0 bottom;
		font-weight: bold; text-transform: uppercase; letter-spacing: 1px;
	}

/* The grey box */

.greybox {
	overflow: hidden;
	padding: 13px 14px 13px 14px; border-top: 1px solid #fff;
	background: #f2f2f2;
}
.greybox div.hr {
	height: 1px; margin: 16px 0;
	background: transparent url(../img/misc_dottedline.gif) repeat-x;
}
.greybox div.hr hr {
	display: none;
}

	/* the line box */
	
	.linebox {
		border:1px solid #F2F2F2; padding:12px;
	}
	.linebox div.hr {
		height: 1px; margin: 16px 0;
		background: transparent url(../img/misc_dottedline.gif) repeat-x;
	}
	.linebox div.hr hr {
		display: none;
	}

/* Data Tables */

.data-table {
	width: 100%;
	border-collapse: separate;
}
.data-table thead tr {
	background: #e9e9e9 url(../img/data-table_bg.gif) repeat-x;
}
.data-table th {
	padding: 2px 10px; border: 1px solid #fafafa; border-right-color: #626262; border-bottom-color: #626262;
	font-size: 11px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; line-height: 15px;
}

.data-table tbody tr.header {
	background: #dddddd;
}
.data-table tbody tr.header td {
	font-weight: bold;
}

.data-table td {
	border-top: 1px solid #fff; border-bottom: 1px solid #ddd;
	font-weight: normal;
}
.data-table tr.odd {
	background: #f5f5f5;
}
.data-table tr.data-table-actions td {
	border-bottom-color: #626262;
}
.data-table td {
	padding: 10px;
			font-size: 12px; /*SAB NEU*/
}
.data-table tbody tr.data-table-hover {
	background-color: #daebd0;
}
	.data-table .hit, .data-table .hit a {
		background-color:#AED299;
		font-weight:bold;
		color:#4C4D4F;
	}

/* Table Sorting */

/* tables */

.data-table th.sortable {
	padding: 2px 10px 2px 20px;
	background: transparent url(../img/content_icons.png) no-repeat 5px -400px;
}
.data-table th.sortable:hover {
	background-color: #dadadb;
}
.data-table th.headerSortUp {
	background-position: 5px -480px;
}
.data-table th.headerSortDown {
	background-position: 5px -440px;
}

/* Above and below table */

.table-control {
	overflow: hidden;
	border-bottom: 1px solid #ccc; padding-bottom: 10px;
}
.table-control-left {
	float: left;
}
.table-control-right {
	float: right;
}

/* Avatar box */

.avatar-box {
	position: relative;
}
.avatar-type {
	position: absolute; top: 32px; left: 32px; z-index: 100;
}
.avatar-img {
	float: left;
	width: 44px; height: 44px; margin-right: 15px;
}
.avatar-img img {
	display: block;
}
.avatar-data {
	overflow: hidden;
}
.avatar-realname {
	font-weight: bold;
}
.avatar-username {
	font-weight: normal;
}
.avatar-familyname {
	font-weight: normal;
}

/* Form input */

.input-label {
	font-size: 12px; line-height: 22px;
}
.input-text, .input-textarea, .input-button, .input-checkbox, .input-radio, .input-select {
	vertical-align: middle;
	font: 12px Calibri,Arial,Helvetica,sans-serif;
	margin-right: 3px;
}
.input-button {
	height: 22px;
	padding: 0 7px; border: 1px solid #ccc; border-bottom-color: #333; border-right-color: #333;
	background: #888 url(../img/input-button_bg.gif) repeat-x;
	font-size: 11px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px;
	color: #fff;
}
			.input-button-green {
				height: 22px;
				padding: 0 7px; border: 1px solid #ccc; border-bottom-color: #333; border-right-color: #333;
				background: #888 url(../img/input-button_bg.gif) repeat-x 0 -40px;
				font-size: 11px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px;
				color: #fff;
				cursor:pointer;
			}
			.disabled.input-button, .disabled.input-button-green {
				height: 22px;
				padding: 0 7px; border: 1px solid #ccc; border-bottom-color: #333; border-right-color: #333;
				background: #888 url(../img/input-button_bg.gif) repeat-x 0 -40px;
				font-size: 11px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px;
				color: #fff;
				cursor:pointer;
			}
.input-button-high {
	border-color: #a5cd8e; border-bottom-color: #1f3c0e; border-right-color: #1f3c0e;
	background: #daebd0 url(../img/input-button_bg.gif) repeat-x 0 -40px;
}
.input-text {
	height: 14px;
	padding: 3px 3px; border: 1px solid #aaa; border-bottom-color: #ddd; border-right-color: #ddd;
	background: #fff;
}
	.input-text-red {
		height: 14px;
		padding: 3px 3px; border: 1px solid #800000; border-bottom-color: #D32929; border-right-color: #D32929;
		background: #fff;
	}
	.input-select {
		padding: 2px 2px; border: 1px solid #aaa; border-bottom-color: #ddd; border-right-color: #ddd;
		background: #fff;
		height:22px;
	}
.input-textarea {
	padding: 3px 3px; border: 1px solid #aaa; border-bottom-color: #ddd; border-right-color: #ddd;
	background: #fff;
}
.input-text[readonly] {
	background: #f2f2f2;
}
.input-textarea[readonly] {
	background: #f2f2f2;
}

/* Big tables (for forms and message details) */

.big-table {
	width: 100%;
	border-collapse: separate;
	margin-bottom: 16px;
}
.big-table tr.grey, .big-table2 .grey2 {
	background-color: #f2f2f2;
}
.big-table td, .big-table2 td {
	padding: 10px 15px;
	border-top: 1px solid #fff;
	vertical-align: top;
}
.big-table td.big-table-label {
	width: 123px; font-weight: bold;
}

			/* SAB: Big tables addon minimax */

			table.big-table-minimax {
				width: 100%;
				border-collapse:collapse;
				margin-bottom: 4px;
			}
      /*table.big-table-minimax a {
				float:right;
			}*/
			.big-table-minimax thead, .big-table2 thead {
				background-color:#f2f2f2;
				background:#f2f2f2 url(../img/greybox_bg.gif) repeat-x 0 bottom;
			}
			.big-table-minimax thead{
				cursor:pointer;
			}
			.big-table-minimax thead tr.big-table-minimax-hover {
				background-color:#dadadb;
				background:#dadadb;
			}
			.big-table-minimax tr.big-table-minimax-actions td {
			}
			.big-table-minimax th, .big-table2 th {
				border-top: 1px solid #fff; 
				border-bottom: 1px solid #ddd;
				font-weight: bold; 
				/*text-transform: uppercase; letter-spacing: 1px;*/
			}
			.big-table-minimax th.txt, .big-table2 th.txt {
				padding: 13px 42px 13px 15px;
				width:100%;
			}
			.big-table-minimax th.txt2, .big-table2 .txt2 {
				padding: 13px 42px 13px 15px;
				width:100%;
				letter-spacing:1px; 
				text-transform:uppercase;
				font-weight:bold;
 			}
			/*
			.big-table-minimax th.open {
				background:#f2f2f2 url(../img/minimax_icons.png) no-repeat right 0px; background-color:#f2f2f2;
			}
			.big-table-minimax th.open:hover {
				background:transparent url(../img/minimax_icons.png) no-repeat right -84px;
			}
			.big-table-minimax th.close {
				
				background:#f2f2f2 url(../img/minimax_icons.png) no-repeat right -42px; background-color:#f2f2f2;
			}
			.big-table-minimax th.close:hover {
				background:transparent url(../img/minimax_icons.png) no-repeat right -126px;
			}
			*/

/* Row of elements (icons, page numbers) */

ul.serialrow {
	overflow: hidden;
	list-style: none;
}
ul.serialrow li {
	float: left;
	list-style: none;
	line-height: 22px;
	margin: 0;
}
	ul.serialrow li.spacer-paging {
		margin-left:20px;
	}

/* Message display */

.message-body {
	padding: 20px 0;
}
.message-attachments {
	padding: 20px 0;
}
.message-comments {
	padding: 20px 0;
}
.message-comment {
	border-bottom: 1px solid #ccc; margin-bottom: 16px;
}
.message-comment .avatar-box {
	margin-bottom: 20px;
}

/* Content Tabs */

.contenttabs .ui-tabs-nav, .contenttabs .contenttabs-nav {
	overflow: hidden;
	border-bottom: 1px solid #dddddd;
}
.contenttabs .ui-tabs-nav li, .contenttabs .contenttabs-nav li {
	float: left;
	margin: 0;
	list-style: none;
}
.contenttabs .ui-tabs-nav a, .contenttabs .contenttabs-nav a {
	display: block;
	padding: 10px; margin-right: 1px; 
	border: 1px solid #fff; border-bottom: 0;
	background-color: #f5f5f5;
	font-weight: bold; text-transform: uppercase;
	color: #969696;
}
			.contenttabs_home .ui-tabs-nav a, .contenttabs_home .contenttabs-nav a {
				display: block;
				padding:3px 3px 0 3px; margin-right: 1px; 
				border: 1px solid #fff; border-bottom: 0;
				background-color: #f5f5f5;
				font-weight: bold; text-transform: uppercase;
				color: #969696;
			}
			.contenttabs_home2 .ui-tabs-nav a, .contenttabs_home2 .contenttabs-nav a {
				display: block;
				padding:10px 13px 10px 13px; margin-left: 1px; 
				border: 1px solid #fff; border-bottom: 0;
				background-color: #f5f5f5;
				font-weight: bold; text-transform: uppercase;
				color: #969696;
			}
.contenttabs .ui-tabs-nav .ui-tabs-selected a, .contenttabs .contenttabs-nav .ui-tabs-selected a {
	border: 1px solid #dddddd; border-bottom: 0;
	background: #dddddd url(../img/greybox_bg.gif) repeat-x 0 bottom;
	color: #4c4d4f;
}
.contenttabs .ui-tabs-nav a:hover, .contenttabs .contenttabs-nav a:hover {
	text-decoration: none;
	border: 1px solid #dddddd; border-bottom: 0;
	border-color: #519f25;
	background-color: #daebd0;
	color: #000;
}
.contenttabs div.ui-tabs-hide {
	display: none;
}
	.contenttabs .counter {
		font-weight:normal;
	}
	.contenttabs li.openall {
		float:right; 
		display:block; 
		padding:0 0 0 20px;
	}
	.contenttabs li.openall a {
		font-weight:normal; 
		text-transform:none; 
		color:#519F25; 
		border-top:1px solid #AED299; 
		border-left:1px solid #AED299; 
		border-right:1px solid #AED299; 
	}
	.contenttabs-bg {
		width:100%; 
		background:#F5F5F5 url(../imglib/contenttab-bg.jpg) repeat-x 0px 0px;
	}


/* Homepage
==================================================================================================== */

#content .hometabs {
	margin-bottom: 16px;
}
#content .hometabs .ui-tabs-nav {
	overflow: hidden;
}
#content .hometabs .ui-tabs-nav li {
	float: left;
	margin: 0;
	list-style: none;
}
#content .hometabs .ui-tabs-nav a {
	display: block;
	padding: 2px 7px; margin-right: 1px; 
	border: 1px solid #fff; border-bottom: 0;
	background-color: #f5f5f5;
	font-weight: bold; text-transform: uppercase;
	color: #969696;
}
#content .hometabs .ui-tabs-nav .ui-tabs-selected a {
	border: 1px solid #dddddd; border-bottom: 0;
	background-color: #fff;
	color: #4c4d4f;
	
}
#content .hometabs .ui-tabs-nav a:hover {
	text-decoration: none;
	border: 1px solid #dddddd; border-bottom: 0;
	border-color: #519f25;
	background-color: #daebd0;
	color: #000;
}
#content .hometabs-content {
	padding: 7px 7px 0 7px; 
	border: 1px solid #dddddd;
	background-color: #fff;
		overflow:hidden;
}
#content .hometabs div.ui-tabs-hide {
	display: none;
}
			.null-display {
				display:none;  
			}


/* Teaser boxes */

/*
Martina ORIG

#hometeasers li {
	margin: 0 0 1px 0;
	list-type: none;
	font-size: 11px;
	color: #fff;
}
#hometeasers li.last-child {
	margin-bottom: 0;
}
#hometeasers li a {
	display: block;
	width: 270px; height: 70px; padding: 15px;
	background: url(../img/hometeasers_bg.jpg);
	color: #fff;
}
#hometeasers li a:hover {
	text-decoration: none;
}
#hometeasers .hometeasers-head {
	display: block;
	margin-bottom: 16px;
	font-size: 28px;
}

#hometeasers #hometeasers-parenttour a { background-position: 0 0; }
#hometeasers #hometeasers-childrentour a { background-position: 0 -104px; }
#hometeasers #hometeasers-register a { background-position: 0 -208px; }
#hometeasers #hometeasers-parenttour a:hover { background-position: -304px 0; }
#hometeasers #hometeasers-childrentour a:hover { background-position: -304px -104px; }
#hometeasers #hometeasers-register a:hover { background-position: -304px -208px; }

*/

/* SAB NEU: Teaser boxes large */

#hometeasers_xl li {
	margin: 0 0 1px 0;
	list-type: none;
	font-size: 12px;
	font-weight:bold;
	color: #fff;
}
#hometeasers_xl li.last-child {
	margin-bottom: 0;
}
#hometeasers_xl li a {
	display: block;
	width: 270px; height: 76px; padding: 15px;
	background: url(../img/hometeasers_bg_02.jpg) top right;
	color: #fff;
}
#hometeasers_xl li a:hover {
	text-decoration: none;
}
#hometeasers_xl .hometeasers-head {
	display: block;
	margin-bottom: 16px;
	font-size: 22px;
	line-height:22px;
	font-weight:normal;
}

#hometeasers_xl #hometeasers-parenttour a { background-position: -200px 0; }
#hometeasers_xl #hometeasers-childrentour a { background-position: -200px -400px; }
#hometeasers_xl #hometeasers-register a { background-position: -200px -200px; }

#hometeasers_xl #hometeasers-parenttour a:hover { background-position: -700px 0; }
#hometeasers_xl #hometeasers-childrentour a:hover { background-position: -700px -400px; }
#hometeasers_xl #hometeasers-register a:hover { background-position: -700px -200px; }

#teaser li {
	margin: 0 0 1px 0;
	list-type: none;
	font-size: 12px;
	font-weight:bold;
	width:250px;
	text-transform:uppercase;
	letter-spacing:1px;
}
#teaser li.last-child {
	margin-bottom: 0;
}
#teaser li a {
	display: block;
	width: 270px; height: 200px; padding: 15px;
	background: url(../img/hometeasers_bg_03.jpg) top right;
	color: #4C4D4F;
}
#teaser li a:hover {
	text-decoration: none;
}
#teaser .teaser-head {
	display: block;
	margin-bottom: 141px;
	font-size: 22px;
	line-height:22px;
	font-weight:normal;
	width:200px;
	text-transform:none;
	letter-spacing:normal;
}
/* old
#teaser .teaser-head {
	overflow:hidden;
	display: block;
	font-size: 22px;
	font-weight:normal;
	line-height:22px;
	color: #4C4D4F;
	width:200px;
}
#teaser .teaser-footer {
	overflow:hidden;
	position:absolute;
	padding:142px 0 0 0;
	width:250px;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
	color: #4C4D4F;
}
*/

#teaser #teaser1 a { background-position: 0 0; }
#teaser #teaser1 a:hover { background-position: -300px 0; }
#teaser #teaser2 a { background-position: 0 -230px; }
#teaser #teaser2 a:hover { background-position: -300px -230px; }

#video li, #video_pl li, #video_pl_02 li  {
	margin: 0 0 1px 0;
	list-type: none;
}
#video li.last-child, #video_pl li.last-child {
	margin-bottom: 0;
}
#video li a {
	display: block;
	width: 612px; height: 320px; /*padding: 15px;*/ padding:0;
	background: url(../img/teaser_bg_02.jpg) top right;
	color: #4C4D4F;
}
#video li a:hover {
	text-decoration: none;
}
#video .play-txt {
	display: block;
	padding:290px 0 0 15px;
	font-size: 12px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
}

#video #klicksafe a { background-position: 0 0; }
#video #klicksafe a:hover { background-position: -612px 0; }

#video_pl {
	display: block;
	width: 612px; height: 320px; /*padding: 15px;*/ padding:0;
	background: url(../img/hometeasers_bg_04.jpg) top right;
	color: #4C4D4F;
}
#video_pl_02 {
	display: block;
	width: 612px; height: 320px; /*padding: 15px;*/ padding:0;
	background: url(../img/hometeasers_bg_05.jpg) top right;
	color: #4C4D4F;
}

/* Register boxes */
/* old */

.registerboxes {
	display: block;
	width: 456px; height: 132px;
	color: #fff;
}
.registerboxes h2 {
	 padding: 10px 150px 0 10px;
	 margin: 0 0 10px 0 !important;
}
.registerboxes p {
	 padding: 0 150px 0 10px;
	 margin: 0px;
}
.registernormal {
	background: url(../img/register_normal.gif);
}
.registerpremium {
	background: url(../img/register_premium.gif);
}

/* Register boxes SAB NEW! */
.registerboxes-small {
	display: block;
	width: 380px; height: 132px;
	color: #fff;
}
.registerboxes-supersmall {
	display: block;
	width: 162px; height: 132px;
	color: #fff;
}
.registerboxes-small h2 {
	 padding: 5px 150px 0 12px;
	 margin: 0 0 10px 0 !important;
}
.registernormal-small p {
	 width:250px;
	 padding:0 0 0 12px;
	 margin:0;
}
.registerpremium-small p {
	 width:200px;
	 padding:0 0 0 12px;
	 margin:0;
}
.registerbonus-small p {
	 width:150px;
	 padding:0 0 0 12px;
	 margin:0;
}
.registerboxes-supersmall p {
	 padding: 10px 0 0 15px;
	 margin: 0px;
}
.registerchoose-txt p {
	 padding: 10px 15px 0 15px;
	 margin: 0px;
}
.registernormal-small {
	background: url(../img/register_normal2.gif) right top;
	border-left:1px solid #fff;
}
.registerpremium-small {
	background: url(../img/register_premium2.gif) right top;
	border-left:1px solid #fff;
}
.registerbonus-small {
	background: url(../img/register_bonus2.gif) right top;
	border-left:1px solid #fff;
}
.registerchoose-small {
	background: url(../img/register_choose2.gif) left top;
	color:#F0F0EF;
	font-size:12px;
	letter-spacing:1px;
	text-transform:uppercase;
	font-weight:bold;
}
.registerchoose-txt {
	background: url(../img/register_choose2.gif) left top;
	color:#F0F0EF;
	font-size:12px;
	font-weight:bold;
	display: block;
	width: 162px; height: 132px;
}

/* Slider */

#age-slider {
	margin-bottom: 12px;
}


.tour {
	background: url(../img/register_tour.gif);
}
.goon {
	background: url(../img/register_goon.gif);
}


/* GLOBAL */
.left { float: left; }
.right { float: right; }
.clear { clear: both; }


/* ==================== Modifikationen für Popup-Seiten */
body.popup {
	background: #fff;
	margin: 20px 0;
}


/* ==================== jQuery UI Slider (stripped down to the bare minimum */

/* from jquery-ui.css, modified */

.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 19px; height: 19px; cursor: pointer; background: transparent url(../img/content_icons.png) no-repeat 0 -520px; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0; }
.ui-slider-horizontal { height: 8px; border: 1px solid #939393; background: #f3f3f3; }
.ui-slider-horizontal .ui-slider-handle { top: -10px; margin-left: -9px; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 9px; background: #488a23 url(../img/misc_slider_range_bg.gif) repeat-x; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }



/*Register01 Green Bonus*/



/*
.reg01_bonus_td{
background-color:#AED299; 
font-size:13px; 
font-weight:bold; 
letter-spacing:1px; 
text-transform:uppercase;
padding: 10px 0 5px 10px;
border:1px solid white;
}
.reg01_bonus_td_off{
background-color:#ddd;           
font-size:13px; 
font-weight:bold; 
letter-spacing:1px; 
text-transform:uppercase;    
border: 0px;
padding: 0px;                
}
*/