/*
	#073062
	1. Allgemein
	2. Links
	3. Formulare
	4. Text
	5. Tabellen
*/


/*********************************************************************** 
	1. Allgemein 
***********************************************************************/
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #f5f5f5;
	background-image: url(http://www.hotlingerie.ch/bg.gif);
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#site {
	width: 800px;
	margin: 0;
	background-color: #ffffff;
	padding-bottom: 0px;
	padding-top: 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #6E6E6E;
}

#top {
    	border-bottom:1px solid #d7d7d7;
}

#bottom {
    	border-top:1px solid #d7d7d7;
}

#footer {
	width: 800px;
	/*background-color: #ffffff;*/
    	margin:0;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #808080;
	background-color: #FFFFFF;
}



#banner {
    	width: 300px;
	float: left;
}

#menu_top {
    	width: 500px;
	float: right;
	text-align: right;
}


#page {
}

#content {
	width: 570px;
	float: right;
	padding-left: 20px;
	padding-right: 10px;
	border-left:1px solid #d7d7d7;
	height: 100%;
}

#menu_right {
	width: 180px;
	float: left;
	vertical-align: top;
	z-index: 49;
	position: relative;
	margin-left: 10px;	
}

#page_out {
    	padding-top: 30px;
    	background-color:#ffffff;
    	padding-right: 0px;
}

#content_out {
	width: 400px;
	float: left;
	/*padding-bottom:10px;*/
	background-color:#fbfbfb;
	background-color:#ffffff;
}



#menu_right_out {
	width: 370px;
	float: right;
	vertical-align: top;
	border:inherit;
	padding:10px;
	background-color:#f2f2f2;
}

#bottom_out {
	background-color:inherit;

}

#content_big {
    	
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	z-index: 50;
	
}


#content_big_bottom {
	background-color:#e5efc7;
	float: left;
	padding-left: 10px;
	
	z-index: 50;
	
	width:790px;
}

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

.hr_menu { 
	padding: 0px;
	border-bottom:1px dashed #000000; 
	width:100%;
}

/*********************************************************************** 
	2. Links 
***********************************************************************/
A:LINK,A:VISITED,A:ACTIVE { 
	color: #0165B6; 
	text-decoration: none; 
}
A:HOVER { 
	color: #0066FF; 
	text-decoration: underline;
}

A.navilinks:LINK, A.navilinks:VISITED, A.navilinks:ACTIVE { 
	color: #0066CC;
	text-decoration: none;
}
A.navilinks:HOVER {
	color: #0066FF;
	text-decoration: underline;
}

A.imglinks:LINK, A.imglinks:VISITED, A.imglinks:ACTIVE { 
	color: #000000;
	text-decoration: none;
}
A.imglinks:HOVER { 
	color: #073062;
	text-decoration: underline; 
}

/*********************************************************************** 
	3. Formulare
***********************************************************************/
input{
	border: 1px solid silver;
	margin: 1px;
	font-size: small;
	background-color:#f5f5f5;
	/*font-weight:bold;*/
}
textarea { 
	border: 1px solid silver;
	margin: 1px;
	font-size: 11px;
	background-color:#f5f5f5;
}

.smallerform{
	font-size: small;
	background-color:#f5f5f5;
}

.smallerform input{
	border: 1px solid silver;
	margin: 1px;
	font-size: smaller;
	background-color:#f5f5f5;
	/*font-weight:bold;*/
}
.smallerform textarea { 
	border: 1px solid silver;
	margin: 1px;
	font-size: 11px;
	background-color:#f5f5f5;
}

.smallform input{
	border: 1px solid silver;
	margin: 1px;
	font-size: small;
	background-color:#f5f5f5;
	/*font-weight:bold;*/
}
.smallform textarea { 
	border: 1px solid silver;
	margin: 1px;
	font-size: 11px;
	background-color:#f5f5f5;
}

#stdform .secondcol input {
	text-align:left;
	
}

#stdform {
	font-size:1.2em;
	margin-top:5px;
	padding:10px;
	position:relative;
	z-index:80;
}

#stdform .firstcol {
	float:left;
	font-weight:500;
	/*text-align:right;*/
	width:150px;
	margin:3px 0 4px;
}

#stdform .secondcol {
	/*width:350px;
	float:right;*/
	/*text-align:left;*/
}



#uploadList .secondcol input {
	text-align:left;
}

#uploadList {
	font-size:1.2em;
	margin-top:5px;
	padding:10px;
	position:relative;
	z-index:80;
}

#uploadList .firstcol {
	float:left;
	font-weight:500;
	/*text-align:right;*/
	width:200px;
	margin:3px 0 4px;
}

#uploadList .secondcol {
	/*text-align:left !important;*/
}

.form_info {
	color:#434343;
	/*font-size:0.85em;*/
	font-size:small;
}

/***********************************************************************
	4. Text
***********************************************************************/
ul {
	margin:0px;
	padding:10px;
	list-style-type:none;
}
#menu_top_small {
	font-size: smaller;
	color: #073062;
}
#menu_top_big {
	float: right;
	margin:0;
	padding:0px 0px 0px 0px;
}
#menu_top_big ul {
	margin:0px;
	padding:10px;
}
#menu_top_big li {
	float:left;
	list-style-type:none;
	padding:2px 5px 0px 0px;
}
#menu_top_big a {
	padding-left:25px;
	text-decoration:none;
	font-size: medium;
	font-weight:600;
	color: #424242;
}
#menu_top_big a:hover {
	text-decoration:none;
	font-size: medium;
	font-weight:600;
	color: #000000;
}
#teaserblock h2 {
	color: #000000;
	font-size: large;
	font-family: Verdana,Arial,Sans-Serif;
	font-weight: 500;
	margin-top:0px;
}
#teaserblock h3 {
	font-size:small; 
	line-height:18px; 
	font-weight:500;
	color:#000000;
	padding-left: 50px;
	background-image:url(/images/imagefolder_32x32.png);
	background-position:10px 50%;
	background-repeat:no-repeat;
}

#more_informations {
	font-size:medium; 
	font-weight:600;
	color:#000000;
	padding-right: 10px;
	text-align: right;
}

.menuitem {
	background-image:url(https://flobre.mine.nu/projekte/amasho/images/arrow_16x16.png);
	background-repeat:no-repeat;
	padding-left:20px;
	padding-bottom:3px;
}

.myphotos {
	background-image:url(https://flobre.mine.nu/projekte/amasho/images/menu_myphotos.png);
	background-repeat:no-repeat;
}

.mygroups {
	background-image:url(https://flobre.mine.nu/projekte/amasho/images/menu_mygroups.png);
	background-repeat:no-repeat;
}

.myamasho {
	background-image:url(https://flobre.mine.nu/projekte/amasho/images/menu_myamasho.png);
	background-repeat:no-repeat;
}



.text_blue{
	color: #355274;
}

.text_grey{
	color: #6f6f6f;
}

.text_grey_small{
	color: #6f6f6f;
	font-size: smaller; 
}

.text_small {
	font-size: smaller; 
}
.smalltext {
	font-size: smaller; 
}
.statusOk {
	color: green;
}
.statusNotOk {
	color: red;
	font-weight: bold;
}

h2{
	color: #000000;
	font-size: x-large;
	font-family: Verdana,Arial,Sans-Serif;
	font-weight: 500;
	margin:0px;
}
h3{
	color: #000000;
	font-size: large;
	font-family: Verdana,Arial,Sans-Serif;
	font-weight: 500;
	margin:0px;
	padding:0;
}
h4{
	color: #000000;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin:0px;
	padding-top:2px;
}
h5{
	color: #000000;
	font-size: small;
	font-family: Verdana,Arial,Sans-Serif;
	font-weight: 500;
	margin-top:0px;
}

.h2_red{
	color: #743535;
	font-size: x-large;
	font-family: Verdana,Arial,Sans-Serif;
	font-weight: 500;
	margin-top:0px;
}
.h2_blue{
	color: #355274;
	font-size: x-large;
	font-family: Verdana,Arial,Sans-Serif;
	font-weight: 500;
	margin:0px;
}
.h3_blue{
	color: #000000;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin:0px;
}
.h3_red{
	color: #743535;
	font-size: large;
	font-family: Verdana,Arial,Sans-Serif;
	font-weight: 500;
	margin:0px;
}
.h4_blue{
	color: #355274;
	font-size: medium;
	font-family: Verdana,Arial,Sans-Serif;
	font-weight: 500;
	margin:0px;
}
.h4_red{
	color: #743535;
	font-size: medium;
	font-family: Verdana,Arial,Sans-Serif;
	font-weight: 500;
	margin:0px;
}

.menu_lines_bottom {
	font-weight: 500;
}

/***********************************************************************
	5. Layer
***********************************************************************/
.product_container {
	width: 250px;
	/*text-align:center;*/
	/*margin: 5px;	
	padding: 5px;*/
	z-index: 5;
	/*padding-bottom: 20px;*/
	background-color:#f5f5f5;
	padding: 5px;
	margin: 5px;	
	
}
.product_container_small {
	width: 160px;
	/*text-align:center;*/
	/*
	*/
	z-index: 5;
	/*padding-bottom: 20px;*/
	background-color:#f5f5f5;
	padding: 5px;
	margin: 5px;	
}
.product {
	z-index: 5;
	/*background-color:#f5f5f5;*/
	padding: 5px;
	margin: 5px;	
	
}

.product h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	
}

.image_container{
	width: 260px;
	/*text-align:center;*/
	/*margin: 5px;	
	padding: 5px;*/
	z-index: 5;
	/*padding-bottom: 20px;*/
	
}

.image_container_small{
	padding-right: 10px;
	width: 120px;
	z-index: 5;
}

.image_container_small2{
	padding-right: 10px;
	width: 150px;
	z-index: 5;
}

.image_border{
	border:1px solid #d7d7d7;
	
	padding: 5px;
}

.status_ok {
	background-image:url(https://flobre.mine.nu/projekte/amasho/images/button_ok_64x64.png);
	background-repeat:no-repeat;
	height: 80px;
	padding-left: 70px;
}

.status_notok {
	background-image:url(https://flobre.mine.nu/projekte/amasho/images/button_notok_64x64.png);
	background-repeat:no-repeat;
	height: 80px;
	padding-left: 70px;
}

.calendar {
	width:100%;
	background-color: #e7e7e7;
	
}

.calendar_element {
	float:left;
	background-color: inherit;
	margin:1px;
	width:25px; 
	text-align:center;
}

.calendar_header {
	float:left;
	background-color: #d2ff9e;
	margin:1px;
	width:25px; 
	text-align:center;
}


.comment_element {
	/*border-bottom: 1px solid #d3d3d3; */
}

#userPage {
	/*font-size:1.2em;*/
	margin-top:5px;
	position:relative;
}

#userPage .firstcol {
	float:left;
	font-weight:500;
	padding-right:10px;
	/*text-align:right;*/
	width:200px;
	margin:3px 0 4px;
}

#userPage .secondcol {
	
	text-align:left !important;
}


#userPageAlbums {
	/*font-size:1.2em;*/
	margin-top:5px;
	position:relative;
}

#userPageAlbums .firstcol {
	float:left;
	font-weight:500;
	padding-right:10px;
	/*text-align:right;*/
	width:350px;
	margin:3px 0 4px;
}

#userPageAlbums .secondcol {
	width: 350px;
	float: right;
	text-align:left !important;
}



#groupPage .firstcol {
	float:left;
	font-weight:500;
	padding-right:10px;
	/*text-align:right;*/
	/*width:80px;*/
	margin:3px 0 4px;
}

#groupPage .secondcol {
	text-align:left !important;
}

/*
#image {
	position:absolute; 
	visibility: visible; 
	z-index: 1;
}
#tags {
	position:absolute; 
	visibility: visible; 
	z-index: 2;
}
*/

#userTab {
	padding-left: 30px;
	
	padding-bottom: 7px; 
}

#searchTab {
	padding-left: 30px;
	border-bottom: 1px solid #d3d3d3; 
	padding-bottom: 7px; 
}
#messageTab {
	
	border-bottom: 1px solid #d3d3d3; 
	padding-bottom: 7px; 
}
#messageTab .active {
	float:left; 
	width:120px; 
	border-top: 1px solid #d3d3d3; 
	border-left: 1px solid #d3d3d3; 
	border-right: 1px solid #d3d3d3; 
	border-bottom: 1px solid #d3d3d3; 
	margin-right: 5px;
	
	padding: 3px; 
	text-align: center; 
	background: #ffffff;
	
	font-weight: bold;
}
#userTab .active {
	float:left; 
	width:100px; 
	border-top: 1px solid #d3d3d3; 
	border-left: 1px solid #d3d3d3; 
	border-right: 1px solid #d3d3d3; 
	border-bottom: 1px solid #d3d3d3; 
	margin-right: 5px;
	
	padding: 3px; 
	text-align: center; 
	background: #ffffff;
	
	font-weight: bold;
}
#searchTab .active {
	float:left; 
	width:100px; 
	border-top: 1px solid #d3d3d3; 
	border-left: 1px solid #d3d3d3; 
	border-right: 1px solid #d3d3d3; 
	
	margin-right: 5px;
	
	padding: 3px; 
	text-align: center; 
	background: #ffffff;
	
	font-weight: bold;
}
#messageTab .deactive {
	float:left; 
	width:120px; 
	border-top: 1px solid #d3d3d3; 
	border-left: 1px solid #d3d3d3; 
	border-right: 1px solid #d3d3d3; 
	border-bottom: 1px solid #d3d3d3; 
	margin-right: 5px;
	
	padding: 3px; 
	text-align: center; 
	background: #f3f3f3;
}
#userTab .deactive {
	float:left; 
	width:100px; 
	border-top: 1px solid #d3d3d3; 
	border-left: 1px solid #d3d3d3; 
	border-right: 1px solid #d3d3d3; 
	border-bottom: 1px solid #d3d3d3; 
	margin-right: 5px;
	
	padding: 3px; 
	text-align: center; 
	background: #f3f3f3;
}
#searchTab .deactive {
	float:left; 
	width:100px; 
	border-top: 1px solid #d3d3d3; 
	border-left: 1px solid #d3d3d3; 
	border-right: 1px solid #d3d3d3; 
	
	margin-right: 5px;
	
	padding: 3px; 
	text-align: center; 
	background: #f3f3f3;
}

/*
* html #editalbum_overlay {
  background-color: #333;
  background-color: transparent;

  /*background-image: url(/images/blank.gif);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://flobre.mine.nu/projekte/amasho/images/popupbg.png', sizingMethod=scale, enabled=true);

}	*/
#newgroupmember_overlay,
#delgroupmember_overlay,
#delgroup_overlay,
#addtogroup_overlay,
#editalbum_overlay,
#delalbum_overlay,
#delimage_overlay,
#moveimage_overlay,
#newfriend_overlay,
#forgotpassword_overlay,
#accusation_overlay,
#accusation_ok_overlay,
.overlay {
 /* background-image: url(https://flobre.mine.nu/projekte/amasho/images/popupbg.png);
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 99;
  width: 100%;
  height: 100%;
  /*height: 800px;*/
}

#newgroupmember_box,
#delgroupmember_box,
#delgroup_box,
#addtogroup_box,
#editalbum_box,
#delalbum_box,
#delimage_box,
#moveimage_box,
#newfriend_box,
#forgotpassword_box,
#accusation_box,
#accusation_ok_box,
.box {
  padding: 20px;
  width: 400px;
  position:absolute; 
  height: 230px;
  background: #ffffff;
  border: 2px solid #000000;
  font-size:small;
}

.autocomplete {
	position:absolute;
	width:250px;
	background-color:white;
	border:1px solid #888;
	margin:0px;
	padding:0px;
	z-index:150;
}
.autocomplete ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
.autocomplete ul li.selected { background-color: #ffb;}
.autocomplete ul li {
	list-style-type:none;
	display:block;
	margin:0;
	padding:2px;
	height:20px;
	cursor:pointer;
	text-align:left;
}


/* PAGINATOR */

.Pages { text-align: center; margin-bottom: 0px; margin-top: 20px; }
.Paginator { font-size: 12px; padding-top: 0px; margin-left: auto; margin-right: auto; /* padding-bottom: 10px;  background-image: url(/images/dotted.gif); background-repeat: repeat-x; background-position: left bottom; */ }
.Paginator a, .pageList .this-page { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.Paginator a:visited { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.Paginator .AtStart { margin-right: 20px; padding: 2px 6px; /* border: solid 1px #ddd; */ background: #fff; color: #aaa; }
.Paginator .Prev { margin-right: 20px; padding: 2px 6px; border: solid 2px #ddd; background: #fff; }
.Paginator .break { padding: 2px 6px; border: none; background: #fff; text-decoration: none; }
.Paginator .Next { margin-left: 20px; padding: 2px 6px; border: solid 2px #ddd; background: #fff;}
.Paginator .AtEnd { margin-left: 20px; padding: 2px 6px; /* border: solid 1px #ddd; */ background: #fff; color: #aaa; }
.Paginator .this-page {padding: 2px 6px; border-color: #999; font-weight: bold; font-size: 13px; vertical-align: top; background: #fff; color: #FF0084; }
.Paginator a:hover {color: #000000; background: #c6c6c6; border-color: #000000; text-decoration: none;}

/* PAGINATOR */

.button { font-size: small; padding-top: 10px; margin-left: auto; margin-right: auto; }
.button a { padding: 2px 6px; border: solid 1px #355274; background: #fff; text-decoration: none; }
.button a:hover {color: #ffffff; background: #355274; border-color: #355274; text-decoration: none;}


#newmessages {
	background-color: #fff2c6;
}

/***********************************************************************
	6. Batchupload
***********************************************************************/
iframe {
	border-width: 0px;
	width: 100%;
}
iframe.hidden {
	visibility: hidden;
	width:0px;
	height:0px;
}

#uploadimages {
	width: 390px;
	margin: 20px;
}

#uploadimages div {
	margin: 10px;
	width: 100px;
	border-style: solid;
	border-width: 5px;
	border-color: #DEDFDE;
	float: left;
	overflow: hidden;
}

#uploadimages div:hover {
	border-color: #529EBD;
}

#uploadimages img.load {
	margin: 36px;
}





/**************************************************
Mike
**************************************************/
.style2 {font-weight: bold}

.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}


/* HEADER DEFINITIONEN */


#header_navigation
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	padding-left: 10px;
	width: 790px;
	height: 27px;
	background-color: #0060F0;
}

#header_navigation ul
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	
	border-right: #ffffff solid 1px;
		
	list-style-type: none;
	
	height: 27px;
	float: left;miek
	text-align: center;
	vertical-align: middle;
}

#header_navigation ul li
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	height: 27px;
	
	float: left;
	
	border-left: #ffffff solid 1px;
	text-align: center;
	vertical-align: middle;
}


#header_navigation ul li.active
{
	background: #990000; /* url(/images/style/activebutton.png) repeat-x; */
}

#header_navigation ul li a
{
	padding: 7px;
	float: left;
	/* height: 27px; */
	
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
}

#header_navigation ul li a:hover
{
	background-color: #3C8AFF;
}


#subnav
{
	border-top: 1px solid #ffffff;
	background: #8f8f8f;
	height: 5px;
	width: 800px;
}

#header_navigation breadcrumb
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	padding-left: 10px;
	padding-top: 6px;
	
	height: 20px;
	float: left;
	
	font-size: 12px;
	color: #ffffff;
	background: #8f8f8f;
}

#header_navigation breadcrumb a
{
	color: #ffffff;
	text-decoration: none;
}

.header_schrift {color: #FFFFFF}



#Layer1 {
	position:absolute;
	width:160px;
	height:600px;
	z-index:1;
	left: 816px;
	top: 9px;
}

/* ENDE - HEADER DEFINITIONEN */