body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 16px;
}
h3 {
	font-size: 12px;
	color: #000000;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
h1 {
	color: #666666;
	font-size: 14px;
	font-weight: bold;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}
h2 {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
hr {
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-bottom: 10px;
	margin-top:5px;
}
.hr {
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin: 10px 0px 10px 0px;
	padding: 0px;
}
a
{
    color: #003399;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

 @media print
 {
	.noprint { display: none; }
 }

.ulink {
	color: #003399;
	text-decoration: underline;
}
.plink {
	color: #003399;
	text-decoration: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #003399;
	border-right-color: #003399;
	border-bottom-color: #003399;
	border-left-color: #003399;
}
.mmcontainer {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #f0ede6;
	border-right-color: #f0ede6;
	border-bottom-color: #f0ede6;
	border-left-color: #f0ede6;
	border-bottom-style: solid;
	width: 160px;
}
.mmcontainer .mmtitle {
	font-weight: bold;
	font-size: 12px;
	background-color: #f0ede6;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 10px;
	margin-bottom: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.mmcontainer .links {
	background-image: url(https://static.Abendteuer&Leben.de/media/static/images/mmcontainer_bg.jpg);
	background-repeat: repeat-y;
	width: 160px;
	margin: 0px;
	padding: 0px;
}
.mmcontainer .links ul {
	list-style-type: none;
	list-style-image: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

.mmcontainer .links ul li {
	height: 20px;
}
.mmcontainer .links ul li a {
}


.plink:hover {
	text-decoration: none;
}

#searchvalue{
	padding-left:2px !important;
	height: 18px !important;
	line-height: 18px !important;
	color: #999999;
	font-size:9px;
	width:110px;
	border-color: #808080;
}

input[type=text],input[type=password],select {
	background-position: center left !important;
}

input[type=text],input[type=password],input[type=number],select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #cccccc;
	height: 25px !important;
	line-height: 25px !important;
	padding:0px 3px !important;

	/* Abrundung CSS3 (Firefox ab 4, Opera, Internet Explorer ab 9) */
	border-radius: 3px;

	/* Abrundung Mozilla (Firefox ab 3.5) */
	-moz-border-radius: 3px;

	/* Abrundung WebKit (Safari, Chrome) */
	-webkit-border-radius:	3px;
}
select{
	padding: 3px !important;
	font-size: 11px !important;
}

textarea
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #cccccc;
	padding: 3px;

	/* Abrundung CSS3 (Firefox ab 4, Opera, Internet Explorer ab 9) */
	border-radius: 5px;

	/* Abrundung Mozilla (Firefox ab 3.5) */
	-moz-border-radius: 5px;

	/* Abrundung WebKit (Safari, Chrome) */
	-webkit-border-radius:	5px;
}

textarea:active, textarea:focus
{
	box-shadow:			0px 0px 5px #8E8E8E;
	-webkit-box-shadow:	0px 0px 5px #8E8E8E;
	-moz-box-shadow:	0px 0px 5px #8E8E8E;
}

.ublink {
	color: #003399;
	text-decoration: underline;
	font-weight: bold;
}

.sdivider {
	background-image: url(../style/line.gif);
	background-repeat: repeat-x;
	height: 30px;
	background-position: 10px;
}
.pdivider {
	background-image: url(../style/linep.gif);
	background-repeat: repeat-x;
	height: 30px;
	background-position: 10px;
}
.infobox {
	border: 1px solid #CCCCCC;
	margin: 5px;
	background-color: #FFFFFF;
}
.infobox b {
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}

.infobox td {
	font-size: 11px;
}

.bottom table td {
	color: #FFFFFF;
}
.bottom {
	width: 800px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.bottom a {
	color: #FFFFFF;
	text-decoration: none;
}

.bottom a:hover {
	text-decoration: underline;
}

.content {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
	background-color: transparent;
}
.aplacesky {
	padding: 0px;
	height: 600px;
	width: 160px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	z-index: 0;
}
.topsearch {
	padding: 0px;
	margin-top: 17px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.neu {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	margin-right: 2px;
	margin-left: 2px;
	margin-top: 1px;
	margin-bottom: 1px;
	background-color: #FF0000;
}

.new {
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
	margin-right: 2px;
	margin-left: 2px;
	margin-top: 1px;
	margin-bottom: 1px;
}

.bigtitel {
	text-decoration: none;
	color: #003399;
	font-weight: bold;
}

/*
------------------------------------------------------------------------------------
Forum
------------------------------------------------------------------------------------
 */

.forum-titel {
	font-weight: bold;
	text-decoration: none;
	color: #003399;
}
.forum-cattitel {
	text-decoration: none;
	font-size: 10px;
	color: #666666;
}

.quote {
	border: 1px solid #CCCCCC;
	background-color: #FFFFCC;
	padding: 3px;
	color: #000000;
}

/* ----------------------------------------------------------------------
Profile
---------------------------------------------------------------------- */

.profilecontent {
	padding: 5px;
	border: 1px solid #f0ede6;
}

/* ----------------------------------------------------------------------
Freundeslisten
---------------------------------------------------------------------- */

#flmenue {
	overflow : auto;
	height: 200px;
}

.fl-w {
	color: #FF3300;
	text-decoration: none;
	text-align: left;
	font-size: 9px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}
.fl-m {
	color: #003399;
	text-decoration: none;
	font-size: 9px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}
.fl-w:Hover,.fl-m:Hover {
	color: #FFFFFF;
	text-align: left;
	background-color: #FF6600;
}

/* ----------------------------------------------------------------------
Tabsystem
---------------------------------------------------------------------- */

			div.tabbar_container
			{
				position:relative;
				left:0px;
				top:0px;
				height:20px;
				padding:0px;
				margin:0px;
				overflow:hidden;

			}

			div.tabbar_tab_active
			{
				float:left;
				height:22px;
				top:0px;
				/*border:#CCCCCC solid thin;*/
				border: none;
				background-image:url(../style/tabs/tab_bg_active.png);
				background-repeat:repeat-x;
				background-color:#FFFFFF;
				padding:0px;
				margin:0px;
				margin-right:2px;

				vertical-align:top;
				text-align:center;
				z-index:1;
				overflow:hidden;
			}

			div.tabbar_tab_inactive
			{
				float:left;
				top:0px;
				padding-left:0px;
				padding-right:0px;
				margin-right:2px;
				height:20px;
				/*border:#CCCCCC solid thin;*/
				background-image:url(../style/tabs/tab_bg_inactive.png);
				background-repeat:repeat-x;
				background-color:#FFFFFF;
				z-index:1;
				overflow:hidden;

			}

			div.tabbody_shown
			{
				border:#CCCCCC solid thin;
				margin-top:0px;
				padding-top:0px;
				z-index:2;

			}

			div.tabbody_hidden
			{
				display:none;
				z-index:2;
			}

			img.tab_edge_top_left
			{
				position:relative;
				left:0px;
				top:0px;
				height:20px;
				margin:0px;
				padding:0px;
			}

			img.tab_edge_top_right
			{
				position:relative;
				left:1px;
				top:0px;
				height:20px;
				margin:0px;
				padding:0px;
			}

			span.tabbar_tab_text
			{
				position:relative;
				top:-5px;
				height:15px;
				cursor:pointer;
			}

/* ----------------------------------------------------------------------
	Modul-Layout-Gerümpel
---------------------------------------------------------------------- */
/* Titel mit kleinem Bild */
div#main_title
{
	margin-bottom: 10px;
	width: 752px;
	margin-left: 10px;
}

div#main_title img
{
	 margin-left: 0px;
	 float: left;
	 padding-right: 10px;
	 height: 32px;
	 width: 32px;
}

div#main_title h1
{
	margin-left: 40px;
	border-bottom: 1px solid #C1C1C1;
	font-size: 14px;
	padding-top: 5px;

}

/* die grauen Boxen */

div.boxed_circle
{
	/* Abrundung CSS3 (Firefox ab 4, Opera, Internet Explorer ab 9) */
	border-radius: 7px;

	/* Abrundung Mozilla (Firefox ab 3.5) */
	-moz-border-radius: 7px;

	/* Abrundung WebKit (Safari, Chrome) */
	-webkit-border-radius:	7px;

	background: #EEEEEE;
	border: 1px solid #CCC;
	line-height: 14px;
	height: 14px;
	width: auto;
	min-width: 14px;
	font-size: 11px;
	margin-right: 5px;
	font-weight: bold;
}

/*CRAP BOXEN Autor Igor*/

	/*Hilfsclassen*/
	div.clear{
		clear: both;
	}
	.right{
		float: right;
	}
	.left{
		float: left;
	}
	.center{
		text-align: center;
	}
	.none{
		display: none;
	}
	.margin_none{
		margin:0px !important;
	}
	.relative{
		position: relative;
	}


	.vertical-align_middle{
		vertical-align: middle;
	}

	.adsLabelHorizontal{
		width:51px;
		height:16px;
		background-image: url(https://static.Abendteuer&Leben.de/media/static/images/adsLabelHorizontal.gif);
		background-repeat: no-repeat;
	}

	.adsLabelVertical{
		width:16px;
		height:51px;
		margin-top: 9px;
		background-image: url(https://static.Abendteuer&Leben.de/media/static/images/adsLabelSky.gif);
		background-repeat: no-repeat;
		float:left;
	}

	div.bordertest{border: 1px solid #000000;}


	/*Boxed grundstyle*/
	.ui-state-highlight,
	div .error, div .notice, div .success,
	div.boxed_facebook,
	div.boxed_twitter,
	div.boxed_clear,
	div.boxed_white,
	div.boxed,
	div.boxed_red,
	div.boxed_attention,
	div.boxed_info,
	div.boxed_light_info,
	div.boxed_okay,
	div.boxed_error,
	div.boxed_orange,
	div.boxed_orange_dark,
	div.boxed_orange_dark_verlauf,
	div.boxed_verlauf,
	div.boxed_white_verlauf
	{
		-moz-box-shadow: 0px 0px 5px #cccccc;
		-webkit-box-shadow: 0px 0px 5px #cccccc;
		box-shadow: 0px 0px 5px #cccccc;

		/* Abrundung CSS3 (Firefox ab 4, Opera, Internet Explorer ab 9) */
		border-radius: 5px;
		/* Abrundung Mozilla (Firefox ab 3.5) */
		-moz-border-radius: 5px;
		/* Abrundung WebKit (Safari, Chrome) */
		-webkit-border-radius:	5px;

		width: auto;
		margin-left: 10px;
		margin-bottom: 20px;
		padding: 10px;
	}

	div.boxed_clear
	{
		padding: 0px;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	div.boxed_facebook
	{
		border: 1px solid #5B74A9;
		color: #FFFFFF;
		background-color: #7A8FB9;
	}

	div.boxed_twitter
	{
		border: 1px solid #8EC1DA;
		color: #FFFFFF;
		background-color: #C0DEED;
	}

	div.boxed_white
	{
		border: 1px solid #CCC;
		background-color: #FFF;
	}

	div.boxed_red,div.boxed_error
	{
		border: 1px solid #ff0000;
		background-color: #FFC6C6;
	}

	div.boxed_orange,div.boxed_attention,div.boxed_info,div.boxed_light_info
	{
		border: 1px solid #FF8E45;
		background-color: #FFE2C6;
	}

	div.boxed_orange_dark
	{
		border: 1px solid #FF6600;
		background-color: #FF8E45;
	}

	div.boxed_attention
	{
		color: #cc6600;
	}
	div.boxed_error
	{
		color: #cc0000;
	}
	div.boxed_okay
	{
		border: 1px solid #C6D880;
		color: #264409;
		background-color: #E6EFC2;
	}

	div.boxed_info
	{}

	div.boxed_light_info
	{}

	div.boxed_orange_dark_verlauf{
		/*
		Important!!!
		Die Darstellung dieser Box sind nicht in allen Browsern (z.B IE) nicht immer gleich
		*/

		/* Hintergrund für Browser die keinen Verlauf darstellen können */
		border: 1px solid #FF6600;
		background-color: #FF8E45;

		/* Farbverlauf für Internet Explorer */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF8E45', endColorstr='#FF6600');

		/* Farbverlauf für Firefox */
		background: -moz-linear-gradient(top, #FF8E45, #FF6600);

		/* Farbverlauf für Safari */
		background: -webkit-gradient(linear, left top, left bottom, from(#FF8E45), to(#FF6600));
	}

	div.boxed
	{
		border: 1px solid #CCCCCC;
		background-color: #EEEEEE;
	}

	div.boxed_verlauf{
		/*
		Important!!!
		Die Darstellung dieser Box sind nicht in allen Browsern (z.B IE) nicht immer gleich
		*/

		/* Hintergrund für Browser die keinen Verlauf darstellen können */
		border: 1px solid #CCCCCC;
		background-color: #EEEEEE;

		/* Farbverlauf für Internet Explorer */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#CCCCCC');

		/* Farbverlauf für Firefox */
		background: -moz-linear-gradient(top, #EEEEEE, #CCCCCC);

		/* Farbverlauf für Safari */
		background: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#CCCCCC));
	}

	div.boxed_white_verlauf{
		/*
		Important!!!
		Die Darstellung dieser Box sind nicht in allen Browsern (z.B IE) nicht immer gleich
		*/

		/* Hintergrund für Browser die keinen Verlauf darstellen können */
		border: 1px solid #CCCCCC;
		/* Hintergrund für Browser die keinen Verlauf darstellen können */
		background-color: #FFFFFF;

		/* Farbverlauf für Internet Explorer */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE');

        /* Farbverlauf für Firefox */
        background: -moz-linear-gradient(top, #FFF, #EEEEEE);

        /* Farbverlauf für Safari */
        background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEEEEE));
	}


	div.boxed_head_white,
	div.boxed_head_gray,
	div.boxed_head_orange,
	div.boxed_head_orange_dark_verlauf,
	div.boxed_head_boxed_verlauf,
	div.boxed_head_red,
	h2.boxed
	{
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;

		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		-moz-border-radius-bottomright: 0px;
		-moz-border-radius-bottomleft: 0px;

		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-webkit-border-bottom-left-radius: 0px;
		-webkit-border-bottom-right-radius: 0px;

		padding: 5px 10px;
		font-weight: bold;
		margin: -10px -10px 10px -10px;
	}

	div.boxed_head_white_bottom,
	div.boxed_head_gray_bottom,
	div.boxed_head_orange_bottom,
	div.boxed_head_orange_dark_verlauf_bottom,
	div.boxed_head_boxed_verlauf_bottom,
	div.boxed_head_red_bottom,
	h2.boxed_bottom
	{
		border-top-right-radius: 0px;
		border-top-left-radius: 0px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;

		-moz-border-radius-topleft: 0px;
		-moz-border-radius-topright: 0px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;

		-webkit-border-top-left-radius: 0px;
		-webkit-border-top-right-radius: 0px;
		-webkit-border-bottom-left-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;

		padding: 5px 10px;
		margin: 0px -10px -10px -10px;
	}


	div.boxed_head_gray{
		border-bottom: 1px solid #CCCCCC;
		background: #EEEEEE;
	}

	div.boxed_head_gray_bottom{
		border-top: 1px solid #CCCCCC;
		background: #EEEEEE;
	}

	div.boxed_head_white,h2.boxed{
		border-bottom: 1px solid #cccccc;
		background: #FFFFFF;
	}

	div.boxed_head_white_bottom,h2.boxed_bottom{
		border-top: 1px solid #cccccc;
		background: #FFFFFF;
	}

	div.boxed_head_red{
		border-bottom: 1px solid #ff0000;
		background-color: #ff0000;
		color: #FFFFFF;
	}

	div.boxed_head_orange{
		/*
		Important!!!
		Die Darstellung dieser Box sind nicht in allen Browsern (z.B IE) nicht immer gleich
		*/

		/* Hintergrund für Browser die keinen Verlauf darstellen können */
		border-bottom: 1px solid #FF6600;
		background-color: #FF8E45;
		color:#FFFFFF;
	}

	div.boxed_head_orange_dark_verlauf{
		/*
		Important!!!
		Die Darstellung dieser Box sind nicht in allen Browsern (z.B IE) nicht immer gleich
		*/

		/* Hintergrund für Browser die keinen Verlauf darstellen können */
		border-bottom: 1px solid #FF6600;
		background-color: #FF8E45;
		color:#FFFFFF;
		/* Farbverlauf für Internet Explorer */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF8E45', endColorstr='#FF6600');
		/* Farbverlauf für Firefox */
		background: -moz-linear-gradient(top, #FF8E45, #FF6600);
		/* Farbverlauf für Safari */
		background: -webkit-gradient(linear, left top, left bottom, from(#FF8E45), to(#FF6600));
	}

	div.boxed_head_boxed_verlauf{
		/*
		Important!!!
		Die Darstellung dieser Box sind nicht in allen Browsern (z.B IE) nicht immer gleich
		*/


		/* Hintergrund für Browser die keinen Verlauf darstellen können */
		border-bottom: 1px solid #CCCCCC;
		background-color: #EEEEEE;

		/* Farbverlauf für Internet Explorer */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#CCCCCC');
		/* Farbverlauf für Firefox */
		background: -moz-linear-gradient(top, #EEEEEE, #CCCCCC);
		/* Farbverlauf für Safari */
		background: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#CCCCCC));
	}

	img.boxed
	{
		margin-left: 10px;
		margin-bottom: 5px;
	}
	h2.boxed
	{
		width: auto;
		margin-right: 0px;
		margin-left: 10px;
		margin-bottom: -4px;
		z-index: 2;
		position: relative;
		border:  1px solid #cccccc;
		margin-top: 16px;
		-moz-box-shadow: 0px 0px 3px #cccccc;
		-webkit-box-shadow: 0px 0px 3px #cccccc;
		box-shadow: 0px 0px 3px #cccccc;
	}
	h2.boxed_bottom
	{
		width: auto;
		margin-right: 0px;
		margin-left: 10px;
		margin-bottom: -4px;
		z-index: 2;
		position: relative;
		border:  1px solid #cccccc;
		margin-top: -25px;
		-moz-box-shadow: 0px 1px 3px #cccccc;
		-webkit-box-shadow: 0px 1px 3px #cccccc;
		box-shadow: 0px 1px 3px #cccccc;
		font-weight: normal;
	}

/*CRAP BOXEN ENDE*/

/*CRAP TABLLE*/

/* -------------------------------------------------------------------
Reset
------------------------------------------------------------------- */

table.data-table table, table.data-table caption, table.data-table tbody, table.data-table tfoot, table.data-table thead, table.data-table tr, table.data-table th, table.data-table td {
	margin: 0px;
	padding: 0px;
	border: 0px;
	vertical-align: baseline;
}
table.data-table  {
	border-collapse: collapse;
	border-spacing: 0px;
}
table.data-table caption, table.data-table th, table.data-table td {
	text-align: left;
	font-weight: normal;
}
table.data-table , table.data-table td, table.data-table th {
	vertical-align: middle;
}

/* -------------------------------------------------------------------
Daten Tabelle
------------------------------------------------------------------- */

table.data-table {
	margin-bottom: 10px;
}
table.data-table th {
	font-weight: bold;
}
table.data-table thead th {
	background-color: #EEE;
}
table.data-table th,table.data-table td,table.data-table caption {
	padding: 4px 10px 4px 5px;
}
table.data-table tfoot {
	font-style: italic;
}
table.data-table caption {
	background: #EEE;
}
table.data-table td.middle {
	text-align: center;
	vertical-align: center;
}
table.data-table td.topleft {
	text-align: left;
	vertical-align: top;
}

table.data-table {
	border: 1px solid #CCB;
	margin-bottom: 10px;
	width: 100%;
}
table.data-table tr.even td {
	background: #F2F6FA;
}
table.data-table tr.highlight td {
    background: #ffff99;
    font-weight: bold;
}
table.data-table th {
	background: #F0F0F0;
	border: 1px solid #DDD;
	color: #333;
	text-align: left;
}
table.data-table tr {
	border-bottom: 1px solid #DDD;
}
table.data-table td, table th {
	padding: 5px;
}
table.data-table td {
	background: #F6F6F6;
	border: 1px solid #DDD;
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}
table.data-table tr.even td {
	background: #FCFCFC;
}

/* -------------------------------------------------------------------
Daten Tabelle Typ 2
------------------------------------------------------------------- */

table.data2-table {
	border: 0px;
	margin-bottom: 10px;
	width: 100%;
}
table.data2-table tr.even td {
	background-color: #EEEEEE;
}
table.data2-table tr {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEEEEE;
}
table.data2-table td {
	padding: 5px;
}
/*CRAP TABLLE ENDE*/


/* -------------------------------------------------------------------
Meldungen     (nicht mehr benötigt) !important
------------------------------------------------------------------- */
div .error, div .notice, div .success {
	border: 1px solid #DDD;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 10px;
}

div .error {background: #FBE3E4; color: #8A1F11; border-color: #FBC2C4;}
div .error a {color: #8A1F11;}

div .notice {background: #FFF6BF; color: #514721; border-color: #FFD324;}
div .notice a {color: #514721;}

div .success {background: #E6EFC2; color: #264409; border-color: #C6D880;}
div .success a {color: #264409;}

span.new {
	font-size: 80%;
	color: #F00;
	font-weight: bold;
}
/* -------------------------------------------------------------------
Meldungen     (nicht mehr benötigt) !important
------------------------------------------------------------------- */


/*CRAP BUTTON*/
span.JsWork_Button1 input,span.JsWork_Button2 input,
span.button_facebook a,
span.button a,
span.button input,
span.button button,
span.button2 a,
span.button2 input,
span.jsbutton{

	border:1px solid #ff6600;
	/* Abrundung CSS3 (Firefox ab 4, Opera, Internet Explorer ab 9) */
	border-radius: 3px;
	/* Abrundung Mozilla (Firefox ab 3.5) */
	-moz-border-radius: 3px;
	/* Abrundung WebKit (Safari, Chrome) */
	-webkit-border-radius:	3px;

	background: #ff8E45;
	/* Farbverlauf für Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8E45', endColorstr='#ff6600');
	/* Farbverlauf für Firefox */
	background: -moz-linear-gradient(top, #ff8E45, #ff6600);
	/* Farbverlauf für Safari */
	background: -webkit-gradient(linear, left top, left bottom, from(#ff8E45), to(#ff6600));
	/* Farbverlauf für Opera */
	background:-o-linear-gradient(top, #ff8E45, #ff6600); /* Opera */


	display: inline-block;

	padding:3px 5px;

	color:#FFFFFF;

	font-weight: bold;

	text-decoration: none !important;

	cursor: pointer;
}

span.button input[disabled="disabled"], span.button input[disabled=""],
span.button input[disabled=""]:hover, span.button input[disabled="disabled"]:hover,
span.button button[disabled=""]:hover, span.button button[disabled="disabled"]:hover{
	background: #F4F4F4 !important;
	border:1px solid #ADB2B5 !important;
	color:#6D6D6D !important;
}

span.JsWork_Button1 input:hover,
span.JsWork_Button2 input:hover,
span.button_facebook a:hover,
span.button a:hover,
span.button button:hover,
span.button input:hover,
span.button2 a:hover,
span.button2 input:hover,
span.jsbutton:hover{
	background: #b1b2b5;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b1b2b5', endColorstr='#98999c');
	background: -moz-linear-gradient(top, #b1b2b5, #98999c);
	background: -webkit-gradient(linear, left top, left bottom, from(#b1b2b5), to(#98999c));
	border:1px solid #98999C;
	color:#ffffff;
}

span.button a:active,
span.button input:active,
span.button2:active a,
span.button2:active input{
	background: #ff6600;
}

.boxed_singelbutton_right{
	margin-top: -3px;
	margin-right: -3px;
	float:right;
}
/*CRAP BUTTON ENDE */


/*Anwendungen css Autor Igor*/
.kommentare{
	padding: 0px !important;
}.kommentare .userpicture{
	/* Abrundung CSS3 (Firefox ab 4, Opera, Internet Explorer ab 9) */
	border-radius: 5px;
	/* Abrundung Mozilla (Firefox ab 3.5) */
	-moz-border-radius: 5px;
	/* Abrundung WebKit (Safari, Chrome) */
	-webkit-border-radius:	5px;

	border:1px solid #CCCCCC;

	float: left;
	height: 100px;
	width: 100px;
	background-repeat:no-repeat;
	background-position: center;
	margin-right: 10px;
	margin-bottom: -1px;
	margin-left: -1px;
	margin-top: -1px;
	text-align: right;
}.kommentare .textcontent{
	padding: 10px;
	padding-bottom: 0px;
}
/*Anwendungen css ENDE*/

/* Tabellenzellen/-zeilen */
.cell_gray
{
	background: #EEEEEE;
}
.cell_darkgray
{
	background: #DDDDDD;
}
.cell_white {
	background: #FFFFFF;
}

/* links als Button - NADINEs Design */
span.button3 a,
span.button3 a:active,
span.button3 a:hover,
span.button3 a:link,
span.button3 a:focus,
span.button3 a:visited,
span.button3 input{
	border:1px solid #FF8006;

	background:#FFFFFF;
	color:#FF8006;
	text-decoration:none !important;
	font-weight:normal;
	padding:1px 10px 1px 10px;
	height: 27px !important;
	/* Abrundung CSS3 (Firefox ab 4, Opera, Internet Explorer ab 9) */
	border-radius: 5px;

	/* Abrundung Mozilla (Firefox ab 3.5) */
	-moz-border-radius: 5px;

	/* Abrundung WebKit (Safari, Chrome) */
	-webkit-border-radius:	5px;

	font-weight: bold;

	box-shadow: 0px 0px 10px #FFFFFF;
	-webkit-box-shadow: 0 0 10px #FFFFFF;
	-moz-box-shadow: 0 0 10px #FFFFFF;

	/* Safari Mobile sagen, dass es den Style benutzen soll */
	-webkit-appearance: none;
}

span.button3 a, span.button3 a:active, span.button3 a:hover, span.button3 a:link, span.button3 a:focus, span.button3 a:visited, span.jsbutton
{
	position:relative;
	top: 2px;
	padding:2px 10px 2px 10px;
}

span.button3 span.button3 a:active, span.button3 a:hover, span.button3 input:hover, span.jsbutton:hover
{
	background:#C4C4C4;
	cursor: pointer;

	box-shadow: 0px 0px 5px gray;
	-webkit-box-shadow: 0 0 5px gray;
	-moz-box-shadow: 0 0 5px gray;
}
span.button3 a img
{
	vertical-align: middle;
}


span.button_facebook a img
{
	vertical-align: middle;
	display: none;
}


/* text Effekte */
span.b {
	font-weight: bold;
}
span.i {
	font-style: italic;
}
span.red {
	color:#FF0000;
}
span.green {
	color: #006600;
}
span.blue {
	color:#0000FF;
}
span.u {
	text-decoration:underline;
}

#waiting_box
{
	text-align: center;
	position: fixed;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	display: none;
}
#waiting_box #waiting_inner
{
	margin-left: -180px;
	position: absolute;
	top: -15px;
	left: 50%;
	width: 360px;
	height: 30px;
	z-index: 999;
}
#waiting_inner .boxed
{
	width: 350px; margin-left: 0px;
}

.ui-state-highlight {
	background-image: none;
	background-color: #FF6600;
	border:1px solid #ff6600;
	/* Abrundung CSS3 (Firefox ab 4, Opera, Internet Explorer ab 9) */
	border-radius: 5px;
	/* Abrundung Mozilla (Firefox ab 3.5) */
	-moz-border-radius: 5px;
	/* Abrundung WebKit (Safari, Chrome) */
	-webkit-border-radius:	5px;
	padding: 0px;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: center;
}
/* Tooltip
----------------------------------*/
.ui-tooltip {
	padding:4px;
	position:absolute;
	z-index:9999;
	-o-box-shadow: 0 0 5px #aaa;
	-moz-box-shadow: 0 0 5px #aaa;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
	border: 1px solid #FF6600;
	border-color: #F4821F;
	background-color: #FFF;
	opacity: 1.0;
	font-size: 0.8em;
}
.ui-tooltip p.title {
	background-color: #EE7F01;
	background-color: #F4821F;
	color: white;
	position:relative;
	margin-right:-4px;
	margin-left:-4px;
	margin-bottom:4px;
	margin-top:0px;
	margin-top:-3px\9; /* IE Hack */
	font-size:12px;
	font-family:arial;
	font-weight:bold;
	padding-left:3px;
}
/* Fades and background-images don't work well together in IE6, drop the image */
* html .ui-tooltip {
	background-image: none;
}
body .ui-tooltip { border-width:1px; }
/* ----------------------------------
   Tooltip */

/* Inline Edit
   ---------------------------------- */
.edit button, .edit_area button, .edit_date button {
	font-size: 10px;
	border:1px solid gray;
	background:#C4C4C4;
	color:#000;
	text-decoration:none !important;
	font-weight:normal;
	padding:1px 10px 1px 10px;

	/* Abrundung CSS3 (Firefox ab 4, Opera, Internet Explorer ab 9) */
	border-radius: 3px;

	/* Abrundung Mozilla (Firefox ab 3.5) */
	-moz-border-radius: 3px;

	/* Abrundung WebKit (Safari, Chrome) */
	-webkit-border-radius:	3px;
}
.edit button:hover, .edit_area button:hover, .edit_date button:hover {
	background:#FF6600;
	cursor: pointer;
}
.edit:hover, .edit_area:hover, .edit_date:hover {
	background:#FFC4A3;
}
/* ----------------------------------
   Inline Edit */

/* Fotoalben-Anzeige
   ---------------------------------- */
ul.albumlinks {
	clear:both;
	margin:5px;
	margin-left: 20px;
	padding:0px;
	list-style-image: url(https://static.Abendteuer&Leben.de/media/static/images/button_top_pfeil.gif);
}
ul.albumlinks li {
	float:left;
	margin-right: 30px;
}
/* ----------------------------------
   Fotoalben-Anzeige */


/* Mein Abendteuer&Leben
   ---------------------------------- */
.mgLeftBox
{
	font-size:			11px;
	padding:			2px 10px 2px 5px;
	color:				gray;
	text-align:			center;
	float:				left;
}
.mgRound
{
	/* Abrundung CSS3 (Firefox ab 4, Opera, Internet Explorer ab 9) */
	border-radius: 3px;

	/* Abrundung Mozilla (Firefox ab 3.5) */
	-moz-border-radius: 3px;

	/* Abrundung WebKit (Safari, Chrome) */
	-webkit-border-radius:	3px;
}
/* ----------------------------------
   Mein Abendteuer&Leben */


.captcha #siimage
{
	border: 1px solid #ccc;
	margin-top: 1px;
	background-color: #EEEEEE;
	float: left;
	width: 125px;
	height: 30px;
	margin-right: 2px;

	/* Abrundung CSS3 (Firefox ab 4, Opera, Internet Explorer ab 9) */
	border-radius: 3px;

	/* Abrundung Mozilla (Firefox ab 3.5) */
	-moz-border-radius: 3px;

	/* Abrundung WebKit (Safari, Chrome) */
	-webkit-border-radius:	3px;
}

.captcha #siisound
{
	float: left;
	margin-right: 5px;
	margin-top: 2px;
}

.captcha #siireload
{
	margin-top: 1px;
}

.captcha #siiinputbox
{
	margin-top: 4px;
}
.captcha #siiinputbox input
{
	color: #000000;
	padding: 3px;

	/* Abrundung CSS3 (Firefox ab 4, Opera, Internet Explorer ab 9) */
	border-radius: 5px;

	/* Abrundung Mozilla (Firefox ab 3.5) */
	-moz-border-radius: 5px;

	/* Abrundung WebKit (Safari, Chrome) */
	-webkit-border-radius:	5px;
}

.captcha #siiinputbox input:active, .captcha #siiinputbox input:focus
{
	box-shadow:			0px 0px 5px #8E8E8E;
	-webkit-box-shadow:	0px 0px 5px #8E8E8E;
	-moz-box-shadow:	0px 0px 5px #8E8E8E;
}

.header-orange {
	/*
		Hintergrund (Bei allen Browsern außer Internet Explorer bis einschl. 9 mit Verlauf)
	*/

	/* Hintergrund für Browser die keinen Verlauf darstellen können */
	background-color: #FF6600;

	/* Farbverlauf für Internet Explorer 7 bis 9 (nicht kompatibel mit "border-radius") */
	/* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9249', endColorstr='#FF6600');

	/* Farbverlauf für Internet Explorer ab 10 */
	background:-ms-linear-gradient(top, #FF9249, #FF6600);

	/* Farbverlauf für Firefox */
	background: -moz-linear-gradient(top, #FF9249, #FF6600);

	/* Farbverlauf für Safari, Chrome */
	background: -webkit-gradient(linear, left top, left bottom, from(#FF9249), to(#FF6600));

	/* Farbverlauf für Safari, Chrome - neue Syntax! */
	background:-webkit-linear-gradient(top, #FF9249, #FF6600);

	/* Farbverlauf W3C Standard */
	background:linear-gradient(top, #FF9249, #FF6600);

	/* weiße Schrift */
	color: #FFFFFF;
}


.karmabox {
    margin-left: 5px;
    margin-left: 5px;
    background-color: #F60;
    color: #FFF;
    border-radius: 5px;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 5px;
}
.karmabox img {
    margin: 2px;
}
.karmabox span{
    margin-left: 5px;
    margin-right: 5px;
}