* {
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
}
body {
	position: relative;
	background-image: url(/images/tpl/bg.gif);
	text-align: -moz-center;
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	color: #000000;
	margin-top: -13px;
}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote { 
	margin: 0;
	padding: 0;
}

img { 
	border:0;
}

ol,ul {
	list-style: none;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

.bereich {
	position: absolute;
}
.beschreibung {
	color: #76835F;
	background-image: url(http://www.brieffreunde.de/images/tpl/ausruf.gif);
	background-repeat: no-repeat;
	width: 171px;
	height: 110px;
	position: relative;
	left: -35px;
	top: -40px;
	display: block;
	padding-top: 5px;
	padding-left: 25px;
	padding-right: 5px;
	border: 0px solid red;
}

hr.flieder {
	color: #bf82b7;
	width: 100%;
	background-color: #bf82b7;
	border: 0px;
	height: 1px;
}
hr.pink {
	color: #d70071;
	width: 100%;
	background-color: #d70071;
	border: 0px;
	height: 1px;
}
hr.bordeaux {
	color: #80181b;
	width: 100%;
	background-color: #80181b;
	border: 0px;
	height: 1px;
}
hr.lila {
	color: #7b2885;
	width: 100%;
	background-color: #7b2885;
	border: 0px;
	height: 1px;
}
hr.blau {
	color: #009dea;
	width: 100%;
	background-color: #009dea;
	border: 0px;
	height: 1px;
}
hr.rot {
	color: #e6001c;
	width: 100%;
	background-color: #e6001c;
	border: 0px;
	height: 1px;
}
hr.orange {
	color: #f37f18;
	width: 100%;
	background-color: #f37f18;
	border: 0px;
	height: 1px;
}

hr.tuerkis {
	color: #0ceabe;
	width: 100%;
	background-color: #0ceabe;
	border: 0px;
	height: 1px;
}

.hr.blautuerkis {
	color: #0ceabe;
	width: 100%;
	background-color: #04c4d3;
	border: 0px;
	height: 1px;
}


.blautuerkis {
	color: #04c4d3;
}

.tuerkis {
	color: #0ceabe;
}
.pink {
	color: #d70071;
}
.bordeaux {
	color: #80181b;
}
.lila {
	color: #7b2885;
}
.orange {
	color: #f37f18;
}
.gelb {
	color: #eaac3a;
}
.flieder {
	color: #bf82b7;
}
.blau {
	color: #009dea;
}
.gruen {
	color: #009933;
}
.rot {
	color: #e6001c;
}
.weiss {
	color: #FFFFFF;
}

/* Start Aufbau */
/* dynamisch generierte css angaben fuer aufbau siehe brieffreunde.css.php */
#head {
    text-align: center;
	width: 1004px;
	height: 73px;
	clear: both;
}
	#impressum {
	    text-align: right;
		float: left;
		width: 185px;
		height: 73px;
	}
	#banner {
		float: left;
		width: 472px;
		height: 73px;
		
	}
	#logo {
		float: right;
		width: 347px;
		height: 73px;
		background-image: url(/images/tpl/logo.gif);
	}
#unten {
    text-align: center;
	width: 1004px;
	min-height: 500px;
	clear: both;
}
	#menue {
		float: left;
		width: 185px;
		min-height: 500px;
	}
	/* hier wuerde folgen: mitte, content, zwischen, abschluss */
	#rechts {
		float: right;
		width: 347px;
		height: 73px;
	}
		#rechtsoben {
			width: 347px;
			height: 284px;
			text-align: left;
		}
		#rechtsunten {
			width: 346px;
			height: 261px;
			/*border: 1px solid red;*/
			padding-left: 1px;
		}
		    #geschenke {
		        float: left;
				width: 165px;
				background-color: #7bda64;
				height: 263px;
		    }
		    #onlineliste {
		        float: right;
				width: 180px;
				background-color: #54bdf1;
				/*height: 510px;*/
				height: 656px;
				margin-left: 1px;
				overflow: auto;
				text-align: left;
		    }
	#kreis {
	        float: left;
			width: 172px;
			height: 211px;
	}
	#gruppen {
	        float: right;
			width: 175px;
			height: 211px;
	}
	#galerie {
			width: 347px;
			height: 73px;
	}	
/* Ende Aufbau */

/* Start Menue */
#menu1 {
	width: 185px;
	height: 305px;
	z-index: 10;
}

#menu1 ul {
	list-style: none;
	z-index: 11;
}

#menu1 a {
	font: bold 11px/15px verdana, arial, helvetica, sans-serif;
	display: block;
	text-align: left;
	height: auto;
	color: #FFFFFF;
	vertical-align: middle;
}

#menu1 a, #menu1 a:active, #menu1 a:visited, #menu1 a:link {
	color: #FFFFFF;
	text-decoration: none;
	height: 20px;
}

#menu1 a:hover, #menu1 a:visited:hover, #menu1 a:focus {
	color: #ffffff;
	text-decoration: underline;
}

#menu1 ul ul ul li a:hover,
#menu1 ul ul ul li a:visited:hover,
#menu1 ul ul ul li a:visited,
#menu1 ul ul ul li a:active,
#menu1 ul ul ul li a:focus,
#menu1 ul ul ul li a,
#menu1 ul ul ul li a:link {
	color: #ffffff;
	z-index: 12;
}

#menu1 ul ul ul ul li {
	background-color: #ffffff;
	z-index: 11;
}

#menu1 li {
	position: relative;
	text-align: left;
	height: 20px;
	vertical-align: middle;
	z-index: 13;
}

#menu1 ul ul ul {
	position: absolute;
	top: 0px;
	left: 100%;
	width: 180px;
	margin-left: 0px;
	text-align: left;
	height: auto;
	border: 0px solid red;
}


div#menu1 ul ul ul, div#menu1 ul ul li:hover ul ul {
	display: none;
}

div#menu1 ul ul li:hover ul, div#menu1 ul ul ul li:hover ul {
	display: block;
}
/* Ende Menue */

a, a:link, a:visited, a:active {
	color: #535352;
	text-decoration: none;
}

a:hover, a:visited:hover {
	color: #535352;
	text-decoration: underline;
}

a.menu_weiss, a.menu_weiss:link, a.menu_weiss:visited, a.menu_weiss:active, a.menu_weiss:focus {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
a.menu_weiss:hover, a.menu_weiss:visited:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}

.grau {
    color: #949494;
}


.ecard {
font-family: Times New Roman, Arial, Helvetica;
	color: #c6226d;
	font-weight: bold;
	text-decoration: none;
	font-size: 18px;
}

a.ecard, a.ecard:link, a.ecard:visited, a.ecard:active, a.ecard:focus {
	font-family: Times New Roman, Arial, Helvetica;
	color: #c6226d;
	font-weight: bold;
	text-decoration: none;
	font-size: 18px;
}
a.ecard:hover, a.ecard:visited:hover {
	font-family: Times New Roman, Arial, Helvetica;
	color: #c6226d;
	font-weight: bold;
	text-decoration: none;
	font-size: 18px;
}

a.uebersetzung, a.uebersetzung:link, a.uebersetzung:visited, a.uebersetzung:active, a.uebersetzung:focus {
	color: #000000;
	text-decoration: none;
}
a.uebersetzung:hover, a.uebersetzung:visited:hover {
	color: #000000;
}

.login {
	width: 120px;
	margin: 2px;
	border: 1px solid #abadb3;
}

.ok {
	color: #70c163;
}
.nok {
	color: #e9594d;
}

.fehler {
	color: #FF0000;
	font-weight: bold;
}

hr {
	width: 100%;
	height: 1px;
	border: 0;
	color: #000000;
	background-color: #000000;
}

/* slideshow */
#slideHolder {
	width: 340px;
	height: 66px;
	margin: 0;
	padding: 0;
	clear: both;
}
IMG.slideImg {
	height: 66px;
	width: auto;
	margin: 0;
	padding: 0;
	border-right: 1px solid white;
}
A.slideLink {
	height: 66px;
	margin: 0;
	padding: 0;
}

.textarea {
	width: 100%;
	margin: 2px;
	height: 50px;
	border: 1px solid #abadb3;
}

/* message inbox / outbox */
#messagebox {
	position: relative;
	float: left;
	display: inline;
	width: 403px;
	font-size: 11px;
	height: auto;
	border: 1px solid #000000;
	padding: 0px 0px 0px 0px;
	margin: 0;
}
	#mb_1 {
		font-size: 11px;
		font-weight: bold;
		color: #cd0000;
		float: left;
		width: 19px;
		height: 21px;
		border-bottom: 1px solid #000000;
		border-right: 1px solid #000000;
		padding: 4px 0px 0px 0px;
		margin: 0;
	}
	#mb_2 {
		font-size: 11px;
		font-weight: bold;
		color: #cd0000;
		float: left;
		width: 123px;
		height: 21px;
		border-bottom: 1px solid #000000;
		border-right: 1px solid #000000;
		padding: 4px 0px 0px 0px;
		margin: 0;
	}
	#mb_3 {
		font-size: 11px;
		font-weight: bold;
		color: #cd0000;
		float: left;
		width: 110px;
		height: 21px;
		border-bottom: 1px solid #000000;
		border-right: 1px solid #000000;
		padding: 4px 0px 0px 0px;
		margin: 0;
	}
	#mb_4 {
		font-size: 11px;
		font-weight: bold;
		color: #cd0000;
		float: left;
		width: 112px;
		height: 21px;
		border-bottom: 1px solid #000000;
		border-right: 1px solid #000000;
		padding: 4px 0px 0px 0px;
		margin: 0;
	}
	#mb_5 {
		font-size: 10px;
		font-weight: bold;
		color: #cd0000;
		float: right;
		width: 35px;
		height: 21px;
		border-bottom: 1px solid #000000;
		padding: 4px 0px 0px 0px;
		margin: 0;
	}
	#mb_nomessage {
		float: left;
		width: 403px;
		height: 18px;
		text-align: center;
		vertical-align: middle;
		padding: 9px 9px 8px 9px;
		margin: 0;
	}
	#mb_11 {
		float: left;
		width: 19px;
		height: 18px;
		text-align: center;
		border-bottom: 1px solid #000000;
		border-right: 1px solid #000000;
		padding: 3px 0px 0px 0px;
		margin: 0;
	}
	#mb_21 {
		float: left;
		width: 123px;
		height: 18px;
		border-bottom: 1px solid #000000;
		border-right: 1px solid #000000;
		padding: 3px 0px 0px 0px;
		margin: 0;
	}
	#mb_31 {
		float: left;
		width: 110px;
		height: 18px;
		border-bottom: 1px solid #000000;
		border-right: 1px solid #000000;
		padding: 3px 0px 0px 0px;
		margin: 0;
	}
	#mb_41 {
		float: left;
		width: 112px;
		height: 18px;
		border-bottom: 1px solid #000000;
		border-right: 1px solid #000000;
		padding: 3px 0px 0px 0px;
		margin: 0;
	}
	#mb_51 {
		float: right;
		font-size: 10px;
		width: 35px;
		height: 18px;
		border-bottom: 1px solid #000000;
		padding: 3px 0px 0px 0px;
		margin: 0;
	}

/* blocklist & buddylist */
#bl {
	position: relative;
	float: left;
	display: inline;
	width: 403px;
	font-size: 11px;
	height: auto;
	border: 1px solid #000000;
	padding: 0px 0px 0px 0px;
	margin: 0;
}
	#bl_head {
		font-size: 11px;
		font-weight: bold;
		color: #cd0000;
		height: 21px;
		padding: 0px 0px 0px 0px;
		margin: 0;
	}
	#bl_1 {
		font-size: 11px;
		font-weight: bold;
		color: #cd0000;
		float: left;
		width: 19px;
		height: 30px;
		border-bottom: 1px solid #000000;
		border-right: 1px solid #000000;
		padding: 4px 0px 0px 0px;
		margin: 0;
	}
	#bl_2 {
		font-size: 11px;
		font-weight: bold;
		color: #cd0000;
		float: left;
		width: 130px;
		height: 30px;
		border-bottom: 1px solid #000000;
		border-right: 1px solid #000000;
		padding: 4px 0px 0px 0px;
		margin: 0;
	}
	#bl_3 {
		font-size: 11px;
		font-weight: bold;
		color: #cd0000;
		float: left;
		width: 256px;
		height: 30px;
		border-bottom: 1px solid #000000;
		border-right: 1px solid #000000;
		padding: 4px 0px 0px 0px;
		margin: 0;
	}
	#bl_4 {
		font-size: 11px;
		font-weight: bold;
		color: #cd0000;
		float: right;
		width: 15px;
		height: 30px;
		border-bottom: 1px solid #000000;
		padding: 4px 0px 0px 0px;
		margin: 0;
	}
	#bl_nolist {
		float: left;
		width: 403px;
		height: 18px;
		text-align: center;
		vertical-align: middle;
		padding: 9px 9px 8px 9px;
		margin: 0;
	}
	#bl_11 {
		float: left;
		width: 19px;
		height: 18px;
		text-align: center;
		border-bottom: 1px solid #000000;
		border-right: 1px solid #000000;
		padding: 3px 0px 0px 0px;
		margin: 0;
	}
	#bl_21 {
		float: left;
		width: 130px;
		height: 18px;
		border-bottom: 1px solid #000000;
		border-right: 1px solid #000000;
		padding: 3px 0px 0px 0px;
		margin: 0;
	}
	#bl_31 {
		float: left;
		width: 256px;
		height: 18px;
		border-bottom: 1px solid #000000;
		border-right: 1px solid #000000;
		padding: 3px 0px 0px 0px;
		margin: 0;
	}
	#bl_41 {
		float: right;
		width: 15px;
		height: 18px;
		border-bottom: 1px solid #000000;
		padding: 3px 0px 0px 0px;
		margin: 0;
	}

div.scroller {
	width: 390px;
	height: 300px;
	overflow: hidden;
	border: 0px solid #7b2885;
	padding: 0;
	margin: 0;
	text-align: center;
}
div.scroller div.section {
	width: 390px;
	height: 300px;
	overflow: hidden;
	float: left;
	padding: 0;
	margin: 0;
}
div.scroller div.content {
	width: 10000px;
	overflow: hidden;
}
div.profil_container {
    width: 270px;
	clear: both;
	height: 24px;
	padding-bottom: 2px;
}
	div.profil_links {
	    width: 30px;
		float: left;
		height: 24px;
	}
	div.profil_mitte {
	    width: 115px;
		float: left;
		height: 24px;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	div.profil_rechts {
	    width: 125px;
		float: right;
		height: 24px;
		padding-top: 2px;
		padding-bottom: 2px;
	}
div.profil_unten_container {
	width: 393px;
	clear: both;
	height: auto;
}
	div.profil_unten_links {
	    float: left;
		width: 30px;
		padding-bottom: 3px;
	}
	div.profil_unten_mitte {
	    float: left;
		width: 90px;
		padding-top: 5px;
		padding-bottom: 3px;
	}
	div.profil_unten_rechts {
		float:right;
		width:273px;
		padding-top:5px;
		padding-bottom: 3px;
	}
.liste li {
	margin-left:15px;
	list-style-type:square;
}


p.aktionen {
  height: 60px;
}

.aktionen {
  font-size: 11px;
}
.aktionen h3 {
  margin: 0 !important;
  font-weight: bold;
}
.aktionen h4 {
  font-size: 11x!important;
  font-style: italic;
}

#aktionen {
  overflow: hidden;
  position: relative;
}

#aktionen img {
  margin: 0;
}

#aktionen_carousel {
  width: 10000px;
}

#aktionen_carousel p {
  position:relative;
}

#aktionen_carousel a {
  float:left;
}

/* Horizontal Carousel 1 */
#wrap_aktionen {
}

#horizontal_carousel1 {
  margin-left: 0px;
  width: 472px;
  height: 60px;
}
#horizontal_carousel1 .container {
  float: left;
  width: 470px;
  height: 60px;
  position: relative;
  overflow: hidden;
}
#horizontal_carousel1 ul {
  margin: 0;
  padding: 0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  height: 60px;
}
#horizontal_carousel1 ul li {
	width: auto;
	height: 73px;
	text-align: left;
	list-style: none;
	float: left;
}
#horizontal_carousel1 .previous_button {
	line-height: 60px;
	float: left;
	width: 1px;
	height: 60px;
}
#horizontal_carousel1 .previous_button_over { }
#horizontal_carousel1 .previous_button_disabled { }
#horizontal_carousel1 .next_button {
	float:left;
	line-height: 73px;
	width: 1px;
	height: 60px;
}
#horizontal_carousel1 .next_button_over { }
#horizontal_carousel1 .next_button_disabled { }

/* BBCodes */
.button {
	border: 1px solid #cccccc;
	margin: 1px 2px 0 0;
	padding: 0 1px 0 0;
}
.button:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65);
	-moz-opacity: 0.65;
	opacity: 0.65;
}
.textarea {
	width: 400px;
	height: 150px;
}
.toolbar {
	padding: 1px 0 1px 0;
}
.editorbox {
	width: 390px;
	clear: both;
	margin-left: 1px;
	height: 22px;
	padding: 3px 0 3px 0;
}
input.farbe, .farbe {
	width: 22px;
	height: 15px;
	font-size: 1px;
	padding: 0;
	margin: 0;
	border: none;
	cursor: pointer;
}
.personal_wrap {
	width: 100%;
	clear: both;
	height: 18px;
}
.personal1 {
	float: left;
	padding-bottom: 4px;
	line-height: 18px;
	width: 100px;
}
.personal2 {
	float: left;
	padding-bottom: 4px;
	text-align: right;
	line-height: 18px;
	width: 30px;
}
.personal3 {
	float: left;
	width: 20px;
	height: 18px;
	text-align: right;
}
.personal4 {
	float: right;
	width: 20px;
	height: 18px;
	text-align: right;
}

/* gedichte */
.vorschau
{
	width:150px;
	background-color:#FFCCCC;
	border:1px;
	float:left;
}

#ansicht
{
	position: fixed;
	top: 200px;
	left: 600px;
	height:200px;
	width:200px;
	border:1px;
	z-index:1;
}

.normal {
	background-color:#00FF00;
}

.hover {
	background-color:#FFFF00;
}

#gedichte{width:134px;height:20px;background:#eeeeee;float:left;text-align:center;line-height:19px;color:#626262;font-weight:bold;}
#gedichte:hover{width:134px;height:20px;background:#b0b0b0;float:left;text-align:center;line-height:19px;color:#ffffff;font-weight:bold;}

/* tooltipp */
a.tooltip {color:#000000;}
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {display:block; position:absolute; top:0px; right:10px; padding:1px; font-weight:bold; color:#00000; border-color: #a55d5d;
	border-style: solid; text-align: left;
	border-width: 1px 0 1px 1px; width:150px;height: 15px;}

/* tooltipp */
a.tooltip2 {color:#000000;}
a.tooltip2 b {display:none;}
a.tooltip2:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip2:hover b {display:block; position:absolute; top:0px; right:10px; padding:1px; font-weight:bold; color:#00000; border-color: #a55d5d;
	border-style: solid; text-align: left;
	border-width: 1px 0 1px 1px; width:160px;height: 15px;}
	
a.tooltip3 {color:#000000;}
a.tooltip3 b {display:none;}
a.tooltip3:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip3:hover b {display:block; position:absolute; top:0px; right:10px; padding:1px; font-weight:bold; color:#00000; border-color: #a55d5d;
	border-style: solid; text-align: left;
	border-width: 1px 0 1px 1px; width:200px;height: 15px;}

a.tooltip4 {color:#000000;}
a.tooltip4 b {display:none;}
a.tooltip4:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip4:hover b {display:block; position:absolute; top:0px; right:10px; padding:1px; font-weight:bold; color:#00000; border-color: #a55d5d;
	border-style: solid; text-align: left;
	border-width: 1px 0 1px 1px; width:120px;height: 15px;}

/* shoutbox */
#asb_container {
	border: 0px dashed #B52021;
	width: 100%;
	overflow: hidden;
}

#asb_contentwrap {
	font: 8pt Arial;
	overflow: hidden;
}

#asb_content {
	margin: 0px;
	padding: 0,
}

#asb_content .img {
	border:0;
	display: inline;
	vertical-align: bottom;
}

#asb_content .name {
	color: #555555;
	font-weight: bold;
}

#asb_inputwrap {
	font: 8pt Arial;
}

/* lightbox */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* default windows */

.overlay_dialog {
	background-color: #666666;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	z-index: 100;
}

.overlay___invisible__ {
  background-color: #666666;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	z-index: 100;
}

.dialog_nw {
	width: 9px;
	height: 23px;
	background: transparent url(default/top_left.gif) no-repeat 0 0;
}

.dialog_n {
	background: transparent url(default/top_mid.gif) repeat-x 0 0;
	height: 23px;
}

.dialog_ne {
	width: 9px;
	height: 23px;
	background: transparent url(default/top_right.gif) no-repeat 0 0;
}

.dialog_e {
	width: 2px;
	background: transparent url(default/center_right.gif) repeat-y 0 0;
}

.dialog_w {
	width: 2px;
	background: transparent url(default/center_left.gif) repeat-y 0 0;
}

.dialog_sw {
	width: 9px;
	height: 19px;
	background: transparent url(default/bottom_left.gif) no-repeat 0 0;
}

.dialog_s {
	background: transparent url(default/bottom_mid.gif) repeat-x 0 0;
	height: 19px;
}

.dialog_se {
	width: 9px;
	height: 19px;
	background: transparent url(default/bottom_right.gif) no-repeat 0 0;
}

.dialog_sizer {
	width: 9px;
	height: 19px;
	background: transparent url(default/sizer.gif) no-repeat 0 0;
	cursor:se-resize;
}

.dialog_close {
	width: 14px;
	height: 14px;
	background: transparent url(default/close.gif) no-repeat 0 0;
	position:absolute;
	top:5px;
	left:8px;
	cursor:pointer;
	z-index: 100;
}

.dialog_minimize {
	width: 14px;
	height: 15px;
	background: transparent url(default/minimize.gif) no-repeat 0 0;
	position:absolute;
	top:5px;
	left:28px;
	cursor:pointer;
	z-index: 100;
}

.dialog_maximize {
	width: 14px;
	height: 15px;
	background: transparent url(default/maximize.gif) no-repeat 0 0;
	position:absolute;
	top:5px;
	left:49px;
	cursor:pointer;
	z-index: 100;
}

.dialog_title {
	float:left;
	height:14px;
	font-family: Tahoma, Arial, sans-serif;
	font-size:12px;
	text-align:center;
	width:100%;
	color:#000;
}

.dialog_content {
	overflow:auto;
	color: #DDD;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	background-color:#123;
}

.top_draggable, .bottom_draggable {
  cursor:move;
}

.status_bar {
  font-size:12px;
}
.status_bar input{
  font-size:12px;
}

.wired_frame {
	display: block;
  position: absolute;
  border: 1px #000 dashed;
}

/* DO NOT CHANGE THESE VALUES*/
.dialog {
	display: block;
	position: absolute;
	z-index: 100;
}

.dialog table.table_window  {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
	margin: 0px;
	padding:0px;
}

.dialog table.table_window td , .dialog table.table_window th {
  padding: 0;
}

.dialog .title_window {
  -moz-user-select:none;
}

/* windows alphacube */
.overlay_alphacube {
	background-color: #000000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	z-index: 100;
}

.alphacube_nw {
	background: transparent url(/skripte/windows/themes/alphacube/left-top.gif) no-repeat 0 0;
  width:10px;
  height:25px;
}

.alphacube_n {
  background: transparent url(/skripte/windows/themes/alphacube/top-middle.gif) repeat-x 0 0;
  height:25px;
}

.alphacube_ne {
  background: transparent url(/skripte/windows/themes/alphacube/right-top.gif) no-repeat 0 0;
  width:10px;
  height:25px;
}

.alphacube_w {
  background: transparent url(/skripte/windows/themes/alphacube/frame-left.gif) repeat-y top left;
  width:7px;
}

.alphacube_e {
  background: transparent url(/skripte/windows/themes/alphacube/frame-right.gif) repeat-y top right;
  width:7px;
}

.alphacube_sw {
  background: transparent url(/skripte/windows/themes/alphacube/bottom-left-c.gif) no-repeat 0 0;
  width:7px;
  height:7px;
}

.alphacube_s {
  background: transparent url(/skripte/windows/themes/alphacube/bottom-middle.gif) repeat-x 0 0;
  height:7px;
}

.alphacube_se, .alphacube_sizer  {
  background: transparent url(/skripte/windows/themes/alphacube/bottom-right-c.gif) no-repeat 0 0;
  width:7px;
  height:7px;
}

.alphacube_sizer {
	cursor:se-resize;
}

.alphacube_close {
	width: 23px;
	height: 23px;
	background: transparent url(/skripte/windows/themes/alphacube/button-close-focus.gif) no-repeat 0 0;
	position:absolute;
	top:0px;
	right:11px;
	cursor:pointer;
	z-index:100;
}

.alphacube_minimize {
	width: 23px;
	height: 23px;
	background: transparent url(/skripte/windows/themes/alphacube/button-min-focus.gif) no-repeat 0 0;
	position:absolute;
	top:0px;
	right:55px;
	cursor:pointer;
	z-index: 100;
}

.alphacube_maximize {
	width: 23px;
	height: 23px;
	background: transparent url(/skripte/windows/themes/alphacube/button-max-focus.gif) no-repeat 0 0;
	position:absolute;
	top:0px;
	right:33px;
	cursor:pointer;
	z-index: 100;
}

.alphacube_title {
	float:left;
	height:14px;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica;
	text-align:left;
	font-weight: bold;
	margin-top:2px;
	width:100%;
	color:#000000;
}

.alphacube_content {
	overflow:auto;
	color: #000;
	font-family: Tahoma, Arial, sans-serif;
  font: 12px arial;
	background:#FDFDFD;
}

/* For alert/confirm dialog */
.alphacube_window {
	border:1px solid #F00;
	background: #FFF;
	padding:20px;
	margin-left:auto;
	margin-right:auto;
	width:400px;
	z-index: 100;
}

.alphacube_message {
  font: 12px arial;
	text-align:center;
	width:100%;
	padding-bottom:10px;
}

.alphacube_buttons {
	text-align:center;
	width:100%;
}

.alphacube_buttons input {
	width:20%;
	margin:10px;
}

.alphacube_progress {
	float:left;
	margin:auto;
	text-align:center;
	width:100%;
	height:16px;
	z-index: 100;
	background: #FFF url('alert/progress.gif') no-repeat center center
}

.alphacube_wired_frame {
	background: #FFF;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	z-index: 60;
}



/* prototype carousel */
/* Horizontal Carousel */
#horizontal_carousel {
  /*float: left;*/
  margin-left: 4px;
  width: 344px;
  height: 70px;
/*  margin-bottom: 0px;
  position: relative;*/
}

#horizontal_carousel .container {
  float: left;
  width: 324px;
  height: 70px;
  position: relative;    
  overflow: hidden;
}

#horizontal_carousel ul {
  margin: 0;
  padding: 0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  height: 75px;
}                      

#horizontal_carousel ul li {
  width: auto;
  height: 70px;
  text-align: center; 
  list-style: none;
  float: left;
}

#horizontal_carousel .previous_button {
  background-color: #bf82b7;
  line-height: 72px;
  color: #5d0068;
  float: left;
  width: 10px;
  height: 70px;
  /*background: url(prototype-ui/horizontal/left.png);*/
  z-index: 100;
  cursor: pointer;
}

#horizontal_carousel .previous_button_over {
  /*background: url(prototype-ui/horizontal/left_over.png);*/
  background-color: #bf82b7;
  color: #5d0068;
}

#horizontal_carousel .previous_button_disabled {
  /*background: url(prototype-ui/horizontal/left_disabled.png);*/
  cursor: default;
  color: #bf82b7;
}

#horizontal_carousel .next_button {
  float:left;  
  background-color: #bf82b7;
  line-height: 72px;
  color: #5d0068;
  width: 10px;
  height: 70px;
  /*background: url(prototype-ui/horizontal/right.png);*/
  z-index: 100;
  cursor: pointer;
}

#horizontal_carousel .next_button_over {
  /*background: url(prototype-ui/horizontal/right_over.png);*/
  background-color: #bf82b7;
  color: #5d0068;
}

#horizontal_carousel .next_button_disabled {
  /*background: url(prototype-ui/horizontal/right_disabled.png);*/
  cursor: default;
  color: #bf82b7;
}