/**********************************************
 include.css                           
*********************************************
 HTML tag styles                             
**********************************************/
.tab_im_div {
left:50px;
position:absolute;
z-index:3;
}

/********Schriften alte Youzap seite***************************************/
body {
background-color:#3C3C3C;
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:1.166;
margin:0;
padding:0;
}

.standard {
color:#FFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
}

.fliesstext {
color:#FFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:17px;
text-decoration:none;
}

.klein {
color:#777;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
}

.headline {
color:#0F0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:700;
text-decoration:none;
}

.headline_w {
color:#FFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:700;
text-decoration:none;
}

.menuetext_l {
text-align:left;
color:#777;
font-size:12px;
height:14px;
padding-top:1px;
}

.menuetext_r {
text-align:right;
color:#777;
font-size:12px;
height:14px;
padding-right:30px;
padding-top:1px;
}

.menuetext_r_aktiv {
text-align:right;
color:#0f0;
font-size:12px;
height:15px;
padding-right:10px;
padding-top:1px;
}

/************** header tag styles **************/
h1 {
color:#334d55;
font:bold 110% Arial,sans-serif;
margin:0;
padding:0;
}

h2 {
color:#069;
font:bold 110% Arial,sans-serif;
margin:0;
padding:0;
}

h3 {
color:#334d55;
font:bold 100% Arial,sans-serif;
margin:0;
padding:0;
}

h4 {
color:#333;
font:100% Arial,sans-serif;
margin:0;
padding:0;
}

h5 {
color:#334d55;
font:100% Arial,sans-serif;
margin:0;
padding:0;
}

/*************** list tag styles ***************/
ul {
list-style-type:square;
}

ul ul {
list-style-type:disc;
}

ul ul ul {
list-style-type:none;
}

label {
color:#fff;
font:bold small Arial,sans-serif;
}

input {
font-family:Arial,sans-serif;
}

/**********************************************
 Layout Divs                                 
*********************************************
************* Trefferliste und Matchliste *****************/
table.trefferliste {
background-color:#121212;
border:1px #777 solid;
border-collapse:collapse;
border-spacing:0;
width:580px;
}

table.trefferlisteklein {
background-color:#121212;
border:1px #777 solid;
border-collapse:collapse;
border-spacing:0;
width:390px;
}

tr.headtrefferl_ds {
background-color:#777;
color:#3c3c3c;
font-family:Verdana;
font-size:10px;
font-weight:400;
}

tr.headtrefferliste {
background-color:#777;
border-bottom:1px #0f0 dotted;
color:#3c3c3c;
font-family:Verdana;
font-size:12px;
font-weight:700;
}

th.listenheader_th {
padding:4px;
}

td.blaetterlinks {
border-bottom:1px #0f0 dotted;
font-family:Verdana, sans-serif, Arial;
font-size:.8em;
font-weight:400;
padding:4px 0 4px 4px;
text-align:left;
}

td.trefferliste {
border-bottom:1px #0f0 dotted;
color:#777;
font-family:Verdana, sans-serif, Arial;
font-size:.8em;
font-weight:400;
padding:4px;
text-align:left;
}

td.trefferlistepwd {
border-bottom:1px #0f0 dotted;
color:#0f0;
font-family:Verdana, sans-serif, Arial;
font-size:.8em;
font-weight:400;
padding:4px;
text-align:left;
}

td.trefferlisteMsgNew {
border-bottom:1px #0f0 dotted;
color:#aaa;
font-family:Verdana, sans-serif, Arial;
font-size:.8em;
font-weight:700;
padding:4px;
text-align:left;
}

/************** Ende Trefferliste und Matchliste ****************
************* Men? oben ?Kontakt | Impressum | ?ber uns | AGBs? *****************/
#utility {
color:silver;
font:65% Verdana,sans-serif;
left:50px;
position:absolute;
top:10px;
width:550px;
z-index:2;
}

#utility a {
color:#777;
}

/************** ende utility styles ****************
*********** fo User-Ansprache**************/
#useranprache {
color:#fff;
font:75% Verdana,sans-serif;
height:20px;
left:509px;
padding:10px 10px 0 0;
position:absolute;
top:15px;
z-index:3;
}

/************ ende fo User-Ansprache*************
*********** Navigation in der Content-Seite **************/
#pagenav {
color:#777;
font:100% Verdana,sans-serif;
height:20px;
left:30px;
padding:10px 10px 0;
position:static;
top:20px;
}

#pagenav a:link, .pagenav a:visited {
color:#777;
font-size:100%;
}

/************ ende Navigation in der Content-Seite *************
*********** Meldung und Fehlermeldung **************/
#meldung {
color:#0f0;
font-size:100%;
left:20px;
margin:0 0 0 10px;
position:static;
top:10px;
width:600px;
}

/* Meldung status */
.status_green {
background-color:#545454;
border:2px solid #0f0;
color:#0f0;
margin-bottom:20px;
padding:10px 0 0 10px;
}

.status_orange {
background-color:#545454;
border:2px solid #f60;
color:#F60;
margin-bottom:20px;
padding:10px 0 0 10px;
}

.status_red {
background-color:#545454;
border:2px solid #F60;
color:#F60;
margin-bottom:20px;
padding:10px 0 0 10px;
}

/************ ende Meldung und Fehlermeldung **************/
#top {
background-color:#3c3c3c;
height:130px;
left:0;
position:static;
text-transform:none;
top:0;
width:509px;
z-index:1;
}

#spacer_zappen {
height:450px;
position:static;
z-index:-1;
}

#fofooter {
position:static;
text-transform:none;
width:770px;
z-index:5;
}

#bottom {
background-color:#3c3c3c;
padding:10px 10px 10px 50px;
position:static;
text-transform:none;
width:770px;
z-index:5;
}

#standard {
left:0;
position:static;
width:800px;
z-index:1;
}

#content_outer {
background-image:url('../img/bg_content.jpg');
left:0;
position:static;
top:130px;
width:750px;
z-index:2; padding-left:100px; padding-right:10px; padding-top:10px; padding-bottom:10px
}

.content {
background-image:url('../img/bg_content.jpg');
left:0;
position:static;
top:130px;
width:750px;
z-index:2; padding-left:100px; padding-right:10px; padding-top:10px; padding-bottom:10px
}

/*
	background-repeat:repeat-y;*/
#video {
background-color:#3c3c3c;
background-image:url('../img/bg_video.jpg');
background-position:left top;
background-repeat:no-repeat;
height:348px;
left:234px;
position:absolute;
text-transform:none;
top:130px;
width:379px;
z-index:1;
}

#video_ifr {
background-color:#3c3c3c;
background-image:url('../img/bg_video.jpg');
background-position:left top;
background-repeat:no-repeat;
height:348px;
left:0;
position:absolute;
text-transform:none;
top:0;
width:379px;
z-index:1;
}

#controls {
background-color:#3c3c3c;
height:73px;
left:234px;
position:absolute;
text-transform:none;
top:478px;
width:390px;
z-index:1;
}

#body {
background-color:#000;
height:440px;
left:30px;
position:absolute;
text-transform:none;
top:130px;
width:740px;
z-index:1;
}

#menue {
background-color:#3c3c3c;
background-image:url('../img/bg_menu.jpg');
background-repeat:no-repeat;
height:130px;
left:509px;
position:absolute;
text-transform:none;
top:0;
width:318px;
z-index:1;
}

#werbung_rechts {
background-color:#3c3c3c;
height:600px;
left:870px;
position:absolute;
text-transform:none;
top:50px;
width:120px;
z-index:1;
font-size:80%;
}

#zaplist {
background-color:#3c3c3c;
background-image:url('../img/bg_zap2.jpg');
background-position:left top;
background-repeat:no-repeat;
height:421px;
left:613px;
position:absolute;
text-transform:none;
top:130px;
width:214px;
z-index:1;
}

#funktion {
background-color:#3c3c3c;
background-image:url('../img/bg_info2.jpg');
background-position:left top;
background-repeat:no-repeat;
height:421px;
left:0;
position:absolute;
text-transform:none;
top:130px;
width:234px;
z-index:1;
}

#funktion_ifr {
background-color:#3c3c3c;
background-image:url('../img/bg_info2.jpg');
background-position:left top;
background-repeat:no-repeat;
height:421px;
left:0;
position:absolute;
text-transform:none;
top:0;
width:234px;
z-index:1;
}

#ranking {
color:#FFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:700;
height:20px;
left:75px;
position:absolute;
text-align:center;
text-decoration:none;
text-transform:none;
top:330px;
width:110px;
z-index:2;
}

#rankbutton {
color:#FFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:700;
height:37px;
left:90px;
position:absolute;
text-align:center;
text-decoration:none;
text-transform:none;
top:235px;
width:79px;
z-index:2;
}

#kaputt {
height:39px;
left:70px;
position:absolute;
text-align:center;
text-transform:none;
top:280px;
width:132px;
z-index:2;
}

#form {
background-color:#b4d3b9;
height:300px;
left:500px;
position:absolute;
text-transform:none;
top:300px;
width:140px;
z-index:2;
}

#pwd_stream {
background-color:#3c3c3c;
padding:10px 10px 10px 60px;
position:static;
text-transform:none;
width:770px;
height:auto;
z-index:5;
}

/**************** Textfelder *****************
 Format der Eingabefelder */
.anzeigefeld {
background-color:#121212;
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
height:13px;
padding:5px;
}

.input {
background-color:#121212;
border:1px solid #6a6a6a;
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
height:13px;
padding:5px;
}

.errorField {
background-color:#121212;
border:1px solid #F60;
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
height:13px;
padding:5px;
}

.textfeld {
background-color:#121212;
border:1px solid #6a6a6a;
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding:5px;
text-decoration:none;
}

.textfelderror {
background-color:#121212;
border:1px solid #f60;
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding:5px;
text-decoration:none;
}

.button {
background-color:#121212;
border:1px solid #aaa;
color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
height:30px;
padding:5px;
}

.selectfeld {
background-color:#121212;
border:1px solid #6a6a6a;
color:#fff;
width:auto;
}

.selectfelderror {
background-color:#121212;
border:1px solid #F60;
color:#fff;
width:100px;
}

td.inputzelle_left {
padding-bottom:3px;
padding-left:12px;
}

/********************* end *********************
******** ab hier die Styles f?r die Buttons ***************
 def for the members/search/groups section (301, 200, 700, 600) */
div.hairline_dotted {
border-top:1px #999 dotted;
}

.nobr {
white-space:nowrap;
}

*.normal {
font-weight:400 !important;
}

.mp0 {
margin:0 !important;
padding:0 !important;
}

.noborder {
border:0px none !important;
}

.b1 {
border:1px solid red;
}

.text-border {
border:1px solid #D5D6CC;
}

.fr {
float:right;
}

.borderright {
border-right:1px solid #333;
margin-right:5px;
padding-right:5px;
}

.borderbottom {
border-bottom:1px dotted #999;
margin-bottom:0;
padding-bottom:15px;
}

.bordertop {
border-top:1px dotted #999;
margin-top:0;
padding-top:15px;
}

.section-border {
border-bottom:1px dotted #999;
clear:both;
float:none;
margin:0;
overflow:hidden;
padding:2px 8px;
}

.section-border a {
padding:0 1px;
text-decoration:none;
}

.clr {
clear:both;
}

.disabled {
color:#A0A0A0;
}

input.disabled {
background-color:#A0A0A0;
color:#333;
}

.center {
text-align:center !important;
}

.right {
text-align:right !important;
}

.mb5 {
margin-bottom:5px !important;
}

.mb10 {
margin-bottom:10px !important;
}

.mb15 {
margin-bottom:15px !important;
}

.mb20 {
margin-bottom:20px !important;
}

.mt5 {
margin-top:5px !important;
}

.mt10 {
margin-top:10px !important;
}

.mt15 {
margin-top:15px !important;
}

.mt20 {
margin-top:20px !important;
}

.mr15 {
margin-right:15px !important;
}

.mr10 {
margin-right:10px !important;
}

.mr5 {
margin-right:5px !important;
}

.ml5 {
margin-left:5px !important;
}

.ml10 {
margin-left:10px !important;
}

.ml15 {
margin-left:15px !important;
}

.pb5 {
padding-bottom:5px !important;
}

.pt5 {
padding-top:5px !important;
}

.pb10 {
padding-bottom:10px !important;
}

.pr10 {
padding-right:10px !important;
}

.pl20 {
padding-left:20px !important;
}

.pl15 {
padding-left:15px !important;
}

.hidden {
display:none;
}

.overflow {
overflow:hidden;
}

.fixed-anchors {
overflow:visible;
}

.green, .status-color {
color:#360;
}

.block {
display:block;
}

/* def for all form buttons */
button {
background:none;
border:0px none;
cursor:pointer;
margin:0;
padding:0
}

button div {
background-position:left center;
background-repeat:no-repeat;
margin:0;
padding:0 0 0 5px;
}

/* definition for standard submit button */
button div p, button div table {
background-position:right center;
background-repeat:no-repeat;
color:#6f6;
font-size:14px;
font-weight:700;
line-height:1em;
margin:0;
padding:9px 12px 10px 7px;
white-space:nowrap;
}

button div.btn {
background-image:url('../img/btn_bg_left.gif');
}

button div.btn-submit {
background-image:url('../Planetos%20Vorlagen/img/btn_bg_submit_left.gif');
}

button div.btn-submit-tools {
background-image:url('../Planetos%20Vorlagen/img/btn_bg_submit_tools_left.gif');
}

button div.btn-cancel-tools {
background-image:url('../Planetos%20Vorlagen/img/btn_bg_cancel_tools_left.gif');
}

button div.btn-large-submit {
background-image:url('../Planetos%20Vorlagen/img/btn_bg_large_submit_left.gif');
}

button div.btn-cancel {
background-image:url('../Planetos%20Vorlagen/img/btn_bg_cancel_left.gif');
}

button div.btn-export {
background-image:url('../Planetos%20Vorlagen/img/btn_bg_export_left.gif');
}

button div p.btn {
background-image:url('../img/btn_bg_right.gif');
}

button div p.btn-submit {
background-image:url('../Planetos%20Vorlagen/img/btn_bg_submit_right.gif');
}

button div p.btn-submit-tools {
background-image:url('../Planetos%20Vorlagen/img/btn_bg_submit_tools_right.gif');
}

button div p.btn-cancel-tools {
background-image:url('../Planetos%20Vorlagen/img/btn_bg_cancel_tools_right.gif');
}

/* definition for "add as contact" button */
button div p.btn-large-submit, button div table.btn-large-submit {
background-image:url('../Planetos%20Vorlagen/img/btn_bg_large_submit_right.gif');
line-height:1em;
padding:0 0 0 5px;
white-space:normal;
}

button div p.btn-cancel {
background-image:url('../Planetos%20Vorlagen/img/btn_bg_cancel_right.gif');
}

button div p.btn-export {
background-image:url('../Planetos%20Vorlagen/img/btn_bg_export_right.gif');
color:#000;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:400;
padding:1px 12px 2px 7px;
}

button div p.btn, button div p.btn-submit-tools, button div p.btn-cancel-tools {
font-size:13px;
line-height:1.6em;
padding:3px 12px 2px 7px;
}

/* CSS Document */
div.btn-edit, span.btn-edit {
background:url('../Planetos%20Vorlagen/img/btn_edit_bg_left.gif') no-repeat left center;
float:left;
font-weight:400;
margin:0 8px 0 0;
padding:0 0 0 3px;
}

div.btn-edit div.btn-edit {
background:url('../Planetos%20Vorlagen/img/btn_edit_bg_right.gif') no-repeat right center;
margin:0;
padding:0 8px 0 5px;
}

div.btn-edit div.btn-edit, span.btn-edit span.btn-edit {
background:url('../Planetos%20Vorlagen/img/btn_edit_bg_right.gif') no-repeat right center;
margin:0;
padding:2px 8px 2px 5px;
}

p.profile-work-descr, p.profile-work-period, p.profile-work-note {
margin:0;
padding:0;
}

p.profile-work-note {
clear:both;
color:gray;
}

.txt2nd {
color:gray;
}

.smalltxt2nd {
color:gray;
font-size:11px;
line-height:100%;
margin-bottom:5px;
}

a.url:link, a.url:active, a.url:visited {
color:#0e6e84;
text-decoration:none;
}

p.edu-notes {
color:gray;
margin:0;
padding:0;
}

/*new buttons start */
.submit-button, .cancel-button, .save-button {
float:left;
height:23px;
overflow:hidden;
}

.submit-button div, .cancel-button div, .save-button div, .submit-button a, .cancel-button a, .save-button a {
background:url('../Planetos%20Vorlagen/img/button.png') no-repeat left top;
float:left;
height:23px;
overflow:hidden;
}

.submit-button div, .cancel-button div, .save-button div {
width:3px;
}

.submit-button a, .cancel-button a, .save-button a {
display:block;
font-size:13px;
font-weight:700;
margin:0;
padding:4px 10px 4px 7px;
text-decoration:none;
}

.submit-button div {
background-position:left 0;
}

.submit-button a {
background-position:right 0;
color:#006567;
}

.cancel-button div {
background-position:left -23px;
}

.cancel-button a {
background-position:right -23px;
color:#fff;
}

.save-button div {
background-position:left -46px;
}

.save-button a {
background-position:right -46px;
color:#fff;
}

a:link, a:visited {
color:#777;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
}

a:hover, a:active {
color:#0F0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
}

form, button.btn, button.btn-submit-tools, button.btn-cancel-tools, p.edu-department, p.edu-school {
margin:0;
padding:0;
}

#utility a:hover, a.underline, .section-border a:hover, a.btn-edit:hover, div.btn-edit div.btn-edit a.btn-edit:hover, span.btn-edit span.btn-edit a.btn-edit:hover, a.url:hover {
text-decoration:underline;
}

#pagenav a:hover, button div p.btn-cancel, button div p.btn-submit-tools, button div p.btn-cancel-tools {
color:#fff;
}

.text-box, .ml {
margin-left:8px;
}

.b, .section-border a.selected {
font-weight:700;
}

.fl, div.btn-edit {
float:left;
}

.fn, span.btn-edit {
float:none;
}

a.btn-edit:link, a.btn-edit:active, a.btn-edit:visited, div.btn-edit div.btn-edit a.btn-edit:link, div.btn-edit div.btn-edit a.btn-edit:active, div.btn-edit div.btn-edit a.btn-edit:visited, span.btn-edit span.btn-edit a.btn-edit:link, span.btn-edit span.btn-edit a.btn-edit:active, span.btn-edit span.btn-edit a.btn-edit:visited {
color:#333;
font-size:11px;
text-decoration:none;
}