/* Dateiname: deejay-style.css */

/*
** CSS-Definition für ALLE Browsergenerationen
**
*/

.browser4 {
	color: red;
}

h1,h2,h3 {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 24px;
	color: #000080;
}

h2 {
	color: #ffffff;
	background-color:#000066;
	font-size: 12pt;	
}

h3 {
	font-size: 11pt;
	color: #979777;
}

td {
	vertical-align: top;
}


p,td,th,u,form {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
}

acronym {cursor: help; border-bottom: #808080 1px dotted;}

/*
** CSS-Definition für Browsergenerationen ab V.5
**
*/


@media all 
{

.browser4 {
	display: none
}

html, body{ 
        margin: 0px;
        padding: 0px;
} 
 
body {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background-color: #ddd;
}

.main {
	background-color: #eee;
}

h1 {
	font-size: 20pt;
	color: #000080;
	font-weight:bold;
}

h2 {
	font-size: 12pt;
	color: #ffffff;
	background-color:#000066;
	padding-left: 4px;
	width: 100%;
	display: block;
}

h3 {
	font-size: 14pt;
	color: #979777;
	font-weight:normal;
	text-align: left;
}

hr {
        /* beide Farben gleich setzen */
        /* und eine "Null-Border" verwenden, */
        /* da die Browser bei der Darstellung */
        /* unterschiedlich vorgehen */
        background-color: #606060;
        color: #606060;
        border: 0 none;

        /* bei Bedarf anpassen, */
        /* Gecko fügt ein Pixel hinzu! */
        height: 1px;

        /* evtl. zusätzlich */
        clear: both;
        display: block;

        /* bei Bedarf anpassen */
        width: 100%;
}

.footer {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	background-color: #ddd;
	border-top: 1px #444 solid;
}

#werbung {
	float:right;
	text-align: right;
	margin-right: 10px;
}


p,div,span,td,th,u,form {
	font-size: 10pt;
	text-align: justify;
}

acronym {cursor: help; border-bottom: #b0b0b0 1px dotted;}


/*
** Linkdefinitionen & Menüs (Schriftstile, Farben, Ränder, Hintergründe, ...)
**
*/

a {
	font-weight:bold;
	color: #000088; 
}

a:link {text-decoration: none}
a:visited {text-decoration: none}
a:hover {text-decoration: underline}
a:active {text-decoration: underline}

a.menu1 {
	font-weight: normal;
	color: #b0b0b0;
}

a.menu1:link { text-decoration:none }
a.menu1:visited { text-decoration:none }
a.menu1:hover { color: #ffffff; text-decoration:underline }
a.menu1:active { text-decoration:none }
a.menu1:focus { color: #ffffff; text-decoration:underline }

a.menu2:link { text-decoration:none }
a.menu2:visited { text-decoration:none }
a.menu2:hover { color: #ffffff; text-decoration:underline }
a.menu2:active { text-decoration:none }
a.menu2:focus { color: #ffffff; text-decoration:underline }

a.entry_menu:hover { color: #ffffff; text-decoration: underline }



/*
** Linkliste
**
*/

ul.linklist{
 	margin: 0;
	padding: 0px;
	text-indent: 0px;
	list-style-type: none;
	margin-bottom:10px;
}

ul.linklist li.title {
	font-weight: bold;
	text-indent: 0px;
	margin: 0;
	padding: 4px 0px 4px 10px;
	background-color: #000000;
	border-left: 5px #ffa000 solid;
}

ul.linklist li.cat {
	display:block;
	font-weight: bold;
	text-indent: 0px;
	margin: 0;
	padding: 4px 0px 4px 15px;
	color: #b0b0b0;
	background-color: #202020;
}

ul.linklist li{
	display:block;
	text-align: left;
	text-indent: 0px;
	margin: 0;
	padding: 0px 10px 0px 15px;
	background-color: #303030;
}

ul.linklist a {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
/*
** Textbausteine
**
*/

cite {
	display: block;	
	text-indent: 0px;
	color: #ffffff;
	background-color: #282828;
	border: 1px #a0a0a0 solid; 
	margin-left: 10px;
	padding-left: 10px;
}

ul {list-style: square; }

/*
** Bilder
**
*/

img, img.panorama {
	padding: 0px;
	margin: 0px;
}

img.left {
	float: left;
	margin: 0px;
	margin-right: 10px; 
	margin-bottom: 5px;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #888;
}

img.right {
	float: right;
	margin: 0px;
	margin-left: 10px; 
	margin-bottom: 5px;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #888;
}
img.center {
	margin: 0px;
	margin-left: 10px; 
	margin-bottom: 5px;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #888;
}

img.framed {
	padding: 10px;
	background-color: #fff;
	border: 1px solid #888;
}

img.extern_link {
	margin-bottom: -4px; 
	margin-right: 2px;
}

div.imgframe {
	text-align: center; 
	font-size: 10px;
	overflow: visible;
	width: 150px;
	height: auto;
	padding: 10px;
	padding-bottom: 4px;
	background-color: #fff;
	border: 1px solid #888;
}

div.imgframe img{
	margin-bottom: 10px;
}

/*
** Menu
**
*/


#navcontainer
{
margin-left: 10px;
width: 170px;
padding-top:0px;
border-top: 1px solid #000;
border-right: 1px solid #000;
padding: 0;
margin-bottom: 1em;
background-color: #000080;
color: #003;
}

#navcontainer ul
{
width: 170px;
list-style: none;
margin-left: 0;
padding: 0;
border: none;
}

#navcontainer li
{
border-bottom: 1px solid #000040;
margin: 0;
}

#navcontainer li a
{
display: block;
padding: 3px 5px 3px 5px;
border-left: 10px solid #000060;
border-right: 10px solid #0000d0;
background-color: #0000aa;
color: #ff0;
text-decoration: none;
width: 170px;
}

html>body #navcontainer li a { width: auto; }

#navcontainer li a:hover
{
border-left: 10px solid #000080;
border-right: 10px solid #0000f0;
background-color: #ffff00;
color: #000;
}

#navcontainer li li
{
border-top: 1px solid #000080;
border-bottom: 0;
margin: 0;
}

#navcontainer li li a
{
padding: 3px 0px 3px 20px;
border-left: 10px solid #000050;
border-right: 10px solid #0000c0;
background-color: #000077;
color: #ff0;
text-decoration: none;
width: 94%;
}

#navcontainer li li a:hover
{
border-left: 10px solid #000070;
border-right: 10px solid #0000e0;
background-color: #dddd00;
color: #000;
}

table.reflex_table 
{
	border-bottom: 1px #444 solid;
	width: 100%;
}

table.reflex_table th
{
	text-align: left;
	background-color: Gray;
	color: White;
}

table.reflex_table td
{
	text-align: left;
	vertical-align: top;
}

table.reflex_table tr.odd
{
	background-color: #ddd;
}

table.reflex_table tr.even
{
	background-color: #eee;
}

table.t1 th
{
	text-align: left;
	background-color: Gray;
	color: White;
}

table.t1 td
{
	width: 100%;
	text-align: left;
	vertical-align: top;
}

}