/*
 Created by pxlstyle.net - Björn Meißner
 E-Mail: info@pxlstyle.net 
*/
/*==============================general=======================================*/
* {
  padding: 0;
  margin: 0;
}

html {
  height:100%; /* fix für ie6 */
}

body {
  margin: 0;
  padding: 0; /* fix für safari, firefox */
  font-family: Arial, Helvetica, sans-serif;
  background: white;
  color:#777;
}

h3 {
  border-bottom:1px dotted #ccc;
  margin-bottom:5px;
}

a {
  color:#e60005;
}

.ctn li {
  margin-left:20px;
}

.full {
  width:100%;
}

.orange {
  color:#f97827;
}

.grey {
  color:#888;
}

.bold {
  font-weight:bold
}

.small {
  font-size:0.8em;
}

.rateSubmit{ 
background: url(http://www.elflirt.de/images/icons/star.png) 0 0 no-repeat;
border: 0;
font-size:0.8em;
text-align:center;
vertical-align:middle;
width : 18px;
height: 16px;
}

.rateSubmit:hover{ 
background: url(http://www.elflirt.de/images/icons/star_gold.png) 0 0 no-repeat;
border: 0;
font-size:0.8em;
text-align:center;
vertical-align:middle;
width : 18px;
height: 16px;
}

.messenger_off{
padding:0;
margin:0;
border:1px solid #D9DDDE; 
background-image:url(http://www.elflirt.de/images/icons/ipod.png); 
background-repeat:no-repeat;
font-size:12px;
background-position: 2px 2px;
width:120px;
height:20px;
background-color: red;
color:white;
}


.messenger_on{
padding:0;
margin:0;
border:1px solid #D9DDDE; 
background-image:url(http://www.elflirt.de/images/icons/ipod_cast.png); 
background-repeat:no-repeat;
font-size:12px;
background-position: 2px 2px;
width:120px;
height:20px;
background-color: green;
color:white;
}

/*=================================icons======================================*/
.icon {
  position:relative;
  top:3px;
  margin-right:3px;
  border:0px;
}

.profilepic {
  width: 100px;
  border:0px;
}

/*=================================menu left==================================*/

.leftmenu
{
  display:block;
  padding:5px 0px 7px 5px;
  border-bottom:1px dotted #ccc;
  text-decoration:none;
}

.leftmenulast
{
  display:block;
  padding:5px 0px 5px 5px;
  border-bottom:0px;
  text-decoration:none;
}

.leftmenu img
{
  border:0px;
}

.leftmenulast img
{
  border:0px;
}

.leftmenu:hover
{
  background-color: #FFE5E5;
}

.leftmenulast:hover
{
  background-color: #FFE5E5;
}

/*=================================list left==================================*/

.leftlist
{
  display:block;
  padding:5px 0px 7px 5px;
  border-bottom:1px dotted #ccc;
  text-decoration:none;
  cursor:help;
}

.leftlistlast
{
  display:block;
  padding:5px 0px 5px 5px;
  border-bottom:0px;
  text-decoration:none;
  cursor:help;
}

/*=================================alerts=====================================*/
.help {
  padding: 5px 5px 5px 30px;
  margin-bottom: 5px;
  margin-top: 5px;
  color: #5B5B8A;
  background: #E7DEFF url(../images/icons/key.png) no-repeat center left;
  background-position:7px;
  border: 1px solid #5B5B8A;
  width: 617px;
}

.error {
  padding: 5px 5px 5px 30px;
  margin-bottom: 5px;
  margin-top: 5px;
  color: #CC0000;
  background: #ffbfbf url(../images/icons/error.png) no-repeat center left;
  background-position:7px;
  border: 1px solid #CC0000;
  width: 617px;
}

.success {
  padding: 5px 5px 5px 30px;
  margin-bottom: 5px;
  margin-top: 5px;
  color: #390;
  background: #DEFFCC url(../images/icons/accept.png) no-repeat center left;
  background-position:7px;
  border: 1px solid #390;
  width: 617px;
}

.information {
  padding: 5px 5px 5px 30px;
  margin-bottom: 5px;
  margin-top: 5px;
  color: #5B5B8A;
  background: #E7DEFF url(../images/icons/information.png) no-repeat center left;
  background-position:7px;
  border: 1px solid #5B5B8A;
  width: 617px;
}

.werbung {
  align: center;
  padding: 5px 5px 5px 30px;
  margin-bottom: 5px;
  margin-top: 5px;
  color: #5B5B8A;
  background: #F2F2F2 url(../images/icons/information.png) no-repeat center left;
  background-position:7px;
  border: 1px solid #5B5B8A;
  width: 617px;
}

.hints {
  padding: 5px 5px 5px 30px;
  margin-bottom: 5px;
  margin-top: 5px;
  color: #a2922b;
  background: #FEFFCF url(../images/icons/lightbulb.png) no-repeat center left;
  background-position:7px;
  border: 1px solid #a2922b;
  width: 617px;
}

/*=================================content====================================*/
#container {
  margin: 0 auto;
  width: 900px;
}

/*=================================navigation=================================*/
#navigation {
  width: 100%;
  padding: 0;
  margin: 0;
}

#navbox {
  width:100%;
  float:right;
  margin-bottom:20px;
}

  
#navbar {
  float:left;
  width:100%;
  font-size:0.7em;
  font-weight:bold;
  line-height:normal;
}


#navbar ul {
  float:right;
  margin:0;
  padding:0;
  list-style:none;
}


#navbar li {
  display:inline;
  margin:0;
  padding:0;
}


#navbar a {
  float:left;
  background:url("../images/nav_tableft.png") no-repeat left top;
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
}

#navbar a span {
  float:left;
  display:block;
  background:url("../images/nav_tabright.png") no-repeat right top;
  padding:6px 15px 7px 10px;
  color:#e60005;
}

#navbar a span {
  float:none; /* Hack IE5-Mac \*/
}

#navbar_new a span {
  float:none; /* Hack IE5-Mac \*/
}

#navbar a:hover span {
  color:#666; /* End IE5-Mac hack */
}

#navbar_new a:hover span {
  color:#666; /* End IE5-Mac hack */
}

#navbar a:hover {
  background-position:0% -27px;
}

#navbar_new a:hover {
  background-position:0% -27px;
}

 #navbar a:hover span {
  background-position:100% -27px;
}  

  #navbar_new a:hover span {
  background-position:100% -27px;
}

/*=================================header=====================================*/
#headerbox {
  width: 100%;
  margin: 0 0 15px 0;
  padding: 0;
}

#headerbox .logobox {
  width: 100%;
  margin: 0;
  float: left;
  font-size: 1.8em;
  font-weight: bold;
}

#headerbox .logoline {
  width:50%;
  float:left;
  color:darkgray;
}

#headerbox .flags img {
  border:none;
}

#headerbox .anmelden {
  font-size: 0.8em;
  font-weight: normal;
  text-decoration:none;
}

#headerbox .anmelden a {
  font-weight: normal;
  text-decoration:none;
}


#headerbox .message {
  font-size: 0.8em;
  font-weight: normal;
  margin: 0 0 0 0;
  text-decoration:none;
}

#headerbox .message a {
  font-weight: normal;
}

#headerbox .header {
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 0;
  background: url(../images/table/bg_td.jpg) repeat-x top;
  border: 1px solid #ccc;
}

#headerbox .left {
  margin: 0;
  padding: 0;
  top: 11px;
  left: 5px;
  position: relative;
  float: left; 
}

#headerbox .center {
  margin: 0;
  padding: 0;
  top: 11px;
  left: 5px;
  position: relative;
  float: left; 
}

#headerbox .right {
  margin: 0;
  padding: 0;
  position: relative;
  top: 11px;
  left: 5px;
  float: right;
  font-size: 0.8em;
}

#headerbox .login {
  margin: 0;
  padding: 0;
  position: relative;
  top: 5px;
  left: 5px;
  float: left;
  font-size: 0.8em;
  color: #999;
}

/*=================================formular===================================*/
.textinput {
  height: 18px;
  width: 200px;
  padding: 2px 0 0 5px;
  position: relative;
  border: 1px solid #a9a9a9;
  font-size: 12px;
  color: #777;
}

.logmailinput {
  height: 18px;
  width: 150px;
  padding: 2px 0 0 25px;
  position: relative;
  border: 1px solid #a9a9a9;
  font-size: 12px;
  color: #777;
  background:#fff url('../images/icons/email.png') no-repeat 3px 3px;
}
.logpassinput {
  height: 18px;
  width: 150px;
  padding: 2px 0 0 25px;
  position: relative;
  border: 1px solid #a9a9a9;
  font-size: 12px;
  color: #777;
  background:#fff url('../images/icons/lock.png') no-repeat 3px 2px;
}
.searchtextfield {
  height: 18px;
  width: 150px;
  padding: 2px 0 0 25px;
  position: relative;
  border: 1px solid #a9a9a9;
  font-size: 12px;
  color: #777;
  background:#fff url('../images/icons/zoom.png') no-repeat 3px 2px;
}
.inputtextarea
{
  margin: 0;
  border: 1px solid #999;
  padding: 5px;
  width:  650px;
  height: 200px;
}
/*================================= Buttons =================================*/
.submit-btn{
  background: #dfdfdf;
  border-right: 1px solid #a9a9a9;
  border-bottom: 1px solid #a9a9a9;
  border-left: 1px solid #dcdcdc;
  border-top: 1px solid #dcdcdc;
  padding: 1px 5px 1px 5px;
  color: #228b22;
  position:relative;
  top:0px;
}

.submit_button_german{

  border-right: 0px solid;
  border-bottom: 0px solid;
  border-left: 0px solid;
  border-top: 0px solid;
  
  width: 130px;
  height: 55px;
	
  background: url(http://www.elflirt.de/images/elflirt/german/button-abschicken.png);
  background-repeat:no-repeat;
  cursor:pointer;
}

.submit_button_english{

  border-right: 0px solid;
  border-bottom: 0px solid;
  border-left: 0px solid;
  border-top: 0px solid;
  
  width:  77px;
  height: 55px;
	
  background: url(http://www.elflirt.de/images/elflirt/english/button-send.png);
  background-repeat:no-repeat;
  cursor:pointer;
}


.search_button{

  background: #dfdfdf;
  border-right: 0px solid #dcdcdc;
  border-bottom: 0px solid #dcdcdc;
  border-left: 0px solid #dcdcdc;
  border-top: 0px solid #dcdcdc;
  padding: 1px 5px 1px 5px;
  color: #228b22;
  
  background: url(../images/icons/zoom.png);
  background-repeat:no-repeat;
  cursor:pointer;
}

.register_button_german{

  border-right: 0px solid;
  border-bottom: 0px solid;
  border-left: 0px solid;
  border-top: 0px solid;
  
  width: 194px;
  height: 55px;
	
  background: url(http://www.elflirt.de/images/elflirt/german/button-kostenlos-registrieren.png);
  background-repeat:no-repeat;
  cursor:pointer;
}

.register_button_english{

  border-right: 0px solid;
  border-bottom: 0px solid;
  border-left: 0px solid;
  border-top: 0px solid;
  
  width: 194px;
  height: 55px;
	
  background: url(http://www.elflirt.de/images/elflirt/english/button-join-now.png);
  background-repeat:no-repeat;
  cursor:pointer;
}

.pay_button{
        background: #dfdfdf;
	padding:0;
	margin:0;
	width:250px;
        height:20px;
	border: 1px solid #333333;
	background-color: #FF9900;
	color:#000000;
        background: url(../images/icons/money_euro.png);
        background-repeat:no-repeat;
        cursor:hand;
}


/*=================================tableforum=================================*/
.tablediv table {
  border-collapse:collapse;
	width:100%;
}

.tablediv thead th {
  background: url(../images/table/bg_td.jpg) repeat-x top;
  height: 30px;
	padding: 0px 7px;
	margin: 0px;
	text-align: left;
	border:1px solid #DDDDDD;
}

.tablediv tbody td {
	font-size: 0.9em;
	padding: 10px 7px;
	border: 1px solid #DDDDDD;
	text-align: left;
}

.tablediv tbody tr {
  background: #f5f5f5;
}

.tablediv tr.odd {
  background: #FFE5E5; 
}



/*=================================box left===================================*/
#leftbox {
  margin: 0;
  width: 210px;
  float: left;
}

#leftbox .header {
  margin: 0;
  width: 100%;
  height: 30px;
  background: url(../images/table/bg_td.jpg) repeat-x top;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

#leftbox .header_add {
  margin-top:10px;
  width: 100%;
  height: 30px;
  background: url(../images/table/bg_td.jpg) repeat-x top;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

#leftbox .header_text {
  position: relative;
  top: 7px;
  left: 11px;
  font-size: 0.8em;
  font-weight: bold;
  color: #999;
}

#leftbox .header_text a {
  color: #999;
}

#leftbox .content {
  width: 100%;
  border: 1px solid #ccc;
}

#leftbox .content_text {
  width: 195px;
  position: relative;
  top: 7px;
  left: 7px;
  padding: 0 0 15px 0;
  font-size: 0.8em;
}

#leftbox .footer {
  width: 100%;
  height: 1px;
  font-size: 0em;
}

/*=================================box right==================================*/
#rightbox {
  float: right;
  margin: 0;
  padding: 0;
  width: 680px;
  position: relative;
  left: 0px;
}

#rightbox .header {
  margin: 0;
  width: 100%;
  height: 30px;
  background: url(../images/table/bg_td.jpg) repeat-x top;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

#rightbox .header_text {
  position: relative;
  top: 7px;
  left: 11px;
  font-size: 0.8em;
  font-weight: bold;
  color: #999;
}

#rightbox .header_text a {
  color: #999;
}

#rightbox .content {
  width: 100%;
  border: 1px solid #ccc;
}

#rightbox .content_text {
  width: 660px;
  position: relative;
  top: 7px;
  left: 11px;
  padding: 0 0 15px 0;
  font-size: 0.8em;
}

#rightbox .footer {
  width: 100%;
  height: 1px;
  font-size: 0em;
}

/*================================= Kopie von oben nur 1, um W3C Conforme ID's vergeben zu können ============*/
#rightbox1 {
  float: right;
  margin: 0;
  padding: 0;
  width: 680px;
  position: relative;
  left: 0px;
}

#rightbox1 .header {
  margin: 0;
  width: 100%;
  height: 30px;
  background: url(../images/table/bg_td.jpg) repeat-x top;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

#rightbox1 .header_text {
  position: relative;
  top: 7px;
  left: 11px;
  font-size: 0.8em;
  font-weight: bold;
  color: #999;
}

#rightbox1 .header_text a {
  color: #999;
}

#rightbox1 .content {
  width: 100%;
  border: 1px solid #ccc;
}

#rightbox1 .content_text {
  width: 660px;
  position: relative;
  top: 7px;
  left: 11px;
  padding: 0 0 15px 0;
  font-size: 0.8em;
}

#rightbox1 .footer {
  width: 100%;
  height: 1px;
  font-size: 0em;
}

/*================================= Kopie von oben nur 2, um W3C Conforme ID's vergeben zu können ============*/
#rightbox2 {
  float: right;
  margin: 0;
  padding: 0;
  width: 680px;
  position: relative;
  left: 0px;
}

#rightbox2 .header {
  margin: 0;
  width: 100%;
  height: 30px;
  background: url(../images/table/bg_td.jpg) repeat-x top;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

#rightbox2 .header_text {
  position: relative;
  top: 7px;
  left: 11px;
  font-size: 0.8em;
  font-weight: bold;
  color: #999;
}

#rightbox2 .header_text a {
  color: #999;
}

#rightbox2 .content {
  width: 100%;
  border: 1px solid #ccc;
}

#rightbox2 .content_text {
  width: 660px;
  position: relative;
  top: 7px;
  left: 11px;
  padding: 0 0 15px 0;
  font-size: 0.8em;
}

#rightbox2 .footer {
  width: 100%;
  height: 1px;
  font-size: 0em;
}


/*================================= Kopie von oben nur 3, um W3C Conforme ID's vergeben zu können ============*/
#rightbox3 {
  float: right;
  margin: 0;
  padding: 0;
  width: 680px;
  position: relative;
  left: 0px;
}

#rightbox3 .header {
  margin: 0;
  width: 100%;
  height: 30px;
  background: url(../images/table/bg_td.jpg) repeat-x top;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

#rightbox3 .header_text {
  position: relative;
  top: 7px;
  left: 11px;
  font-size: 0.8em;
  font-weight: bold;
  color: #999;
}

#rightbox3 .header_text a {
  color: #999;
}

#rightbox3 .content {
  width: 100%;
  border: 1px solid #ccc;
}

#rightbox3 .content_text {
  width: 660px;
  position: relative;
  top: 7px;
  left: 11px;
  padding: 0 0 15px 0;
  font-size: 0.8em;
}

#rightbox3 .footer {
  width: 100%;
  height: 1px;
  font-size: 0em;
}

/*=================================box right 2nd==============================*/
#addboxright {
  float: right;
  margin: 10px 0px 0px 0px;
  padding: 0;
  width: 680px;
  position: relative;
  right: 0px;
}

#addboxright .header {
  width: 100%;
  height: 30px;
  background: url(../images/table/bg_td.jpg) repeat-x top;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

#addboxright .header_text {
  position: relative;
  top: 7px;
  left: 11px;
  font-size: 0.8em;
  font-weight: bold;
  color: #999;
}

#addboxright .header_text a {
  color: #999;
}

#addboxright .content {
  width: 100%;
  border: 1px solid #ccc;
}

#addboxright .content_text {
  width: 660px;
  position: relative;
  top: 7px;
  left: 11px;
  padding: 0 0 15px 0;
  font-size: 0.8em;
}

#addboxright .footer {
  width: 100%;
  height: 1px;
  font-size: 0em;
}

/*=================================thumbnails=================================*/
.thumbtd
{
  width:110px;
  height:130px;
  text-align:center;
}

.thumbtda
{
  width:110px;
  height:130px;
  text-align:center;
}

.thumbtdr
{
  width:110px;
  height:130px;
  text-align:center;
}

.thumbtdbar
{
  width:60px;
  height:70px;
  text-align:center;
}

.thumbtdbar img:hover
{
  border:1px solid #f43;
}

.thumbnail
{
  width:50px;
  height:50px;
  border:1px solid #ccc;
  padding:2px;
  vertical-align:middle;
  margin-bottom:4px;
}

/*=================================pagination=================================*/
#pagination
{
  font-family:tahoma;
  text-align:center;
}

#pagination span
{
  display:block;
  float:left;
  font-size:11px;
  line-height:13px;
  margin: 2px 6px 2px 0;
}

#pagination span a
{
  background-color:#ffffff;
  border:1px solid #bbbbbb;
  color:#303030;
  display:block;
  padding:1px 5px 2px 5px;
  text-decoration:none;
}

#pagination span a:hover, #pagination span a:active
{
  background-color: #bbbbbb;
  border:1px solid #303030;
}

#pagination span.aktuell
{
  background-color: #303030;
  border:1px solid #303030;
  color:#ffffff;
  font-size:11px;
  padding:1px 5px 2px 5px;
}

/*=================================lists======================================*/
.list_div
{
  background-color:#f2f2f2;
  padding:2px 5px;
  margin:5px 0px;
  border:1px dotted #ccc;
  width:642px;
}

.list_td_color1
{
  background-color:#f5f5f5;
}

.list_td_color2
{
  background-color:#FFE5E5;
}

/*=================================footer=====================================*/
#footerbox {
  width: 100%;
  clear: both;
  margin: 0;
  padding: 0;
}

#footerbox a {
  text-decoration:none;
}

#footerbox .content {
  width: 100%;
  clear: both;
  margin: 25px 0 0 0;
  padding: 0;
  border-top: 2px dashed #ccc;
}

#footerbox .left {
  float: left;
  font-size: 0.7em;
}

#footerbox .right {
  text-align:right;
  float: right;
  font-size: 0.7em;
}

/*=================================Werbung=====================================*/
#rechtsbox
{
width: 150px;
padding: 5px;
position:absolute;

margin-left:  900px;
} 


/* ============================= Drop-Down-Menü ============================*/
#dropdownmenu {
width: 99.8%;
height: 30px;
xxxpadding: 0 20px;
background: #f5f5f5; /* Leiste */
font-weight:bold;
float: right;
margin: 0;
padding: 0;
}

#dropdownmenu ul {
float: left;
list-style-type: none;
padding: 0;
margin: 0;
}

/*--definiert die Blocküberschriften--*/
#dropdownmenu h3 {
height: 28px;
font-size: 1.0em;
text-align: left;
text-decoration: none;
color: #e60005;
margin: 0;
padding: 0;
border-bottom:0;
margin-top:2px;
}

/*--definiert die "Drop-Down-Links" im Normalzustand--*/
#dropdownmenu a {
height: 28px;
width: 150px;
text-decoration: none;
display: block;
text-align: left;
background: #f5f5f5; /* Hintergrund wie Menü */
color: #e60005;        /* Schrift */
margin: 0;
padding: 0;
}

/*--definiert die "Drop-Down-Links" im Normalzustand--*/
#ddm a {
width: 220px;
height: 28px;
text-decoration: none;
text-align: left;
background: #f5f5f5; //#FFE5E5; /* Hintergrund wie Menü */
color: #e60005;        /* Schrift */
margin: 0;
padding: 0;
}


/*--definiert die "Drop-Down-Links" im Hoverzustand--*/
#dropdownmenu a:hover {
background: #FFE5E5; //MouseOver
height: 30px;
color: #e60005;
margin: 0;
padding: 0;
}

/*verhindert im Zusammenhang mit position absolute bei ul ul
*eine Höhenvergrößerung von #dropdownmenu beim Hovern--
*/

#dropdownmenu li {
font-size: 0.9em;
position: relative;
margin: 0;
padding: 0;
}

/*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/
#dropdownmenu ul ul {
position: absolute;
z-index: 2;
display: none;
margin: 0;
padding: 0;
}

/*--lässt die Dropdown-Links beim Hovern erscheinen--*/
#dropdownmenu ul li:hover ul {
display: block;
margin: 0;
padding: 0;
border: 1px solid #ccc;
}

/*--nur für IE-Versionen kleiner gleich 6 erkennbar--*/
* html #dropdownmenu ul li{
float: left;
width: 100%;
margin: 0;
padding: 0;
}

/*--nur für IE 7 erkennbar--*/
*+ html #dropdownmenu ul li {
float: left;
width: 100%;
margin: 0;
padding: 0;
}

/*--bewirkt Hover-Effekt für IE kleiner 7 auch für ul- und li-Elemente--*/
*html body {
behavior: url(csshover3-source.htc);
font-size: 100%;
margin: 0;
padding: 0;
}

*html #dropdownmenu ul li a {
height: 1%;
margin: 0;
padding: 0;
}