/*
*******************************************************************************
***																			***
***			Beasts Associated - CMS											***
***																			***
***																			***
***			PROGRAMM:	red.css												***
***																			***
***			TYP:		CSS													***
***																			***
***			FUNKTION:	CSS													***
***																			***
***			COPYRIGHT:	© Beasts Associated.de, Hamburg 2005				***
***																			***
***			AUTOR:		Philip Hahn, 07/05									***
***																			***
*******************************************************************************
***	VERS	ÄNDERUNG	VON		BESCHREIBUNG
***	1.00	19.07.05	philip	Erstellung
*** 1.01	20.02.06	philip	Master-Erstellung auf div-Basis
*** 1.10	20.09.06	daniel	Anpassung an Design fuer SAS Hamburg
*******************************************************************************
*/

body {
	background-color: #ffffff;
	color: #4b4d80;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	width: 99%;
	height: 99%; 
}

p {
}

#logo1 {
	position: absolute;
	top: 30px;
	z-index: 1;
	width: 40px;
	height: 32px;
	right: 20%; 
	display: none;
}

#logo2 {
	position: absolute;
	top: 30px;
	z-index: 2;
	width: 138px;
	height: 32px;
	right: 5%; 
	display: none;
}

#logo3 {
	position: absolute;
	top: 30px;
	z-index: 3;
	width: 138px;
	height: 32px;
	right: 5%; 
	display: none;
}

#grautop1 {
	background-color: #e8e3da;
	background-repeat: repeat-x;
	background-position: left top;
	position: absolute;
	top: 55px;
	left: 0px;
	z-index: 4;
	width: 99%;
	height: 15px; 
}

#grautop2 {
	background-color: #e8e3da;
	background-repeat: repeat-x;
	background-position: left top;
	position: absolute;
	top: 55px;
	right: 0px;
	z-index: 4;
	width: 99%;
	height: 15px; 
}

#bannerhead {
	position: absolute;
	top: 77px;
	left: 0px;
	z-index: 6;
	width: 99%;
	height: 128px;
	background-position: left top;
	overflow: hidden; 
}

#bannerbackground {		/* Hintergrundfarbe gruen */
	background-repeat: repeat-x;
	background-position: left top;
	position: absolute;
	top: 77px;
	right: 0px;
	height: 128px;
	width: 99%;
	z-index: 5;
	background-color: #FF9C00;
	background-color: #ff9933; 
	background-image: url(../img/background_orange.jpg);
	background-repeat: repeat;

}

#graubottom1 {
	background-color: #e8e3da;
	background-repeat: repeat-x;
	background-position: left top;
	position: absolute;
	top: 211px;
	left: 0px;
	z-index: 7;
	width: 99%;
	height: 15px; 
}

#graubottom2 {
	background-color: #e8e3da;
	background-repeat: repeat-x;
	background-position: left top;
	position: absolute;
	top: 211px;
	right: 0px;
	z-index: 7;
	width: 99%;
	height: 15px; 
}



h1  {
	font-size: 18pt;
	font-weight: bold;	
	color: #DB8600;
}

h2 {
	font-size: 12pt;
	color: #676767;
	font-weight: bold;
}

#site {
	margin-left: auto;
	margin-right: auto;
	width: 850px;
}

#banner {
	display: none;
	padding: 10px;
	position: static;
	text-align: right;
}

#navigation {
	color: #676767;
	position: absolute;
	top: 270px;
	left: 30px;
	z-index: 8;
	width: 200px;
	border-right: thin #c5c5c5 solid;
}

#address {
	display: none;
	font-size: 8pt;
	padding-bottom: 10px;
	padding-top: 20px;
}

#content {
	text-align: left;
	position: absolute;
	top: 260px;
	left: 250px;
	z-index: 11;
	padding-right: 40px;
}

#quickinfo {
	color: #676767;
	text-align: right;
	position: absolute;
	top: 210px;
	right: 5%;
	z-index: 10;
	font-weight: bold; 
}

.quickinfonumber {
	color: #7F1A00;
	color: #DB8600;
	text-decoration: none;
}

.underlinenav {
	width: 165px;
	height: 2px;
	background-image: url(../img/navlinie.gif);
	background-repeat: no-repeat; 
}



#footer {
	clear: both;
}

.error {
	color: #ff0000;
}

.bold {
	font-weight: bold;
}

.formsent {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	background-color:#F0F0F0;
	color:#303030;
	line-height:14px;
}

.input {
	border-color: #303030;
	border-style: solid;
	border-width: 1px;
	width: 300px;
}

.input_short {
	border-color: #303030;
	border-style: solid;
	border-width: 1px;
	width: 250px;
}

.input_supershort {
	border-color: #303030;
	border-style: solid;
	border-width: 1px;
	width: 43px;
}

.submit {
	border-color: #303030;
	border-style: solid;
	border-width: 1px;
	width: 100px;
}

.submit_left {
	float: left;
	text-align: left;
}

.submit_right {
	float: right;
	text-align: right;
}

.heading {
	font-size: 16pt;
	font-weight: bold;
}

.slogan {
	font-size: 8pt;
	font-style: italic;
	font-weight: bold;
}

.nav_active {
	color: #4b4d80;
	font-weight: bold;
}

.nav_link {
	color: #4b4d80;
	font-weight: normal;
}

.adr {
	clear: both;
	font-weight: bold;
}

.webmaster {
	clear: both;
	float: left;
	padding-right: 5px;
}

.webmaster_mail {
}

.webmaster_title {
	clear: both;
}

.webmaster_address {
	clear: both;
}

.webmaster_zip {
	float: left;
	padding-right: 5px;
}

.webmaster_city {
}

.webmaster_phone {
	clear: both;
	padding-top: 10px;
}

.webmaster_fax {
	clear: both;
}

.contactform_left {
	width: 120px;
}

.newsletterform_left {
	width: 120px;
}

.unterpunkt {
	text-decoration: none;
	padding-left: 15px;
	font-size: 9pt; 
}

.unterpunkt1 {
	text-decoration: none;
	padding-left: 15px; 
	font-size: 9pt; 
}

.unterpunkt2 {
	text-decoration: none;
	padding-left: 30px; 
	font-size: 9pt; 
}

.unterpunkt3 {
	text-decoration: none;
	padding-left: 45px; 
	font-size: 9pt; 
}


.unterpunkt4 {
	text-decoration: none;
	padding-left: 50px; 
	font-size: 9pt; 
}


a:link {
	color: #C66A52; 
	text-decoration: none;
} 

a:visited {
	color: #C66A52; 
}

a:hover {
	color: #DB8600; 
}

a:active {
	font-weight: bold;
	color: #276115; 
}

#nav a:link  {
	color: #C66A52;
	text-decoration: none; 
}

#nav a:visited  {
	color: #C66A52;
	text-decoration: none; 
}

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

#nav a:hover  {
	color: #DB8600;
	text-decoration: none; 
}

#nav a:active  {
	font-weight: bold;
	color: #C66A52;
	text-decoration: none; 
}

#quickinfo a  {
	text-decoration: none; 
}