@import url("navigation.css");
@import url("all.css");

* { padding: 0; margin: 0; }

/* prevents horizontal jumping in ff  when scroll bar appears*/
html {height:100%;}

body {min-height:101%; }


* img {border:none;}


body
{
text-align:center;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
background:url(../images/bg_body.png) repeat-x; /* bg-body.gif)  */
position:relative;
}

#wrapper
{
width:910px;
margin:0 auto;
text-align:left;
position:relative;
}

#header {
width:910px;
 color: #333;
 /*width: 890px;
 padding: 12px 10px;
 height: 50px;
 margin: 10px 0px 0px 0px;
 */
 height: 74px;
margin:0;
padding:0;
 background: #fff;
 overflow:hidden;
}

#header a{
float:left;
width:228px;
}

/* --------topp bar ----------------------------*/
#topbar {
 float: left;
 width: 895px;
 color: #fff;
 padding: 3px 5px 0px 10px;
 margin: 0px 0px 10px 0px;
 background:url(../images/bg-topbar.jpg) repeat-x;
 height:27px;
}

#topbar form
{
height:30px;
}

#topbar .textfield
{
background-color:#d1e1f6;
color:#0f437b;
font-size:12px;
width:123px;
border:none;
padding-left:2px;
}


#topbar, #topbar a
{
font-size:14px;
text-decoration:none;
color:#FFFFFF;
}

#topbar a
{
padding:0px 10px 0px 30px;
}
/* --------end: topp bar -----------------------*/


#registration 
{ 
float: left;
width: 440px; 
height:285px;
background-color:#fff;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
display:inline;
}

#registration form
{
background-color:#022b59; /* dark navy */
padding:20px 0px 25px 20px;
margin:0;
color:#d1e1f6; /* light blue */
}

/* log in page*/
#registration .textfield
{
background-color:#d1e1f6;
color:#0f437b;
font-size:12px;
width:171px;
border:none;
height:18px;
padding:2px 2px 0px 2px;
border:1px solid #003366;
}

/* ----------------- registration links----------------- */
#reg-links
{
padding:25px 20px 0px 20px;
background-color:#FFFFFF;
height:89px;
}


#reg-links ul
{
padding-left:20px;
list-style-image: url(../images/bullet1.gif);
}

#reg-links li
{
    background: none; /* undo the background-image */
    list-style-image: url(../images/bullet1.gif);
    padding: 0;
}

#reg-links li a
{
color:#5c88bf; /*blue */
font-size:11px;
}

#reg-links li a:hover
{
color:#022b59; /* dark navy */
font-size:11px;
}
/* ----------------- end: registration links----------------- */


/*----------------------- content ---------------------------  */
#content 
{ 
float: left;
width: 470px; 
display: inline;
background-color:#5c88bf; /* blue */
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
height:287px;
margin-right:-3px;
}

#content ul
{
padding: 15px 0px 15px 60px;
padding-top:7px;
padding-bottom:23px;
}

#content ul li
{
font-size:12px;
color:#d1e1f6;
line-height:30px;
}

#content a
{
width:470px;
}

#content a img
{
padding-left:30px;
margin:0;
}

#content a span
{
display:none;
}
/*----------------------- end: content --------------------  */



/* .........................rounded corners ....................*/
img.corner 
{
width: 14px;
height: 14px;
border: none;
display: block !important;
padding-top:-10px;
}

.roundtopleft
{
background-color:#022b59;
}

.roundbottomleft
{
background-color:#FFFFFF;
}

.roundtopright
{
background-color:#5c88bf; /* blue */
}

.roundbottomright
{
background-color:#5c88bf; /* blue */
}
/* .........................end: rounded corners ....................*/

#bottom
{
height:11px;
width:100%;
background-image:url(../images/reg-bottom.gif);
background-repeat:no-repeat;
background-position:bottom;;
float:left;
margin-right:-3px; /* fixes ie bug (cuplicated text) */
line-height:11px;
display:inline;
margin-top:-1px;
margin-bottom:20px;
}

#bottom span
{
background-color:#00FF66;
}
.spacer
{
clear:both;
}

#registration-message
{
position:absolute;
width:390px;
margin-top:-5px;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#d1e1f6;
color:#ffffff;
padding:0 24px;
background-color:#022b59;

}

/* ----------------------footer ------------------*/
#footer { 
 clear: both;
 width: 890px;
 color: #333;

 margin: 0px 0px 10px 0px;
 
 padding: 10px;
 text-align:center;
}


#footer ul
{
list-style:none;
}

#footer li
{
display:inline;
padding-left:15px;
text-transform:uppercase;
}

#footer li a, #footer p a
{

color:#bcd4f2;
text-decoration:none;
font-size:10px;
}
#footer li a:visited, #footer p a:visited
{
color:#779fd2;
color:#99b4d6;
}

#footer li a:hover, #footer p a:hover
{
color:#fff;
}


#footer .active-menu
{
color:#fff;
}

#footer p
{
color:#bcd4f2;
font-size:10px;
padding:3px;
}

/* ----------------------end: footer ------------------*/

a#register-link
{
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
color:#FFFFFF;
font-weight:bold;
text-align:center;
position:relative;


left:48px;
/*left:150px; center align*/
top:-13px;
}

a#register-link:hover
{
color:#D1E1F6;
}



/*------------------implementek added------------------*/

/* ------------------rounded boxes-------------------- */
.rbroundbox { background: url(../images/nt_box.jpg) repeat; }
.rbtop div  { background: url(../images/tl_box.jpg) no-repeat top left; }
.rbtop      { background: url(../images/tr_box.jpg) no-repeat top right; }
.rbbot div  { background: url(../images/bl.png) no-repeat bottom left; }
.rbbot      { background: url(../images/br.png) no-repeat bottom right; }

 /* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot 
{
width: 100%;
height: 14px; /*7*/
font-size: 1px;
}
.rbcontent  { margin: 0;text-align:center; }
.rbroundbox { width: 124px; float:left; }
/* ------------------end: rounded boxes-------------------- */

table.thumbs td
{
vertical-align:top;
}

table.thumbs td.arrow
{
vertical-align:middle;
}

/* -------- stats -----------------------------*/
#stats
{
width:910px;
float:left;
background: url(../images/bg_box-2.jpg) repeat-x; 
background-position:0 17px;
display:inline;
background-color:#336699;/*red;/*#33639b;/*07305d*/;
}

#stats h2
{
margin:0;
padding-left:10px;
letter-images/album-photo1.jpging:1px;
padding-bottom:10px;
background: url(../images/box-bar-2-2.jpg) no-repeat;
color: #fff;
font-size:14px;
line-height:20px;
/*width:711px;*/
}


#stats table
{
float:left;
vertical-align:top;
}

#stats table p
{
color:#6FE300; /*a9a9a9;*/
font-size:11px;
text-align:center;
padding: 5px 10px 5px 10px;
}

#stats table h5
{
padding:0 10px 10px 10px;
margin:0;
text-align:center;
color:#D1E1F6;
font-weight:lighter;
}


div.rbcontent a
{
display:block;
background-color:#103C6C;
margin:0 12px;
font-size:1px;
line-height:1px;
text-align:center;
}

.stats_green{
  color:#6FE300; /*a9a9a9;*/
  font-size:12px;
  text-align:left;
  padding: 5px 5px 5px 10px;
}

.stats_green_title{
  text-align:left;
  color:#D1E1F6;
  font-size:12px;
  padding: 5px 0px 5px 0px;
}

.online
{
padding:2px 20px 10px 0px;
background: transparent url(../images/online.gif);
background-repeat:no-repeat; 
background-position: 10px 10px;
height:20px;
}

#sms-badge
{
background-image:url(../images/sms-badge.gif); background-repeat:no-repeat; position:absolute;; top:85px; left:818px; width:130px; height:122px;
}

#wrapper
{
width:910px;
margin:0 auto;
text-align:left;
position:relative;
}

/*------------end implementek added-----------------------*/

/* registration new */

.fadecover
{

display:none;
background-color:#011d3d;


filter:alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;

position:absolute; top:0; left:0; width:100%; height:100%;

height:900px;



filter: alpha(opacity=80);
/*
opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;
*/
/*display:block;*/
/*z-index:-1;*/
z-index:90;

}
/*
#fadecover3
{
position:absolute;
background-image:none;
width:100%;
height:100%;
float:left;
}
*/

#registration-new-window
{
position:absolute; top:0; left:0; width:100%; height:900px; text-align:center; 
}

#registration-new-wrapper
{
width:910px;  margin:0 auto; position:relative;
}

#registration-new-wrapper2
{
width:910px;  margin:0 auto; position:relative;
}

#registration-new
{
	display:none;
	/*text-align:center;*/
width:910px;
	/*margin:0 auto;*/
position:absolute;
	top:113px;
	background-color:#ffffff;
	/*display:block;*/
	/*height: 411px;*/
	left:0px;


}

#registration-new div.top
{
float:left; 
background-image:url(../images/registration-top.gif); 
background-repeat:no-repeat;
background-position:top;
width:910px; 
height:10px;

}

#registration-new div.bottom
{
float:left; 
background-image:url(../images/registration-bottom.gif); 
background-repeat:no-repeat;
background-position:bottom;
width:910px; 
height:10px;
}

#registration-new div.inner
{
width:910px;
margin:5px auto;
/*height:280px; 
height:270px; 
height:300px; 
height:315px; 
height:320px; 
*/

float:left;

/*border:1px solid red;*/
}

#registration-new h2, #registration-new h3
{
display:inline;
}

#registration-new form
{
position:relative;
background-color:#ffffff; /* white */
padding:0;
margin:0;
margin:0 auto;
width:910px;
color:#022B59; /* dark blue */
margin-top:15px;
}

#registration-new form a
{
color:#022B59; /* dark blue */
}


#registration-new table
{
margin:0 auto;
}

#registration-new table td
{
padding:2px 0;
margin:0;
line-height:18px;
}

#registration-new table td.first
{
text-align:right;
padding-right:5px;
}


#registration-new table td.second
{
text-align:left;
vertical-align:text-top;
vertical-align:middle;
line-height:20px;
padding-right:50px;
}

#registration-new table td.second img
{
vertical-align:top;
margin-left:3px;
}
/*
#registration-new table td.ok
{
background-image:url(../images/icon-ok.gif);
background-repeat:no-repeat;
width:24px;
}

#registration-new table td.error
{
background-image:url(../images/icon-error.gif);
background-repeat:no-repeat;
width:24px;
text-align:left;
height:24px;
}

#registration-new table span.error
{
background-image:url(../images/icon-error.gif);
background-repeat:no-repeat;
width:24px;
text-align:left;
height:24px;
line-height:24px;

}

*/


/* log in page*/
#registration-new .textfield
{
background-color:#d1e1f6;
color:#0f437b;
font-size:12px;
width:171px;

border:none;
height:18px;
padding:2px 2px 0px 2px;
border:1px solid #003366;
}

#registration-new table .short
{
width:80px;
}

#registration-new table .long
{
width:260px;
}

#check-code
{
position:absolute;
top:-90px;
left:75px;

top:91px;
left:475px;
left:485px;
}

#check-code
{
text-align:left;
}
/* end: registration new */


#registration-new a.close
{
position:absolute;
float:right;
right:10px;

background: url(../images/buttons/mitgliedschaft-beenden.gif) no-repeat;
padding-left:30px;
color:#acd2fd;
font-size:12px;
height:35px;
line-height:25px;
display:block;
margin-bottom:10px;
}

#registration-new a.close:hover
{
background: url(../images/buttons/mitgliedschaft-beenden-on.gif) no-repeat;
color:#003366;
}




#info-message
{
position:absolute;
float:right;
right:30px;
top:55px;
top:60px;

width:200px;
text-align:left;
padding-left:30px;

font-size:12px;
height:35px;
line-height:20px;
display:block;
margin-bottom:10px;

color:#022B59; /* dark blue */
}


div.autocomplete 
{
position:absolute;
width:250px;
background-color:white;
border:1px solid #888;
margin:0px;
padding:0px;
height:400px;
overflow:auto;
}

div.autocomplete ul 
{
list-style-type:none;
margin:0px;
padding:0px;
}

div.autocomplete ul li.selected { background-color: #ffb;}

div.autocomplete ul li 
{
list-style-type:none;
display:block;
margin:0;
padding:2px;
height:16px;
cursor:pointer;
color: black;
}