﻿/* 
   The below CSS file was built using samples + techniques described by Rachel Andrew in her book:
   The CSS Anthology: 101 Essential Tips, Tricks & Hacks
*/

/* Overall Page */

body {
	margin: 0;
	padding-bottom: 2em;
	background-color: #FFFFF0;
	color: #696969;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top: 2px solid #B51032;
}

/*--IMG's --*/
	#DiaShow	{width:220px;height:152px;border:none;overflow: auto;}
	img.preview	{cursor:pointer;/*margin-right:17px;width:62px;height:47px;overflow: hidden;*/}
	span.preview	{cursor:pointer;margin-right:17px;width:62px;height:47px;overflow: hidden;}

/* Header Section */

#header {
	border-top: 3px solid #CC0000;
	border-bottom: 1px dotted #CC0000;
	height: 4em;
}
#banner {
	top: 7px;
	left: 20em;	
	position:absolute;
}

#footer {
	border-top: 1px dotted #CC0000;
	border-bottom: 3px solid #CC0000;
	height: 1em;
}
#header .title {
	font: normal 16px Verdana, Arial, Helvetica, sans-serif;
	color: #CC0000;
	background-color: transparent;
	float: left;
	margin-right: 2em;
	margin-top: 0.3em;
	margin-left: .8em;
}
#footer .diverse {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #CC0000;
	background-color: transparent;
	float: left;
	margin-right: 2em;
	margin-top: 0.1em;
	margin-left: 13.5em;
}
#header .breadcrumb {
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	color: black;
	background-color: transparent;
	float: right;
	margin-right: 2em;
	margin-top: 0.8em;
	font-weight:bold;
}

#header a:link, a:visited  {
	color: #B51032;
}

/* Navigation */

#navigation {
	width: 80px;
	top: 7em;
	left: 1em;
	width: 11em;	
	position:absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#navigation span a  {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-top: 1px solid #CC0000;
	border-left: 12px solid #CC0000;
	border-right: 1px solid #CC0000;
	border-bottom: 1px solid #CC0000 ;
	background-color: #FFFFF0;
	color: #CD853F;
	text-decoration: none;
}
#navigation span a:hover 
{
	background-color: #FAFAC9;
	color: #CC0000;
}

/* Label News */



/* Main Content */

#content
{
	margin-top:  14px;
	margin-left: 13em;
	margin-right: 2em;
	margin-bottom: 2em;
	background-color: #FFFFF0;
	color: #696969;
	border:solid 1px  #EAE299;
	width: 800px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left:5px;
	padding-right:10px;
}

a.small{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #CD853F;
	text-decoration : none;
	font-size: 11px;
}

a{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #CD853F;
	text-decoration : none;
}

a:hover
{
	color : #CC0000;
}

a:visited
{
	text-decoration : none;
	color : #CD853F;
}

a:link
{
	text-decoration : none;
	color : #CD853F;
}



H1
{
	font-family :Verdana, Arial, Helvetica, sans-serif;
	margin : 20px 0px 0px 0px;
	color: #CC0000;
}
H2 
{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	margin : 20px 0px 0px 0px;
	color: #CC0000;
}
H3 
{
	font-family :Verdana, Arial, Helvetica, sans-serif;
	margin : 10px 0px 0px 0px;		
	color: #CC0000;
	letter-spacing : 0.2em;
}
H4
{
	font-family :Verdana, Arial, Helvetica, sans-serif;
	margin : 0px 0px 0px 0px;		
	color: #CD853F;
}
#content p {
	font-size: 80%;
	line-height: 1.6em; 
}

#content ul {
	font-size: 80%;
	line-height: 1.6em; 
}

.newsimagedetail
{
	float: left;	
}
.newstitel
{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #CC0000;
	text-decoration : none;
	position: relative;
	letter-spacing : 0.2em;
}

.newstext
{
	position: relative;
}

.newstext
{
	position: relative;
}

.mehr
{
	position: relative;
}

.newslink{
	color : #CD853F;
	text-decoration : none;
	font-size: 11px;
}
.newslink:hover
{
	text-decoration : underline;color : #CC0000;
}
.newstypes{
	font-size: 10px;
}

.submit
{
		border: 1px solid #CD853F;  
		background-color:#EEE8AA;  
		font : normal 12px Verdana, Arial, Helvetica, sans-serif;
		color : #CD853F;
		
}

.textinputbig
{
		border: 1px solid #CD853F; 
		font : normal 12px Verdana, Arial, Helvetica, sans-serif;
		color : #CD853F;
		width : 600px;
		background-color : #FFFFF0;
		
}

.textinputmiddle
{
border: 1px solid #CD853F; 
		font : normal 12px Verdana, Arial, Helvetica, sans-serif;
		color : #CD853F;
		width : 280px;
		background-color : #FFFFF0;
		
}

.textinputeditnewcomer
{
		border: 1px solid #CD853F; 
		font : normal 12px Verdana, Arial, Helvetica, sans-serif;
		color : #CD853F;
		width : 190px;
		background-color : #FFFFF0;
		
}

.textinputsmall
{
		border: 1px solid #CD853F; 
		font : normal 12px Verdana, Arial, Helvetica, sans-serif;
		color : #CD853F;
		width : 50px;
		background-color : #FFFFF0;
}

.textinputdate
{
		border: 1px solid #CD853F; 
		font : normal 12px Verdana, Arial, Helvetica, sans-serif;
		color : #CD853F;
		width : 75px;
		background-color : #FFFFF0;
}


.checkbox
{
	background-color : #FFFFF0;	
}

.dropdown
{
	font : normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#CD853F;
	background-color : #FFFFF0;
}

.textarea
{
	border: 1px solid #CD853F; 
	font : normal 12px Verdana, Arial, Helvetica, sans-serif;
	color : #696969;
	background-color: #FFFFF0;
	width : 575px;
}

.error
{
	font : normal 10px Verdana, Arial, Helvetica, sans-serif;
	color : red;
}

A.anav {
		font:  normal Verdana, Arial, Helvetica, sans-serif;
		text-decoration : none;
		padding : 5px 5px 5px 5px;		
	}
	A.anavselect {
		text-decoration : none;
		padding : 5px 5px 5px 5px;		
	}
	td.nav {
		background-color : #FAFAC9;
		border-bottom: 1px solid #CC0000 ;
		border-top: 1px solid #CC0000;
		height: 21px;
		white-space:nowrap;
		color : #CD853F;
	}
	td.navselect {
		background-color : #FFFFF0;
		border-top: 1px solid #CC0000;
		height: 21px;
		white-space:nowrap;
	}
	td.navspacer {
		background-color : #FFFFFF;
		border-bottom: 1px solid #CC0000;
		white-space:nowrap;
	}
	td.navspacebg {
		background-color : #CC0000;
		white-space:nowrap;
	}
	table.tbcontent {
		background-color : #FFFFF0;
		border-bottom: 1px solid #CC0000 ;
		border-left: 1px solid #CC0000 ;
		border-right: 1px solid #CC0000 ;
	}
	table.tbright {
		background-color : #FFFFF0;
		border-top: 1px solid #CC0000 ;
		border-bottom: 1px solid #CC0000 ;
		border-left: 1px solid #CC0000 ;
		border-right: 1px solid #CC0000 ;
	}

