/* Berlin-Media.de CSS-Stylesheet */
html 	{height:100%;}
body 	{background-color:#333333; text-align:center;}

/* Textstyle */
.bccd1 	{font-size: 10px; color: #CCCCCC; text-decoration: none; right: 5px; clip: rect(auto 5px auto auto); font-family: Arial, Helvetica, sans-serif;}
.t1 {color:#666666;font-weight:normal;font-size:10pt;line-height:11pt;font-family:Arial,Helvetica,sans-serif;}
.t2 {color:#666666;font-weight:normal;font-size:7.5pt;line-height:8pt;font-family:Arial,Helvetica,sans-serif;}

.form_t1 { background: #999999; color: #000000; font-weight: normal; font-size: 8pt; line-height: 9pt; font-family: Arial, Helvetica, sans-serif; BORDER-RIGHT: 0px;BORDER-TOP: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; }
.form_t2 { background: #cccccc; color: #000000; font-weight: normal; font-size: 8pt; line-height: 8pt; font-family: Arial, Helvetica, sans-serif; BORDER-RIGHT: 0px;BORDER-TOP: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; }

/* Layout */
#rahmen { margin:0px auto; padding:0px auto; height:530; width:700; border:0px solid #000000; text-align:left;}
#tbl { position:relative;  width:700px; height:500px;background-image:url(../img/layout/standard/bg.gif);}



/* Programminfo oder copyright Leiste */
#proginfo {position:absolute;left:1px;top:520px;width:700px;height:20px;border:0px solid #000000;z-index:100;color:#cccccc;font-weight:normal;font-size:10px;font-family:Arial,Helvetica,sans-serif;}
.pi-t1   {color:#cccccc;font-weight:normal;font-size:10px;font-family:Arial,Helvetica,sans-serif;clip:rect(auto 5px auto auto);}
a.proginfo:link, a.proginfo:visited { color: #CCCCCC;}
a.proginfo:active, a.proginfo:hover { color:#990000;}
a.proginfo { color: #CCCCCC;}
/* Menue Leiste */
#menue {position:absolute;left:1px;top:500px;width:700px;height:20px;border:0px solid #000000;}
.m-t1 {color:#cccccc;font-weight:normal;font-size:10px;font-family:Arial,Helvetica,sans-serif;clip:rect(auto 5px auto auto);}
a.menue:link, a.menue:visited { color: #CCCCCC;}
a.menue:active, a.menue:hover { color:#990000;}
a.menue { color: #CCCCCC;}




a:link    {color: #CCCCCC;}
a:visited {color: #CCCCCC;}
a:hover   {color: #990000;}
a:active  {color: #CCCCCC;}

#content {  position:absolute;left:0px;top:0px;
            width:700px; height:500px;
            color: #000000; 
            font-weight: normal; 
            font-size: 8pt; 
            line-height: 10pt; 
            font-family: Arial,Helvetica,sans-serif;
            border:0px solid #cccccc;
          }

			 
#admin {position:absolute; left:450px; top:10px; width:250px; height:25px;border:0px solid #cccccc;background-color:#000000;}
.admin_t1{color:#666666;font-weight:normal;font-size:12pt;line-height:13pt;font-family:Arial,Helvetica,sans-serif;}
.admin_t2{color:#666666;font-weight:normal;font-size:9pt;line-height:10pt;font-family:Arial,Helvetica,sans-serif;}
#adminarea {position:absolute; left:450px; top:40px; width:250px; height:100px;border:1px solid #ffffff;background-color:#CCCCCC;}
#adminpanel{position:absolute; left:450px; top:5px; width:250px; height:15px;border:1px solid #ffffff;background-color:#CCCCCC;}

/* Linke Seite */
#area1 {position:absolute; left:0px; top:0px; width:350px; height:500px;border:0px solid #cccccc;}
.area1-t1 {color:#666666;font-weight:normal;font-size:14pt;font-family:Arial,Helvetica,sans-serif;}
a.area1-l1:link, a.area1-l1:visited { color:#666666; text-decoration:none;}
a.area1-l1:active, a.area1-l1:hover { color:#ffffff;}
a.area1-l1 { font-weight: normal; color:#666666; text-decoration:none;}

#currentbox1     {padding:0px;position:absolute; left:111px; top:170px; width:120px; height:120px;border:1px solid #900000;color:#cccccc;font-weight:normal;font-size:9pt;font-family:Arial,Helvetica,sans-serif;}
#currentbox1i    {padding:0px;position:absolute; left:5px; top:5px; width:105px; height:110px;border:0px solid #900000;color:#cccccc;font-weight:normal;font-size:9pt;font-family:Arial,Helvetica,sans-serif;}

#currentbox2     {padding:0px;position:absolute; left:230px; top:170px; width:120px; height:120px;border:1px solid #900000;background-color:#333333;color:#cccccc;font-weight:normal;font-size:9pt;font-family:Arial,Helvetica,sans-serif;text-align:right;}
#currentbox2i    {padding:0px;position:absolute; left:5px; top:5px; width:105px; height:110px;border:0px solid #900000;color:#cccccc;font-weight:normal;font-size:9pt;font-family:Arial,Helvetica,sans-serif;}

#current_galerie {padding:0px;position:absolute; left:0px; top:80px; width:120px; height:20px;border:0px solid #900000;color:#cccccc;font-weight:normal;font-size:9pt;font-family:Arial,Helvetica,sans-serif;text-align:center;}

#commonbox       {padding:10px;position:absolute; left:5px; top:70px; width:320px; height:380px;border:0px solid #900000;color:#cccccc;font-weight:normal;font-size:7,5pt;line-height:8pt;font-family:Arial,Helvetica,sans-serif;overflow:auto;padding-right:5px;scrollbar-3dlight-color:#6a6a6a;scrollbar-arrow-color:#000000;scrollbar-darkshadow-color:#000000;scrollbar-face-color:#cccccc;scrollbar-highlight-color:#cccccc;scrollbar-shadow-color:#000000;scrollbar-track-color:#2e2e2e;}
#galeriebox      {padding:10px;position:absolute; left:5px; top:70px; width:320px; height:180px;border:0px solid #900000;color:#cccccc;font-weight:normal;font-size:7,5pt;line-height:8pt;font-family:Arial,Helvetica,sans-serif;overflow:auto;padding-right:5px;scrollbar-3dlight-color:#6a6a6a;scrollbar-arrow-color:#000000;scrollbar-darkshadow-color:#000000;scrollbar-face-color:#cccccc;scrollbar-highlight-color:#cccccc;scrollbar-shadow-color:#000000;scrollbar-track-color:#2e2e2e;}
#galeriearea     {padding:0px;position:absolute; left:5px; top:340px; width:300px; height:135px;border:0px solid #900000;color:#cccccc;font-weight:normal;font-size:7,5pt;line-height:8pt;font-family:Arial,Helvetica,sans-serif;overflow:auto;padding-right:5px;scrollbar-3dlight-color:#6a6a6a;scrollbar-arrow-color:#000000;scrollbar-darkshadow-color:#000000;scrollbar-face-color:#cccccc;scrollbar-highlight-color:#cccccc;scrollbar-shadow-color:#000000;scrollbar-track-color:#2e2e2e;}
#galeriearea2     {padding:0px;position:absolute; left:375px; top:250px; width:340px; height:180px;border:0px solid #900000;color:#cccccc;font-weight:normal;font-size:7,5pt;line-height:8pt;font-family:Arial,Helvetica,sans-serif;}


/* Rechte Seite */
#area2 {position:absolute; left:350px; top:0px; width:350px; height:500px;border:0px solid #ffffff;}
.area2-t1 {color:#666666;font-weight:bold;font-size:14pt;font-family:Arial,Helvetica,sans-serif;}
a.area2-l1:link, a.area2-l1:visited { color:#666666; text-decoration:none;}
a.area2-l1:active, a.area2-l1:hover { color:#ffffff;}
a.area2-l1 { font-weight: normal; color:#666666; text-decoration:none;}