@import url(layout.css);
/*Farben 
Blau hell		CBCFE7	203	207	231
Blau			97A0CF	151	160	207
Rot Logo		B80000	184	0	0
Rot hell Logo	FFD2D2	255	210	210
Rot Rahmen		D00000

*/
body {
	color: #000;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: small;
	font-style: normal;
	background-color: #fff;
	
}
#container {
	width: 1280px;				/*von 100% auf 1280 geändert*/
	margin: 0;
	background-color: #fff;
	position: relative;	
}
#masthead {
	text-align: center;
	width: 100%;
	background-color: #FFFFFF;
}
#navigation {
	text-align: center;
	background-color: #FFFFFF;
	overflow: hidden;
}
#page_content {
	position: relative;
	width: 1280px;				/*von 100% auf 1280 geändert*/
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;  /*Trennstrich Navigation unten - Content */
}
#column_l {
	width:930px;				/*von 100% auf 930 geändert*/
	padding: 0 2%;
}
/*Die zwei Spalten im linken Seiteninhalt*/
#column_l_Inh_l {
	float: left;
	width: 415px;
	height: 565px;
	position: relative;
	left: 0px;
	top: 0px;
	visibility:visible;
   	margin: 0;
	padding: 0 2%;
	background-color: #FFFFFF;  /* Hintergrund linke Columne */
}	 
#column_l_Inh_r {
	float:left;
	width:415px;
	height: 565px; 	 	
  	margin: 0;
	padding: 0 2%;
	/*max-width: 420px; das darf nicht sein, da sonst nicht gefloatet wird */
}
/* Die rechte Spalte mit Bild */

#column_r {
	float: right;
	width: 324px;
	margin: 0;
	padding: 10px;
	background-color: #D00000;  /*hintergrundfarbe rechte Columne*/
	position: absolute;
	right: 0px;
	top: 0px;
	color: #FFFFFF;
}
#footer {
	background-color: #FFFFFF;
	padding-bottom: 2px;
	position: absolute;
	top: 680px;
	width:1280px;
	border-bottom-width: 1px;
	border-bottom-style:solid;
	border-bottom-color: #000000;

}
/* Styles for Masthead */
#masthead img {
	float: left;
	margin: 0;
	padding: 0;
}
#column_masthead_l {
	position: relative;
	margin: 0 350px 0 0;
	padding: 0 2%;
	background-color: #FFFFFF;
	float: none;
	
}
#column_masthead_r {
	float: none;
	width: 330px;
	margin: 0;
	padding: 10px;
	background-color: #FFFFFF;
	position: absolute;
	right: 0px;
	top: 17px;
}
#navigation img {
	float: left;
	margin: 0;
	padding: 0;
	background-color: #EEEEEE;
}
#column_navigation_l {
	position: relative;
	margin: 0 350px 0 0;
	padding: 0 2%;
	background-color: #FFFFFF;
	float: none;
	
}
/*#column_navigation_r {
	float: none;
	width: 330px;
	margin: 0;
	padding: 10px;
	background-color: #FFFFFF;
	position: absolute;
	right: 0px;
	top: 0px;
}


/* Styles for Navigation */
/*#navigation ul {
	list-style-type: none;
	width: 100%;
	margin: 0;
	padding: 0;
}
#navigation li {
	float: left;
}
#navigation a {
	color: #000;
	text-decoration: none;
	display: block;
	padding: 5px;
	border: 1px solid #ca7;
	background-color: #dc8;
}
#navigation a:hover {
	color: #000;
	text-decoration: none;
	border: 1px solid #ed9;
	background-color: #ed9;
}
/* Styles for Content */
h1 {
	font-size: 1.8em;
	color: #D00000;
}
h2 {
	font-size: 1.3em;
	color: #97A0CF;
}
h3 {
	font-size: 1.2em;
	color: #97A0CF;
}
h4 {
	font-size: 1.1em;
	color: #97A0CF;
}
h5 {
	font-size: 0.75em;
	color: #97A0CF;
}
h6 {
	font-size: 0.5em;
	padding:0;
	margin:0;
	color: #97A0CF;
}
/* Styles for Footer */
#footer p {
	font-size: x-small;
	text-align: center;
	color: #393939;
	margin: 10px;
	padding: 1px;
}
#footer a {
	color: #393939;
	text-decoration: underline;
}
#footer a:hover {
	color: #000;
	text-decoration: none;
}
/* Styles for Links */
a {
	color: #469;
	text-decoration: underline;
}
a:hover {
	color: #000;
	text-decoration: underline;
}
.style_bold {
	font-weight: bold;
}
.style_italic {
	font-style: italic;
}