/* Allgemein */
*
{
	font-family: Verdana, Arial;
    font-size: 14px;
    color: #787878;
    margin: 0px;
    padding: 0px;
}

body
{
}

.dummy
{
	width: 100%;
}



/* steckt im dummy-div */
.site_container
{
	margin: auto;
    margin-top: 20px;
    width: 910px; /* Breite der Seite */
}



/* steckt im container-div */
.header
{
	background-image: url("../img/site/main_header.jpg");
    height: 142px;
    background-repeat: no-repeat;
}

.main_container
{
	position: relative;	/* braucht der IE7, damit er den Footer richtig darstellt */
	background-image: url("../img/site/main_background.gif");
	background-repeat: repeat-y;
}

.footer
{
	background-image: url("../img/site/main_bottom.gif");
    text-align: left;
    height: 56px;
    background-repeat: no-repeat;
    padding-top: 30px;
    padding-left: 20px;
}



/* steckt im main-div */
.blue_bar
{
	background-color: #3E71A7;
 	height: 25px;
    padding-top: 5px;
    padding-right: 20px;
    padding-left: 20px;
}

.navigation_container
{
	float: left;
	width: 169px;
    padding-left: 20px;
}

.content_container
{
    float: right;
   	padding-right: 20px;
	width: 668px; 	/* Differenz aus Gesamtbreite und Menübreite (hier etwas mehr, wegen der Linien) */
}



/* steckt im blue_bar-div */
.search
{
	float: left;
}

.top_menu
{
	float: right;
    width: 600px;
}



/* steckt im top_menu-div */
.top_menu_entry, top_menu_entry_active
{
	/* die eigentlichen Definitionen des Divs stehen bei den Links, damit der Austausch der Styles reibungslos klappt */
    /* (für die Markierung der aktuellen Seite) */
}



/* steckt im navigation_container-div */
.menu_header
{
	margin-top: 15px;
	padding-top: 10px;
	background-image: url("../img/site/menu_header.gif");
    height: 28px;
    background-repeat: no-repeat;
}

.menu_main
{
	background-image: url("../img/site/menu_background.gif");
	background-repeat: repeat-y;
}

.menu_footer
{
	background-image: url("../img/site/menu_bottom.gif");
    height: 13px;
    background-repeat: no-repeat;
}



/* steckt im info-div */
.info_header
{
	margin-top: 15px;
	padding-top: 10px;
	background-image: url("../img/site/infobox_header.gif");
    height: 28px;
    background-repeat: no-repeat;
}

.info_main
{
	background-image: url("../img/site/infobox_background.gif");
	background-repeat: repeat-y;
    padding-left: 15px;
    padding-top: 10px;
    padding-right: 15px;
}

.info_footer
{
	background-image: url("../img/site/infobox_bottom.gif");
    height: 13px;
    background-repeat: no-repeat;
}



/* steckt im menu_main-div */
.menu_entry, .menu_entry_active
{
	padding-left: 15px;
    padding-top: 10px;
}


/* steckt im content_container-div */
.content_header
{
	margin-top: 15px;
    background-image: url("../img/site/content_header.gif");
    height: 38px;
}

.content_main
{
	background-image: url("../img/site/content_background.gif");
    padding-left: 20px;
    padding-right: 20px;
}

.content_footer
{
	background-image: url("../img/site/content_bottom.gif");
    height: 38px;
}



/* nur für Startseite */
.introduction
{
	width: 628px;
}



/* container für eine Referenz */
.reference
{
	height: 200px;
}



/* ~~~~~~~~~~~Textformatierungen~~~~~~~~~~~ */



/* Allgemein */
h1
{
	color: #3E71A7;
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 10px;
}

h2
{
	color: #A8175F;
    padding-top: 10px;
    padding-bottom: 5px;
}

p
{
	padding-bottom: 5px;
}

ul
{
	padding-left: 20px;
}

a:link, a:visited
{
	font-size: 13px;
	text-decoration: none;
    font-weight: bold;
    color: #3E71A7;
}

a:hover, a:focus, a:active
{
	text-decoration: underline;
    font-weight: bold;
    color: #A8175F;
}



/* Zitat auf der Startseite */
p.quote
{
	padding-top: 60px;
	font-weight: bold;
    font-style: italic;
}

p.quote_end
{
	text-align: right;
    font-style: italic;

}



/* Fehlerausgabe im Formular */
p.error
{
    font-weight: bold;
    color: #A8175F;
}



/* Überschrift der Boxen */
h1.boxes
{
	color: white;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}



/* Menu in der Leiste */
.top_menu_entry a:link, .top_menu_entry a:visited
{
	font-size: 14px;
 	font-weight: bold;
    color: white;
    text-decoration: none;
	float: right;
	margin-left: 15px;
}

.top_menu_entry a:hover, .top_menu_entry a:focus, .top_menu_entry a:active,
.top_menu_entry_active a:link, .top_menu_entry_active a:visited
{
	font-size: 14px;
	color: white;
	font-weight: bold;
    text-decoration: underline;
	float: right;
	margin-left: 15px;
}



/* Footer */
.footer a:link, .footer a:visited
{
	color: #787878;
	font-size: 11px;
	font-weight: bold;
    text-decoration: none;
}

.footer a:hover, .footer a:focus, .footer a:active
{
	text-decoration: underline;
}



/* Hauptmenu */
.menu_entry a:link, .menu_entry a:visited
{
	font-size: 14px;
    color: #787878;
	font-weight: bold;
	text-decoration: none;
}

.menu_entry a:hover, .menu_entry a:focus, .menu_entry a:active,
.menu_entry_active a:link, .menu_entry_active a:visited
{
	font-size: 14px;
	color: #A8175F;
    font-weight: bold;
	text-decoration: none;
}



/* ~~~~~~~~~~~Helfer~~~~~~~~~~~ */

.clear_both
{
	clear: both;
}

.clear_right
{
	clear: right;
}