/*********************
 * Allgemeines
 *********************/

body {
	background-position: center;
	background-repeat: repeat-y;
	background-color: #cccccc;
	background-image: url('../images/verlauf_gesamt2.png');
	padding: 0px 0px 20px 0px;
	margin: 0px;
	text-align: center;
	font-family: arial;
	color: #333333;
	font-size: 14px;
}

a img {
	border: 0px;
}

h1 { 
	font-size: 140%;
	margin: 10px 0px 10px 0px;
}

h2 { 
	font-size: 127%;
	margin: 10px 0px 10px 0px;
}

h3 { 
	font-size: 110%;
	margin: 10px 0px 10px 0px;
}

p {
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

ul {
	margin-top: -5px;
}

embed {
	float: right;
	margin-left: 6px;
}

/*********************
 * Layout
 *********************/

#main_bg {
	top: 20px;
	left: 0px;
	width: 100%;
	margin: 20px 0px;
	text-align: center;
}

#main {
	width: 805px;
	margin: 0px auto;
	text-align: left;
}

#logo {
	float: left;
	width: 320px;
	height: 96px;
}

#logo img {
	margin-top: 18px;
}

#slogan {
	width: 440px;
	margin-left: 360px;
	height: 96px;
}

#slogan img {
	margin-top: 25px;
	float:right;
}

#menu {
	float: left;
	margin-right: 10px;
	width: 146px;
	height: 400px;
}

#top_img {
	float: left;
	width: 645px;
	height: 124px;
}

#top_menu1 {
	float: left;
	width: 320px;
	height:10px;
}

#top_menu2 {
/*	float: left;
	width: 320px;
	margin-left: 235px; */
}

#supercontent {
	float: left;
	padding-top: 40px;
	text-align: left;
	width: 640px;
}

/*********************
 * Content
 *********************/

#content {
	width: 640px;
	line-height: 1.5em; 
}

.column_1 {
	float: left;
	width: 290px;
	margin: 0px;
}

.column_2 {
	float: left;
	width: 290px;
	margin-left: 27px;
}

/*********************
 * Menü links, allgem.
 *********************/

ul.menu 
{
	width: 146px;
	padding-left: 0;
	list-style-type: none;
	margin: 0px;
}

li.menu a
{
	display: block;
	width: 146px;
	text-decoration: none;
	color: #003399;
	font-size: 100%;
}


li.menu a:hover {
	color: black;
}


/*********************
 * Erste Menüebene
 *********************/

li.menu1 a
{
	background-color: #CCCCCC;
	color: #003399;
	font-weight: bold;
	margin-top: 1px;
	padding: 5px 0px 5px 4px;
}

html>body li.menu1 a  {
	width: 142px;
}


li.cur1 a {
	color: black;
}

/*********************
 * Zweite Menüebene
 *********************/

li.menu2 a
{
	color: #003399;
	background-color: #EEEEEE;	
	font-weight: normal;
	margin: 0px;
	padding: 3px 0px 3px 7px;
}

html>body li.menu2 a  {
	width: 139px;
}

li.cur2 a {
	font-weight: bold;
	color: black;
}

/*********************
 * Top-Menü 
 *********************/

.top_menu a {
	text-decoration: none;
	color: black;
	font-size: 100% !important;
}

.top_menu a:hover {
	color: blue;
}

ul.menu {
	padding-left: -16px;
	margin-left: -16px;

	voice-family:"\"}\"";  /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
	voice-family:inherit;

	padding-left: 0px;	/* korrektur für andere browser */
	margin-left: 0px;
}

/*********************
 * Formular
 *********************/

.csc-mailform-field {
   width: 100% !important;
}

label {
        display: block;
        width: 100%;
        font-weight: bold;
}

input {
        /* background-color: #003399; */
}

.blue {
        color: #003399;
}

/*********************
 * Content-Typen
 *********************/
	
.csc-textpic {
	margin-top: 10px;
	margin-bottom: 10px;
}

table.csc-uploads {
	width: 100%;
	border: 0px solid black;
}

table.csc-uploads td {
	border: 1px solid black;
	padding: 5px;
}

.tr-odd {
	background-color: #cccccc;
}

.tr-even {
	background-color: #eeeeee;
}

td.csc-uploads-fileName {
	width: 90%;
}

td.csc-uploads-fileName a {
	text-decoration: none;
	font-weight: bold;
}

td.csc-uploads-fileSize {
	width: 10%;
	text-align: right;
}

td {
         vertical-align: top;
}

/*=====================================
 Clearing für Header, Main und Footer
 =====================================*/


/*=====================================
 Clearing - Einzelaufruf
 =====================================*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*********************
 * Druck-Layout
 *********************/
@media print {

body { background: white; background-image: none; font-size: 12pt; font-family: serif; }
#logo { width: 150px; }
#slogan { margin-left: 200px; }
#menu { display: none; }
#main_bg { text-align: left; }
#main { margin: 0px; }
#top_img { float: none; width: 100%; }
#supercontent { float: none; }
.column_1 { float: none; }
.column_2 { float: none; }
#top_menu1 { display: none; }
#top_menu2 { display: none; }
a { color: black; }
}