/*
# Version 5.0.0

//  ------------------------------------------------------------------------ //
//                     Beex4 - Besuchertausch-Software                       //
//               Copyright (c) by AOM Software GmbH & Co. KG                 //
//                      <https://www.aom-software.de/>                       //
//  ------------------------------------------------------------------------ //
*/

/** Generell */

body {
	background-color: /** Anfang Farb-Code 40 **/#f5f5dc/** Ende Farb-Code 40 **/;
}

body, th, td, p, input, textarea, select, a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: /** Anfang Farb-Code 41 **/#000000/** Ende Farb-Code 41 **/;
}

p {
	text-align: justify;
}

div.boxrahmen {
	background-color: /** Anfang Farb-Code 43 **/#ffffff/** Ende Farb-Code 43 **/;
	border: 0px solid /** Anfang Farb-Code 42 **/#deb887/** Ende Farb-Code 42 **/;
}

div.boxtitel, div.boxtitelmitte  {
	background-color: /** Anfang Farb-Code 44 **/#484848/** Ende Farb-Code 44 **/;
	color: /** Anfang Farb-Code 45 **/#ffffff/** Ende Farb-Code 45 **/;
	border-top: 0px solid /** Anfang Farb-Code 42 **/#deb887/** Ende Farb-Code 42 **/;
	border-left: 0px solid /** Anfang Farb-Code 42 **/#deb887/** Ende Farb-Code 42 **/;
	border-right: 0px solid /** Anfang Farb-Code 42 **/#deb887/** Ende Farb-Code 42 **/;
}

/** Menü */

ul.menu {
	list-style: none;
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
	overflow: hidden;
	width: 186px;
}

ul.menu li{
	width:186px;
	background: url(../img/design/menu_li.gif) no-repeat;
	height: 23px;
	line-height: 21px;
}

ul.menu li:hover{
	background: url(../img/design/menu_li_hover.gif) no-repeat;
}

ul.menu a {
	width: 170px;
	padding-left: 0px;
	display: block;
	float: left;
	font-size: 12px;
	background-color: /** Anfang Farb-Code 43 **/#FFFFFF/** Ende Farb-Code 43 **/;
	color: /** Anfang Farb-Code 41 **/#000000/** Ende Farb-Code 41 **/;
	text-decoration: none;
	border-bottom: 0px solid /** Anfang Farb-Code 43 **/#FFFFE0/** Ende Farb-Code 43 **/;
	border-top: 0px solid /** Anfang Farb-Code 43 **/#FFFFE0/** Ende Farb-Code 43 **/;
	line-height: 21px;
	padding: 0 0 0 16px;
	height: 23px;

}

ul.menu a:hover {
	background-color: /** Anfang Farb-Code 40 **/#f5f5dc/** Ende Farb-Code 40 **/;
	border-bottom: 0px solid /** Anfang Farb-Code 42 **/#800000/** Ende Farb-Code 42 **/;
	border-top: 0px solid /** Anfang Farb-Code 42 **/#800000/** Ende Farb-Code 42 **/;
	color: #ffffff;
}

fieldset.menu {
	border: none;
	margin: 0px;
	padding: 5px 0 0 16px;
}

fieldset.menu input[type=text], fieldset.menu input[type=password] {
	width: 160px;
	height:30px;
	background: url(../img/design/input_bg.gif) no-repeat;
	margin-bottom: 2px;
	border: 1px solid #b3b3b3;
	padding: 0 0 0 10px;
	color: #6c6c6c;
}

fieldset.menu input[type=submit] {
	background: url(../img/design/input_bg.gif) no-repeat;
	width: 160px;
	height: 30px;
	border: 1px solid #b3b3b3;
	cursor:pointer;
}

/** Login */

form.login {
	margin: 0;
}

/** User Online */

#useronline {
	text-align: center;
	font-size: 11px;
}

#useronline a {
	color: /** Anfang Farb-Code 41 **/#000000/** Ende Farb-Code 41 **/;
	font-size: 11px;
	text-decoration: none;
}

/** Footer */

#footer, #footer a {
	text-decoration: none;
	color: /** Anfang Farb-Code 41 **/#000000/** Ende Farb-Code 41 **/;
	font-size: 10px;
}

/** Forms */

label {
	cursor: pointer;
}

fieldset {
	border: none;
}

select[disabled], input[disabled] {
	background-color: silver;
}


div.summary iframe {
	border: 1px solid black;
}

/** Navigation */
#navigation div.box {
	border-right: 1px solid /** Anfang Farb-Code 46 **/#800000/** Ende Farb-Code 46 **/;
	border-bottom: 1px solid /** Anfang Farb-Code 46 **/#800000/** Ende Farb-Code 46 **/;
}

#navigation div.box div {
	background-color: /** Anfang Farb-Code 47 **/#efefef/** Ende Farb-Code 47 **/;
	color: /** Anfang Farb-Code 48 **/#000000/** Ende Farb-Code 48 **/;
}

#navigation div.firstrow {
	border-top: 1px solid /** Anfang Farb-Code 46 **/#202020/** Ende Farb-Code 46 **/;
}

#navigation div.firstcol {
	border-left: 1px solid /** Anfang Farb-Code 46 **/#202020/** Ende Farb-Code 46 **/;
}

#navigation div div.links {
	border-right: 1px solid /** Anfang Farb-Code 46 **/#202020/** Ende Farb-Code 46 **/;
}



.img {
  border: 1px solid #d8d8d8;
  max-height: 140px;
  height: expression(this.height > 140 ? "140px" : true);
}



.img2 {
  border: 1px solid #2f767c;
  /* background-color: #90acb0; */
  max-height: 120px;
  height: expression(this.height > 120 ? "120px" : true);
}


.img3 {
  border: 1px solid #2f767c;
  /* background-color: #90acb0; */
  max-height: 300px;
  height: expression(this.height > 300 ? "300px" : true);
}



#img { width: 100%; height: auto }







.blinken {
text-decoration:blink;
color:black;
background-color:#ffff66"
}

/** FAQ */
ul.faq li h2 {
	font-size: 11px;
}
