/* 	Hello!
	
	You may freely learn from this stylesheet, but please do not copy the design.
	This means first and foremost you: Geri, Dan and Dre! If you choose to use
	copy/paste of this code, please add a quick reference to me. Thank you.
	May the force be with you.
	
	Mik
	
*/	

body {margin-top: 15px; background-color: #6c6666; background-repeat: repeat-x; background-position: bottom; }

/* main nav */

#nav { 
	text-align:left;
	vertical-align:middle;
	height:28px;
	width:150px;
	font: bold normal 11px/11px Verdana, Arial, Helvetica, sans-serif;
}

#nav a {
	text-shadow: 0px 0px #818181;
	word-wrap: break-word;
	border-bottom-style: solid;
	letter-spacing: 0px;
	text-transform: capitalize;
	display: block;
	padding: 5px 5px 5px 5px;
	color: #ffffff;
	text-align: left;
	vertical-align:middle;
	border-bottom: 1px #cccccc;
	text-decoration: none;
	font: bold 11px/11px Verdana, Arial, Helvetica, sans-serif;

}

#nav a:hover { background-color: #666; }
#nav a:active { background-color: #E20A16; }

#end {
	color: #999999;
	text-align: left;
	margin-left: 5px;
	vertical-align:middle;
	text-decoration: none;
	border: none;
	font: bold 11px/11px Verdana, Arial, Helvetica, sans-serif;

}
#end a {
	color: #999999;
	text-align: left;
	margin-left: 0px;
	vertical-align:middle;
	text-decoration: none;
	border: none;
	font: bold 11px/11px Verdana, Arial, Helvetica, sans-serif;

}

#end a:hover { background-color: #666; }
#end a:active { background-color: #E20A16; }


/* table formatting */

#table 		{text-align:left; }
#table .top {text-align:left; height:15px; vertical-align:middle; background-color: #6c6666; background-image:   url("/main/red_frame_top.gif"); background-repeat:no-repeat; z-index:100;}
#table .logo {text-align:left; height:40px; vertical-align:bottom; background-color: #ffffff; z-index:100;}
#table .images {text-align:left; height:180px; width:500px; vertical-align:middle;border-top: 1px solid #000000;  border-bottom: 1px solid #000000; text-align: center; background-color: #E20A16; z-index:100;}
#table .menus {text-align:right; height:180px; vertical-align:top; background-color: #000000; z-index:100;}
#table .left {text-align:right; height:180px; vertical-align:top; background-color: #000000; background-image:url("../main/logotype.gif"); background-repeat:no-repeat; z-index:100;}
#table .content {text-align:left; height:180px; vertical-align:top; background-color: #ffffff; z-index:100;}
#table .pageturn {text-align:right; height:20px; vertical-align:middle; background-color: #ffffff; z-index:100;}
#table .twenty {text-align:left; height:20px; vertical-align:middle; background-color: #ffffff; z-index:100;}
#table .ten {text-align:right; height:10px; vertical-align:top; background-color: #ffffff; z-index:100;}
#table .bottom {text-align:left; height:15px; vertical-align:middle; background-color: #6c6666; background-image:    url("/main/red_frame_bottom.gif"); background-repeat:no-repeat; z-index:100;}

/* listen formatierung / tabellarisch */

#list 			{ text-align: left; width:490px; z-index:100;}
#list .head 	{ text-align: left; padding-left: 4px; height:20px; vertical-align:middle; background-image:  url("/main/red_pattern.gif"); border-bottom: 1px solid #E20A16; z-index:100;}
#list .first 	{ text-align: left; background-color: #ffffff; vertical-align: top; border-bottom: 1px solid #E20A16; z-index:100;}
#list .second 	{ text-align: left; background-color: #eeeeee; vertical-align: top; border-bottom: 1px solid #E20A16; z-index:100;} 
#list .high 	{ text-align: left; background-color: #cccccc; vertical-align: top; border-bottom: 1px solid #E20A16; z-index:100;} 
#list .text		{ text-align: left; padding-left: 4px; padding-top:2px; padding-bottom:2px; padding-right:3px; height:14px; vertical-align: top; border-bottom: 1px solid #E20A16; z-index:100;}

/* content-blocks */
#page {
	width:750px;
	margin-left:auto;
	margin-right:auto;
}

#content {
	position:relative;
	width:750px;
	height:510px;
	z-index: 3;
}

#footer {
	position:absolute;
	width:750px;
	height: 12px;
	text-align:right;
	overflow: auto;
	bottom: 5px;
	z-index: 1;

}
/* pictures */

.smallpic {
		padding: 2px;
		margin: 2px;
		border: 1px solid #000000;
		}
a:link .smallpic {
		padding: 2px;
		margin: 2px;
		border: 1px solid #E20A16;
		}
		
a:visited .smallpic {
		padding: 2px;
		margin: 2px;
		border: 1px solid #E20A16;
		}
		
a:hover .smallpic {
		padding: 2px;
		margin: 2px;
		border: 1px solid #E20A16;
		}
		
a:hover .active {
		padding: 2px;
		margin: 2px;
		border: 1px solid #666666;
		}
		
/* small navs */

.nav a:link { 
	font: bold normal 9px/12px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: underline 
}

.nav a:visited {
	font: bold normal 9px/12px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: underline

}

.nav a:hover {
	font: bold normal 9px/12px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: underline
}

.nav a:active {
	font: bold normal 9px/12px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: underline
}

/* small type */

.tiny a:link{
	font: normal 9px/12px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
}

.tiny a:visited {
	font: normal 9px/12px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
}

.tiny a:hover {
	font:  normal 9px/12px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: underline;
}

.tiny a:active {
	font: normal 9px/12px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: underline;
}

.tiny {
	font: normal 9px/12px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
}

/* small heads in red */

.smallhead {
	font: bold 14px/22px Verdana, Arial, Helvetica, sans-serif;
	color: #E20A16;
	text-transform:uppercase;
	text-decoration: none;
	visibility: visible;
	z-index: 50;
}

/* main type black */

form {
	font: normal 10px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	visibility: visible;
	z-index: 50;
}

.copy {
	font: normal 10px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	visibility: visible;
	z-index: 50;
}

.copy a:link {
	font: normal 10px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #E20A16;
	text-decoration: none;
	visibility: visible;
	z-index: 50;
}

.copy a:visited {
	font: normal 10px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #E20A16;
	text-decoration: none;
	visibility: visible;
	z-index: 50;
}

.copy a:active {
	font: normal 10px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration:underline;
	visibility: visible;
	z-index: 50;
}

.copy a:hover {
	font: normal 10px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #E20A16;
	text-decoration: underline;
	visibility: visible;
	z-index: 50;
}

/* numbers and paging */

.num {
	font: normal 14px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	text-decoration: none;
	vertical-align:bottom;
	visibility: visible;
	z-index: 150;
}

.num a:link {
	font: normal 14px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #E20A16;
	text-decoration: none;
	vertical-align:bottom;
	visibility: visible;
	z-index: 150;
}

.num a:visited {
	font: normal 14px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #E20A16;
	text-decoration: none;
	vertical-align:bottom;
	visibility: visible;
	z-index: 150;
}

.num a:hover {
	font: normal 14px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration:none;
	vertical-align:bottom;
	visibility: visible;
	z-index: 150;
}

.num a:active {
	font: normal 14px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration:none;
	vertical-align:bottom;
	visibility: visible;
	z-index: 150;
}