﻿/*********************/
/* ALLGEMEINES */
/*********************/

body {
	font-family: "Comic Sans MS", "Century Gothic", "Gill Sans", Arial, sans-serif;
	font-size: small;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	/* margin: 0 auto;*/
}

p,h1,h2,h3,h4,h5,h5,ol,ul {
	margin: 0px;
	padding: 0px;
}

p, ol, ul {
	color: #666666;
	text-align:inherit;	
}

#container {
	width:853px;
	/* margin: 0 auto;*/
}


/*********************/
/* HAUPTTEIL */
/*********************/

/*h1 {
	color: #294E56;
	margin-top: 10px;
	font-size: 2.2em; /* original 2.4em /
	border-top: 4px solid #AAD5FF;
	line-height: 100%;
	text-align:center;
} */

h1 {
	color: #294E56;
	margin-top: 0px;
	font-size: 2.2em; /* original 2.4em /
	border-top: 4px solid #AAD5FF;
	/*line-height: 100%;*/
	text-align:center;
}

h2 {
	color: #F4BE04;
	font-size: 1.8em; /* original 1.9em */
	margin-top: 10px;
	overflow: hidden;
	padding-top: 0px;
	text-align: center;
	/* background:url("../pics/hintergrund/hintergrund_h2.gif") repeat-x left bottom; */ 
}

hr {
  background-color:#0066CC; /* Farbe für Opera und Firefox */
  color:#0066CC; /* Farbe für Internet Explorer (IE) */
  border:#0066CC;
  height:1px;
  width: 66%;
  margin:auto;
  text-align:center; /* für korrekte Darstellung im IE */
} 


/*********************/
/* Clearfix Klassen  */
/*********************/

.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}

.clearfix:after {
clear: both;
}

.clearfix {
*zoom: 1;
}

.wrapper{
	width:853px;
	margin:0;
	overflow:auto;
}

.clearfloat {
clear: both;
}

/******************/
/* Custom Styles  */
/******************/
.fett {
	text-decoration: underline;
	font-weight:bold;
}

img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }

.anfang {
	text-align:right;
}

/*********************************************/
/* Floats + diverse BreitenClearfix Klassen  */
/*********************************************/
.left100 { float: left;width: 100%; }
.left80 { float: left;width: 80%; }
.left20 { float: left;width: 20%; }
.left48 { float: left;width: 48%; }
.left50 { float: left;width: 50%; }
.left60 { float: left;width: 60%; }
.left{ float:left }
.right { float: right; }
.right_426 { float:right; width:426px; }

/**********************/
/* Bilder             */
/**********************/

.bild1 { text-decoration:none; width:120px; height:160px; border: 1px solid #99CCFF; }
.bild2 { text-decoration:none; width:240px; height:160px; border: 1px solid #99CCFF; }
.bild3 { text-decoration:none; width:160px; height:240px; border: 1px solid #99CCFF; }
.bild4 { text-decoration:none; width:160px; height:280px; border: 1px solid #99CCFF; }
.bild5 { text-decoration:none; width:200px; height:150px; border: 1px solid #99CCFF; }

.rand5 { padding: 5px; }
.rand_links { margin-left:5px; }
.rand_rechts { margin-right:5px; }
.rand_links_0 { margin-left:0px; }


/**********************************/
/* diverse Hoehen und Breiten     */
/**********************************/

.h_430 { height:430px; }
.w_295 { width:295px; }
.w_auto { width: auto;}


/**********************/
/* Navigationsbereich */
/**********************/
div#nav {
/* background-color: #1F00CA; alt /
background-color:#DAE0D2; */
margin-top:10px;
border-top: solid 1px #FFFFFF;
border-bottom: solid 1px #FFFFFF;
}

#nav ul {
padding: .2em 0;
list-style-type: none;
background-color:#99CCFF;
background:#DAE0D2 url("bg.gif") repeat-x bottom;
width: 100%;
}

li a {
background-color: #99CCFF;
background:#DAE0D2 url("bg.gif") repeat-x bottom;
padding: .2em 1em;
}

/* zwei */
div#nav ul {
font-weight:normal;
text-align: center;
margin: 0;
padding-bottom: 5px;
vertical-align:middle;
padding-top: 5px;
/* height:20px; */
}

div#nav ul li {
display: inline;
margin-left: -4px;
}

div#nav ul li a:hover { /* hoverfarbe */
/* background-color:#0066FF; 
color:white; */
color:#20b7ff;
}

a:link { color:#003399; text-decoration:none; }
a:visited { color:#003399; text-decoration:none; }
a:focus { color:green; text-decoration:none; }
a:hover { color:red; text-decoration:none; }
a:active { color:lime; text-decoration:none; }
