/*
  ALLGEMEINER CSS-RESET
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0px;
 padding: 0px;
 border: none;
 font-size: 1em;
 vertical-align: baseline;
}

body {
 background: #ddfbff url(../img/bg_twompare.gif) no-repeat 400px 400px;
 color: #666666;
 font-family: Arial, Verdana, sans-serif; 
}
h1 {
 color: #c6284f;
 font-size: 1.1em;
 margin: 10px 0px 5px 0px;
 padding: 0px;
}
h3 {
 font-size: 0.825em; 
 margin: 0px;
 padding: 0px;
}
h4 {
 font-size: 0.825em; 
 font-weight: normal;
 margin: 0px;
 padding: 0px;
}
a {
 color: #666666;
 text-decoration: none;
}
a:hover {
 text-decoration: underline;
}
p {
 font-size: 0.825em;
}
form {
 margin: 0px;
 padding: 0px;
}




#logo {
 height: 70px;
 margin: 20px 0px 0px 40px;
 overflow: hidden;
 padding: 0px;
}

#content {
 float: left;
 margin: 27px 0px 0px 0px;
 padding: 0px;
 width: 815px;
}
#content_right {
 float: right;
 margin: 0px;
 padding: 0px;
 width: 300px;
}
#content_left {
 float: left;
 margin: 0px;
 padding: 0px;
 width: 500px;
}


/*
 Linker oberer Kasten - Anzeige der Ergebnisse
*/
#content_left_inner {
 float: right;
 margin: 0px;
 padding: 0px;
 width: 450px;
}

p.home {
 padding: 0px 15px 15px 0px;
}

#tabs {
 background: #ddfbff url(../img/bg_tabs.gif) no-repeat top left;
 height: 23px;
 margin: 0px;
 overflow: hidden;
 padding: 0px;
 width: 450px;
}
#tabs .tab {
 background-repeat: no-repeat;
 background-position: top left;
 float:left;
 font-size: 0.825em;
 font-weight: bold;
 height: 23px;
 line-height: 22px;
 margin: 0px 7px 0px 0px;
 padding: 0px;
 text-align: center;
 width: 120px;
}
#tabs .tab.active {
 background-image: url(../img/tab_active.gif);
}
#tabs .tab.inactive {
 background-image: url(../img/tab_inactive.gif);
 color: #afafaf;
}
#tabs .tab.inactive a {
 color: #afafaf; 
}

#results {
 background: #ffffff url(../img/bg_results.gif) repeat-y top left; 
 border-bottom: 1px solid #cccccc;
 float: left;
 margin: 0px;
 padding: 15px 0px 0px 0px;
 width: 450px;
}
#results #results_inner,
#results #results_inner_in,
#results #results_inner_out,
#results #results_inner_both {
 float: left;
 margin: 0px;
 padding: 0px 0px 25px 15px;
}
#results #results_inner_out,
#results #results_inner_both {
 display: none;
}

#results .buddy {
 border-bottom: 1px solid #cccccc;
 float: left;
 margin: 10px 0px 0px 0px;
 padding: 0px 0px 10px 0px;
 width: 400px;
}
#results .buddy img {
 background: url(../img/dummy.gif) no-repeat 0px 0px;
 float: left;
 height: 48px;
 margin: 0px 10px 0px 0px;
 overflow: hidden;
 padding: 0px 0px 0px 0px;
 width: 48px;
}
#results .buddy p {
 color: #c6284f;
 float: none;
 font-weight: bold;
 margin: 0px;
 line-height: 18px;
 padding: 4px 0px 0px 0px;
}
#results .buddy a {
 color: #c6284f;
}
#results .buddy .grey {
 color: #666666;
 font-size: 1.2em;
}

.last_tweet {
 color: #666666;
 font-size: 0.825em;
}


/*
 Linker unterer Kasten - Service-Navigation
*/
#service_navi {
 background: #ffffff url(../img/bg_serviceNavi.gif) no-repeat top left;
 float: right;
 font-size: 0.75em;
 height: 30px;
 line-height: 30px;
 margin: 16px 0px 50px 0px;
 width: 450px;
}
#service_navi p.list {
 float: right;
 padding: 0px 12px 0px 0px;
}
#service_navi p {
 float: left;
 padding: 0px 0px 0px 8px;
}


/*
 Rechter oberer Kasten - Login / Logout
*/
#registration {
 background: #ffffff url(../img/bg_rightBox_neu.gif) repeat-y top left;
 border-top: 1px solid #cccccc;
 border-bottom: 1px solid #cccccc;
 float:left;
 margin: 22px 0px 0px 0px;
 overflow: hidden;
 padding: 0px 0px 15px 0px;
 width: 300px;
}

/* EINLOGGEN */
#registration h3 {
 margin: 15px 0px 0px 25px;
}
#registration form.login {
 font-size: 0.75em;
 margin: 10px 0px 0px 0px;
 padding: 0px;
 width: 275px;
}
#registration form.login .login_label {
 clear: both;
 margin: 0px 0px 0px 25px;
}
#registration form.login .login_input {
 background: #ffffff url(../img/bg_input_neu.gif) no-repeat top left;
 border: none;
 color: #666666;
 height: 22px;
 margin: 0px 0px 5px 25px;
 padding: 3px;
 width: 250px;
}
#registration form.login .login_send {
 height: 22px;
 margin: 15px 0px 5px 195px;
 padding: 0px;
 width: 80px; 
}
#registration form.login .be_patient {
 padding: 10px 0px 0px 25px;
}

/* EINGELOGGT */
#registration #top_row {
 border-bottom: 1px solid #cccccc;
 height: 16px;
 line-height: 16px;
 margin: 15px 15px 0px 15px;
 padding: 0px;
 width: 270px;
}
#registration form.logout {
 float:right;
 height: 16px;
 margin: 0px;
 overflow: hidden;
 padding: 0px;
 width: 60px; 
}
#registration form.logout .logout_send {
 float: left;
 height: 16px;
 margin: 0px;
 padding: 0px;
 width: 50px; 
}
#registration #top_row p {
 font-weight: bold;
 float:left;
 padding: 0px 0px 0px 10px;
}
#registration #logged_in_user {
 float: left; 
 margin: 10px 0px 0px 0px;
 padding: 0px 25px 10px 25px;
}
#registration #logged_in_user img {
 float: left;
 height: 48px;
 margin: 0px;
 padding: 0px;
 width: 48px;
}
#registration #logged_in_user p {
 color: #c6284f;
 float: right;
 font-weight: bold;
 line-height: 18px;
 margin: 0px;
 padding: 4px 0px 0px 0px;
 width: 190px;
}
#registration #logged_in_user p a {
 color: #c6284f;
}
#registration #logged_in_user p .grey {
 color: #666666;
 font-size: 1.2em;
}


/*
 Rechter unterer Kasten - Werbung
*/
#advertisment {
 background: #ffffff url(../img/bg_rightBox_neu.gif) repeat-y top left;
 border-top: 1px solid #cccccc;
 border-bottom: 1px solid #cccccc;
 float:left;
 margin: 15px 0px 0px 0px;
 overflow: hidden;
 padding: 0px 0px 15px 0px;
 width: 300px;
}
#advertisment h4 {
 margin: 10px 0px 0px 25px;
}


/*
 Teaser - Netzlogbuch
*/
#nlb_header {
 background: url(../img/nlb_footer_bg.gif) no-repeat 14px bottom;
 float: left;
 padding: 0px 0px 0px 8px;
 width: 267px;
}
#nlb_header #nlb_logo {
 float: left;
 margin: 7px 0px 0px 0px;
 padding: 0px 0px 0px 18px;
}
#nlb_header #nlb_rss {
 float: right;
 margin: 30px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

#allesGute {
 float: right;
 margin: 3px 0px 0px 0px;
 padding: 0px 26px 0px 0px;
}

ul#nlb_list {
 float: left;
 margin: 9px 0px 4px 1px;
 padding: 0px;
 width: 297px;
}
ul#nlb_list li {
 background: url(../img/nlb_bullet.gif) no-repeat 44px 6px;
 margin: 0px;
 line-height: 0.84em;
 padding: 0px 20px 9px 55px;
}
ul#nlb_list li a {
 color: #005bc9;
 font-size: 0.8125em;
}

p.nlb {
 color: #005bc9;
 float: left;
 font-size: 0.9em;
 margin: 12px 0px 0px 0px;
 padding: 0px 0px 12px 24px;
}

#nlb_footer {
 background: url(../img/nlb_footer_bg.gif) no-repeat 14px top;
 float: left;
 padding: 0px 0px 0px 1px;
 width: 271px;
}
#nlb_footer #mehr {
 float: right;
 margin: 13px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}


/*
 Teaser - PETA
*/
#peta_wrapper {
 margin: 16px 0px 9px 0px;
 padding: 0px;
 text-align: center;
}



/*
 Formatierungen der Lightbox
*/
#lb_close {
 float: right; 
 margin: 30px 0px 20px 0px;
 padding: 0px;
}