/* Allgemein */
html,body { margin:0; padding:0; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; font-weight:normal; }
body { background:url(http://www.gettyload.de/img/bg_body.jpg) repeat-x; }
form { margin:0; padding:0; }
img { border:0; }
dl { margin:0; padding:0; }
dd { display:inline; }
font { font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; font-weight:normal; }
/* container */
#container { border:0px solid blue; margin:0px auto; width:906px; }
#head { border:0px solid green; margin:0; padding:0; width:906px; height:143px; background:url(http://www.gettyload.de/img/bg_top_beta.gif) top no-repeat; }
#main { background:url(http://www.gettyload.de/img/bg_main.jpg) repeat-y; }
#footer { height:16px; background:url(http://www.gettyload.de/img/bg_mainfooter.jpg) bottom no-repeat; }
/* container intern */
#navi_top { border:0px solid red; margin:0; padding:0; width:400px; position:relative; top:70px; left:190px; }
#navi_top a { margin:0 -2px; padding:0; }
#navi_footer { margin:0 auto; padding:0; width:906px; text-align:right; }
#upload { margin:4px 15px 0 0; padding:0; position:relative; top:70px; float:right; }
#breadcrumb { margin:0; padding:0; background-color:#fafafa; color:black; position:relative; top:75px; left:45px; }
#search { border:0px solid green; margin:0 50px 0 0; padding:0; width:380px; background-color:#fafafa; color:black; float:right; position:relative; top:70px; text-align:right }
#search .btn { position:relative; top:3px; margin: 0px; padding: 0px; border:0; bgcolor: #FFFFFF}
#login { border:0px solid black; margin:0 0 0 690px; width:213px; height:63px; background:url(http://www.gettyload.de/img/bg_login.gif) repeat-y; z-index:1; position:absolute; }
#login form { width:200px; position:relative; top:7px; left:12px; }
#login label { border:0px solid red; width:90px; float:left; }
#login .btn { position:relative; top:9px; }
.loginbox { width:200px; position:relative; top:13px; left:12px; }
.i1_test { background-color:#F5F5F5; font-size:11px; color: #777; border:1px solid #777; z-index:1; }
.i1 { background-color:#F5F5F5; font-size:11px; color: #777; border:1px solid #777; }
.i1_error { background-color:#FFFFAA; font-size:11px; color: #777; border:1px solid #777; }
.usr { background: #F5F5F5 url('http://www.gettyload.de/img/usr.png') no-repeat 2px 3px; font-size:11px; color: #777; border:1px solid #777; padding-left:18px;}
.pw { background: #F5F5F5 url('http://www.gettyload.de/img/pw.png') no-repeat 2px 3px; font-size:11px; color: #777; border:1px solid #777; padding-left:18px;}
.betr { width:80px; }
#podcast { background:url(http://www.gettyload.de/img/podcast_weiterschicken.gif); }
#song { background:url(http://www.gettyload.de/img/musik_weiterschicken.gif); }
#podcast, #song { width:420px; height:48px; text-align:center; }
#video_send_friend { width:369px; height:48px; text-align:center; background:url(http://www.gettyload.de/img/video_weiterschicken.gif); }
/* links */
a:link, a:visited { color:#2A97D8; font-weight:bold; text-decoration:none; font-size:8pt; }
a:hover { color:#7BC0E7; text-decoration:underline; }
a:active { color:#2A97D8; font-weight:bold; text-decoration:none; }
a.ssel:link, a.ssel:visited { color:#2A97D8; font-weight:bold; text-decoration:underline; font-size:8pt; }
a.ssel:hover { color:#7BC0E7; text-decoration:underline; }
a.ssel:active { color:#2A97D8; font-weight:bold; text-decoration:none; }
a.ssel:link, a.ssel:visited { color:#2A97D8; font-weight:bold; text-decoration:underline; font-size:8pt; }
a.ssel:hover { color:#7BC0E7; text-decoration:underline; }
a.ssel:active { color:#2A97D8; font-weight:bold; text-decoration:none; }
a.videob1:link, a.videob1:visited { color:#F96414; font-weight:normal; text-decoration:none;}
a.videob1:hover { color:#FF8636; text-decoration:underline; }
a.videob1:active { color:#F96414; font-weight:bold; text-decoration:underline; }
a.videob2:link, a.videob2:visited { color:#F96414; font-weight:bold; text-decoration:underline;}
a.videob2:hover { color:#FF8636; text-decoration:underline; }
a.videob2:active { color:#F96414; font-weight:bold; text-decoration:underline; }
a.videob3:link, a.videob3:visited { color:#B61414; font-weight:normal; text-decoration:none;}
a.videob3:hover { color:#B61414; text-decoration:underline; }
a.videob3:active { color:#B61414; font-weight:bold; text-decoration:underline; }
a.videob4:link, a.videob4:visited { color:#B61414; font-weight:bold; text-decoration:underline;}
a.videob4:hover { color:#B61414; text-decoration:underline; }
a.videob4:active { color:#B61414; font-weight:bold; text-decoration:underline; }
a.podcastb1:link, a.podcastb1:visited { color:#70B414; font-weight:normal; text-decoration:none;}
a.podcastb1:hover { color:#70B414; text-decoration:underline; }
a.podcastb1:active { color:#70B414; font-weight:bold; text-decoration:underline; }
a.podcastb2:link, a.podcastb2:visited { color:#70B414; font-weight:bold; text-decoration:underline;}
a.podcastb2:hover { color:#70B414; text-decoration:underline; }
a.podcastb2:active { color:#70B414; font-weight:bold; text-decoration:underline; }
a.radiob1:link, a.radiob1:visited { color:#2564AF; font-weight:normal; text-decoration:none;}
a.radiob1:hover { color:#2564AF; text-decoration:underline; }
a.radiob1:active { color:#2564AF; font-weight:bold; text-decoration:underline; }
a.radiob2:link, a.radiob2:visited { color:#2564AF; font-weight:bold; text-decoration:underline;}
a.radiob2:hover { color:#2564AF; text-decoration:underline; }
a.radiob2:active { color:#2564AF; font-weight:bold; text-decoration:underline; }
a.gr,
a.gr:visited { color:#777; text-decoration:underline; font-weight:normal; }
a.gr:hover { color:#9F9F9F; }
a.gr:active { color:#777; font-weight:bold; }
a.vi, a.vi:visited { color:#F96414; text-decoration:underline; font-weight:normal; }
a.vi:hover { color:#FF8636; }
a.vi:active { color:#F96414; font-weight:bold; }
a.ra, a.ra:visited { color:#2564AF; text-decoration:underline; font-weight:normal; }
a.ra:hover { color:#4988D3; }
a.ra:active { color:#2564AF; font-weight:bold; }
a.mu, a.mu:visited { color:#B61414; text-decoration:underline; font-weight:normal; }
a.mu:hover { color:#D93737; }
a.mu:active { color:#B61414; font-weight:bold; }
a.pc, a.pc:visited { color:#70B414; text-decoration:underline; font-weight:normal; }
a.pc:hover { color:#92D636; }
a.pc:active { color:#70B414; font-weight:bold; }
a.co, a.co:visited { color:#9C1453; text-decoration:underline; font-weight:normal; }
a.co:hover { color:#BE3675; }
a.co:active { color:#9C1453; font-weight:bold; }
a.wh, a.wh:visited { color:#FFFFFF; text-decoration:underline; font-weight:normal; }
a.wh:hover { color:#777;}
a.wh:active { color:#FFFFFF; font-weight:bold; }
a.bendecho {
display:block;
background-image:url(http://www.gettyload.de/img/bendecho.gif);
width:84px;
height:20px
}
a:hover.bendecho {
display:block;
background-image:url(http://www.gettyload.de/img/bendecho2.gif);
width:84px;
height:20px
}
div.bookmark {
width:183px;
height:20px;
float:left;
}
div.bendecho_cu {
float:left;
}
.w_g, #podcast,
#song, #video { color:#FFFFFF; font-weight:bold; text-decoration:none; font-size:12pt; }
.w { color:#FFFFFF; font-weight:bold; text-decoration:none; font: 12px;}
.w2 { color:#FFFFFF; font-weight:bold; text-decoration:none; font-size: 18px;}
.b_g { color:#000000; font-weight:bold; text-decoration:none; font-size:12pt; }
SPAN.normal { color: #000000; font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight:normal; }
SPAN.red2 { color: #FF0000; font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight:bold; }
SPAN.red3 { color: #FF0000; font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 11px; }
SPAN.red { color: #FF0000; font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight:bold; }
SPAN.green { color: #2F9A01; font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight:bold; }
SPAN.video_ver_headline { color: #000000; font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 13px; font-weight:bold; }
div.line { margin-top:7px; margin-left:5px; float:left; }
div.linevalue { margin-top:7px; margin-left:140px; }
div.interests { margin-top:0px; margin-left:0px; float:left; }
div.interests2 { margin-top:0px; margin-left:160px; }
div.clear { clear:both; }
div.comment { width: 470px; background-color:#D9D9D9; }
div.comment2 { width: 470px; background-color:#EAEAEA; }
div.reiter_n_1 { width: 90px; background-color:#EAEAEA; text-align: center; float:left; }
div.reiter_1 { width: 90px; background-color:#FAFAFA; text-align: center; float:left; }
div.reiter_n_2 { width: 130px; background-color:#EAEAEA; margin-left:20px; text-align: center; float:left; }
div.reiter_2 { width: 130px; background-color:#FAFAFA; margin-left:20px; text-align: center; float:left; }
div.reiter_n_3 { width: 130px; background-color:#EAEAEA; margin-left:20px; text-align: center; float:left; }
div.reiter_3 { width: 130px; background-color:#FAFAFA; margin-left:20px; text-align: center; float:left; }
div.userbox { width: 128px; height: 160px; background-color:#EAEAEA; text-align: center; padding-top:10px; float:left; margin-left:5px; margin-bottom:10px; }
div.bilduserbox { height: 80px;}
div.bilduserbox_2 { height: 80px;}
div.userbox2 { width: 128px; height: 160px; background-color:#EAEAEA; text-align: center; padding-top:10px; float:left; margin-left:5px; margin-bottom:10px; }
div.userbox3 { width: 128px; height: 140px; background-color:#FAFAFA; text-align: center; padding-top:10px; float:left; margin-left:5px; margin-bottom:10px; }
div.userbox4 { width: 128px; height: 140px; background-color:#EAEAEA; text-align: center; padding-top:10px; float:left; margin-left:5px; margin-bottom:10px; }
div.userbox5 { width: 150px; height: 120px; background-color:#EAEAEA; text-align: center; padding-top:10px; float:left; margin-left:5px; margin-bottom:10px; }
div.userbox6 { width: 150px; height: 120px; background-color:#EAEAEA; text-align: center; padding-top:10px; float:left; margin-left:5px; margin-bottom:10px; }
div.userbox7 { width: 105px; height: 112px; background-color:#FAFAFA; text-align: center; padding-top:10px; float:left; margin-left:5px; margin-bottom:10px; }
div.userbox8 { width: 105px; height: 112px; background-color:#EAEAEA; text-align: center; padding-top:10px; float:left; margin-left:5px; margin-bottom:10px; }
div.blatt_userlist { margin-left:5px; padding-top:10px; }
div.videobox { width: 135px; height: 160px; background-color:#D9D9D9; text-align: center; padding-top:10px; float:left; margin-left:0px; margin-bottom:0px; }
div.videobox2 { width: 135px; height: 160px; background-color:#FAFAFA; text-align: center; padding-top:10px; float:left; margin-left:0px; margin-bottom:0px; }
div.videobox_favoriten { width: 150px; height: 180px; text-align: center; padding-top:10px; float:left; margin-left:0px; margin-bottom:0px; }
div.radiobox_favoriten { width: 150px; height: 160px; text-align: center; padding-top:0px; float:left; margin-left:0px; margin-bottom:0px; }
div.artist_verknuepfen_videobox { width: 135px; height: 150px; background-color:#EAEAEA; text-align: center; padding-top:10px; float:left; margin-left:7px; margin-bottom:0px; margin-top:7px; }
div.artist_reiter_n_1 { width: 120px; background-color:#EAEAEA; text-align: center; float:left; }
div.artist_reiter_1 { width: 120px; background-color:#FAFAFA; text-align: center; float:left; }
div.artist_reiter_n_2 { width: 120px; background-color:#EAEAEA; margin-left:10px; text-align: center; float:left; }
div.artist_reiter_2 { width: 120px; background-color:#FAFAFA; margin-left:10px; text-align: center; float:left; }
div.artist_reiter_n_3 { width: 50px; background-color:#EAEAEA; margin-left:10px; text-align: center; float:left; }
div.artist_reiter_3 { width: 50px; background-color:#FAFAFA; margin-left:10px; text-align: center; float:left; }
div.artist_reiter_n_4 { width: 70px; background-color:#EAEAEA; margin-left:10px; text-align: center; float:left; }
div.artist_reiter_4 { width: 70px; background-color:#FAFAFA; margin-left:10px; text-align: center; float:left; }
div.artist_reiter_n_5 { width: 70px; background-color:#EAEAEA; margin-left:10px; text-align: center; float:left; }
div.artist_reiter_5 { width: 70px; background-color:#FAFAFA; margin-left:10px; text-align: center; float:left; }
div.artist_video_show { overflow:auto; height: 300px; display: block; }
div.artist_video_show_none { display: none; }
/* Upload CSS */
#lightbox{display:none;}
#overlay{display:none;}
.div1 {text-align: left; color: #484B50; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; width: 100%; padding: 10px;}
#xfile {font: 12px Arial; border: 1px solid #636363; margin-top: 5px; width: 265px;text-align: center;}
.myForm {font: 12px Arial; border: 1px solid #636363; margin-top: 1px;}
.upload_input input {font: 12px Arial; border: 1px solid #636363; margin-top: 5px; width: 265px;text-align: center;}
#submit_btn, #stop_btn {position:absolute; margin: 6px 0 0 3px; width: 60px;}
.data {border-collapse:collapse; background-color: #e9e9e9; width: 400px; margin-bottom: 3px;}
.data TR TD {border: 1px solid #a3a3a3; font: 12px Arial;}
.bar1 {border: 1px solid #a3a3a3; background-color: #f6f6f6; text-align: left; vertical-align: middle; height: 20px; width: 100%;}
.bar2 {width: 1%; background-color: #c9c9c9; height: 20px; text-align: left;}
.message {width: 400px; height: 1px; border: 1px solid #909090; font: 11px Arial; margin-top: 5px; text-align: left; padding-left: 3px; background-color: #f9f9f9;}
.myLink {font: bold 13px Arial; color: #303030; text-decoration: none;}
.btn {font: 12px Arial; border: 0px solid #a3a3a3; background-color: #FAFAFA; margin-top: 3px; margin-bottom: 5px;}
.bar_table {width: 100px; background-color: #707070;}
.bar_table TR TD {border: none;}
.sbar {background-color: #e9e9e9; height: 60px;}
#settings {font: 12px Arial;padding:0px;}
.pie { display: block;
float: left;
margin: 0 3px 0 0;
padding: 0;
width: 30px;
height: 30px;
background-image: url('/img/slices2.gif');
text-align: center;
}
.pie b {position: relative; top : 8px; font: bold 11px Arial;}
/* Upload CSS Ende */
#flashcontent {
height: 100%;
text-align: center;
margin: 0 auto;
}
#flashcontent div {
font-family: Tahoma, Verdana, Arial;
font-size: 12px;
background-color: #F2F2F2;
text-align: center;
height: 300px;
width: 425px;
padding: 10px;
overflow: auto;
}
#flashcontent a {
color: #000000;
}
#transparente {
position:absolute;
width:230px;
height:110px;
}