@charset "UTF-8";
/* CSS Document */

@import url(navigation.css);
@import url(farbe.css);

html, body {
	padding:0;
	margin:0;
	background-color:#dacd9e;
}
	
	
/* ------------------------------------------ Inhalt Positionierung ------------------- */

#inhalt-main {
	position:relative;
	top:0;
	left:0;
	height:100%;
	width:100%;
}

#top-logo {
	position:relative;
	top:0;
	left:0;
	height:110px;
	width:100%;
	background-color:#dacd9e;
	overflow:hidden;
	z-index:10;
}
	
#top-slogan {
	display:block;
	position:absolute;
	top:20px;
	left:131px;
	z-index:20;
}

#navigation {
	display:block;
	position:absolute;
	top:110px;	
	height:50px;
	width:100%;
	background-image:url(img/top-navigation.jpg);
	overflow:hidden;
	
	}
	

#ueberschrift {
	padding-top: 5px;
	padding-left: 15px;
	vertical-align: middle;
	}
	


#inhalt {
	height:auto;
	width:auto;
	padding-left:15px;
	padding-right:15px;
}



/*------- rechte Spalte */


#flash-rand {
	position:relative;
	top:30px;
	left:20px;
	height:300px;
	width:200px;
	background-color:#FFFFFF;
	overflow:hidden;
}

#rechts {
	padding:0 0 0 15px;
	}
	


/* -------------------------------------------- Schriften -------------------------------*/

#inhalt-main, #inhalt, #rechts, .contenttable, .mailformular {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:12px;
	}

#top-slogan {
	font-weight:bold;
	font-size:18px;
	color:#669dbf;
	text-align:right;
}

#top-slogan-klein {
	font-weight:bold;
	font-size:10px;
	color:#666;
}

h1 {
	font-size:18px;
	padding:0;
	color:#333;
	}
	
h2 {
	font-size:16px;
	font-weight:bold;
	color:#669dbf;
	}
	
h3 {
	font-size:14px;
	color:#f9600b;
	padding:0;
	margin:0;
}

h4 {
	font-size:14px;
	color:#910740;
	padding:0;
	margin:0;
}


/* -------------------------------------------- Links ---------------------------------- */


/* ------ normaler Link ----- */

a { font-family: Arial, Helvetica, sans-serif;}

a.mail:link, a.download:link, a.internal-link:link, a.external-link-new-window:link {
	color:#910740;
	text-decoration:underline;
}
a.mail:visited, a.download:visited, a.internal-link:visited, a.external-link-new-window:visited {
	color:#910740;
	text-decoration:underline;
}
a.mail:hover, a.download:hover, a.internal-link:hover, a.external-link-new-window:hover {
	color:#f9600b;
	text-decoration: underline;
}
a.mail:active, a.download:active, a.internal-link:active, a.external-link-new-window:active {
	color:#f9600b;
	text-decoration: underline;
}

/*  ---- kleine Navigation -- */

.nav-klein {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:10px;
}



a.nav-klein:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}
a.nav-klein:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}
a.nav-klein:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CC0000;
	text-decoration: underline;
}
a.nav-klein:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3366FF;
	text-decoration: underline;
}


/* ----------------------------------------------------  Container ------------------------- */

.csc-frame-frame1 {
	background-color:#eee;
	border:#dddddd 1px solid;
	padding:10px 5px 5px 5px;
	background-image:url(img/bg-container.jpg);
	background-repeat:repeat-x;
}
p.csc-frame-frame2, table.csc-frame-frame2 { 
	background-color:#fc3;
	color:#f9600b;
	padding: 10px; 
	border: 1px solid #f9600b;
} 


.important 		{font-weight:normal; color:green;}
.name-of-person {font-weight:bold; font-style:italic;}
.detail 		{font-weight:normal; font-size:9px; }
.align-left		{text-align:left;}
.align-center	{text-align:center;}
.align-right	{text-align:right;}


/* ------------------------ Mail Formular ------------------ */

input {
background-color:#dddddd;
width:300px;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
}

textarea {
background-color:#dddddd;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
}

.mf-reset {
position:relative;
top: 20px;
width: 130PX;

}

.mf-submit {
width: 130PX;

} 

.mf-text {
width:300px;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
}