/* 
 Definition of VolTil homepage styles, Sc 17.07.20 
 ______________________ 
 Global adjustments

 Background: Black:         000000
 Header Background: black:  000000
 Text Color: white:         ffffff
 Links: dark yellow:        fdc605
 H2 border orange:          df6f01
 Main Background: orange:   df6f01
 Head paragraph: grey:      999999
 Menu a:hover: dark grey:   1c1c1c
 Menu border: middle grey:  4c4c4c
 Footer backgrund: grey:    858383
 Footer right text,a: grey: 222222
 Bottom text: grey:         858383
 
 Text area background:      353535 (grey, left) - 040404 - 000000 (black, right)
*/

body {
	margin:0;
	line-height:16px;
	background-color:#000000;
	color:#FFFFFF;
	font-size:11px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
}

a {
	color:#fdc605;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

img {
	border:none;
}

h1 {
	font-size:24px;
	font-weight:bold;
	font-style:italic;
	color:#df6f01;
}

h2 {
	font-size:24px;
	font-weight:bold;
	font-style:italic;
	text-align:center; 
	color:#df6f01;
}

h3 {
	font-size:24px;
	font-weight:bold;
	font-style:italic;
	text-align:center; 
	border-bottom:1px solid #df6f01;
	display:block; 
	width:200px;
	height:20px; 
	color:#df6f01;
}
/* 
 ______________________ 
 DIV definitions
 
  div container
  div all
 +-header---------------------------------------------------------------------+
 | div logo     | div head                              | div nameplate
 |   +-logo-+   |                                       |
 |   |      |   |   +-li a -------+   +-li a -------+   |   +-------------+
 |   | Logo |   |   | <li> button |   | <li> button |   |   | <img> Name  |
 |   |      |   |   +-------------+   +-------------+   |   +-------------+
 |   +------+   |   <p>                                 |
 +--------------+---------------------------------------+----------------------
 | div main
 | ------------ + ------------------------------------------------------------- 
 | div menu     | div text
 |              |
 |              |
 |              |
 |              |
 |              |
 +--------------+--------------------------------------------------------------
 | div footer
 | ------------ | -------------------------------------------------------------
 | div          | div
 |  left_footer |  right_footer
 +--------------+--------------------------------------------------------------
 | div bottom
 |        div buttom_center
 |            div buttom_text
 +-----------------------------------------------------------------------------
   
*/
#all 	    {background:url(http://www.v-sc.de/voltil/images/body_bckg.jpg) repeat-x #df6f01;}
#container  {width:960px; margin:0 auto;}
/*
 ______________________ 
 header
*/
#header     {background:url(http://www.v-sc.de/voltil/images/head_bckg.jpg) no-repeat #000000; height:100px;}

#logo 	    {padding:0px 25px; margin-top:4px; width:215px; float:left; text-align:center;}
#logoswf    {padding:0px 25px; margin-top:2px; width:215px; float:left; text-align:center;}
#logo a     {color:#df6f01; text-decoration:none; font-size:24px; font-weight:bold;}

#head 	    {float:left; width:390px;}
/* use for 2 buttons: */
#head ul    {list-style:none; padding:0; margin:30px 0; height:20px;}
#head a     {display:block; width:140px; height:40px; color:#FFFFFF; text-decoration:none;
             background:url(http://www.v-sc.de/voltil/images/text_top_bckg.jpg) no-repeat; text-transform:uppercase;
             text-align:center; padding-top:10px; font-size:15px;}
/* use for 4 buttons:
#head ul    {list-style:none; padding:0; margin:10px 0; height:20px;}
#head a     {display:block; width:140px; height:40px; color:#FFFFFF; text-decoration:none; 
             background:url(http://www.v-sc.de/voltil/images/text_top_bckg.jpg) no-repeat; text-transform:uppercase;
             text-align:center; padding-top:5px; font-size:15px;}
*/
#head a:hover {background:url(http://www.v-sc.de/voltil/images/text_top_bckg_over.jpg) no-repeat;}
#head ul li {float:left; padding:0 25px;}
#head li    {float:left; padding:0 18px; display:block; width:140px; }

#head p     {font-size:10px; color:#999999; line-height:10px; margin:0; padding:0 20px;}

#nameplate  {float:right; text-decoration:none; padding:0 30px; margin:13px 0;}

/* 
 ______________________ 
 menu
*/
#main	    {background:url(http://www.v-sc.de/voltil/images/textarea_bckg.jpg) no-repeat #000000; float:left; width:100%; min-height:250px;}

#menu 	  {float:left; width:215px; padding:25px;}
#menu ul  {list-style:none; padding:0; margin:0;}
#menu a   {font-size:14px; font-style:italic; text-decoration:none; color:#FFFFFF; display:block; width:180px; height:20px; padding:5px 10px 0 10px; border-bottom:1px solid #4c4c4c;}
#menu a:hover {background-color:#1c1c1c;}

/* 
 ______________________ 
 main (text)
*/
#text 	   {padding:15px 20px 20px 290px;}
.textleft  {text-align:left;} 
#center    {text-align:center;}

/* 
 ______________________ 
 footer
*/
#footer {background:url(http://www.v-sc.de/voltil/images/footer_text.jpg) no-repeat #000000; height:16px; color:#858383; font-size:11px; padding:59px 30px 0 30px; clear:both;}

#left_footer {float:left;}

#right_footer   {float:right; font-size:3px; color:#111111; text-decoration:none;}
#right_footer a {font-size:3px; color:#111111; text-decoration:none;}

/* 
 ______________________ 
 bottom
*/
#bottom         {background:url(http://www.v-sc.de/voltil/images/footer_bckg.jpg) repeat-x #000000;}
#bottom_center  {width:960px; margin:0 auto; background:url(http://www.v-sc.de/voltil/images/center_foot.jpg) no-repeat #000000; height:100px;}
#bottom_text    {margin:0px 0px 0px 290px; font-size:11px; color:#858383;}

/* 
 ______________________ 
 player
*/
#player		{margin:0px 0px 0px 5px;}

/* 
 ______________________ 
 slideshow
*/
.flashclass{ 
	float:right; 
	margin:10px 0px;
	width: 250px; /*a width should be defined for transition to work*/
	border: none;
	padding: 0px;
}

.flashclass img{
	border-width: 0;
}

.floatright{
	margin-right: 20px;
}


/* 
 ______________________ 
 video player
*/
#videoPlayer span {
	display: block;
	border-top: 1px solid #222;
	border-left: 1px solid #222;
	border-right: 1px solid #444;
	border-bottom: 1px solid #444;
	padding: 20px;
	margin: 50px 0px 50px 0px;
	text-align:center;
}

/* 
 ______________________ 
 php directory listing (PHPDL)
*/

#text table{
	margin: 0 auto;
	padding: 0;
	width: 600px;
	border: none;
}
	#text table td{
		padding: 0px;
		border: none;
	}
	#text thead td{
		padding-left: 0;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 11pt;
		font-weight: bold;
	}
	#text tbody td.filename,
	#text tbody td.foldername{
		width: 99%;
	}
	#text tbody td.filename img,
	#text tbody td.foldername img{
		vertical-align: bottom;
		padding: 0 3px 0 0;
	}
	#text tbody .folder td{
		border: none;
	}
	#text tbody .file td{
		background: #040404;
		border: none;
	}
		#text tbody tr.file:hover td{
			background: #4c4c4c;
		}
		#text tbody tr.file:hover td.dl{
			background: #4c4c4c;
		}
	#text tbody .file td.filesize,
	#text tbody .file td.filetotal,
	#text tbody .file td.filetime{
		color: #858383;
		white-space: nowrap;
		padding: 5px 10px;
	}
	#text tbody .file td.filesize span{
		color: #858383;
		font-size: 8pt;
		text-align:right;
	}
	#text tbody .file td.filetime{
		color: #858383;
	}
	#text tbody td.dl{
		padding: 5px 0;
		border: none;
		width: 1%;
		background: #040404;
	}
	#text tbody td.dl img{
		padding: 0 0 0 5px;
		border: none;
		background: #040404;
	}
	#text tbody td a{
		color: #ffffff;
		font-size: 11pt;
		font-weight: bold;
		text-decoration: none;
	}
	#text tbody td a:hover{
		color: #fdc605;
		text-decoration: underline;
	}
	#text tfoot td{
		padding: 5px 0;
		color: #777;
		font-size: 8pt;
		background: #040404;
		border: none;
	}
	#text tfoot td.copy a,
	#text tfoot td.copy{
		text-align: right;
		white-space: nowrap;
		font-size:3px;
		color:#111111;
		text-decoration:none;
	}
	#text tfoot td.cc{
		padding: 0px;
		text-align: center;
	}
	#text tfoot td.cc img{
		padding: 0;
		border: none;
		background: #040404;
	}