@charset "utf-8";

/**
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Bereiche der Seite
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
**/


/* Alle kritischen Werte instanziieren */
* 	{
	margin: 0;
	padding: 0;
	vertical-align: top;
	border-spacing: 0;
	text-align: left;
	} 

#page	{
		width: 990px;
		margin:auto;
		margin-top: 20px;
		text-align: center;
		font: normal 0.9em/1.2em Arial, sans-serif;
		background-color: #FFFFFF;
		}

/* Haupt-Inhaltsbereich */
#tableiste	{
			width: 300px;
			font: normal 0.9em/1.2em Arial, sans-serif;
			float: right;
			color: #FFFFFF;
			margin-right: -2px;
			}
			
.tab	{
		width: 80px;
		background-color: #013F7C;
		float: right;
		margin-left: 1px;
		border: 1px solid black;
		text-align: center;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		}
		
.tab_aktiv	{
			width: 120px;
			background-color: #002040;
			font-weight: bold;
	
			}

			
.tab a:link , .tab a:visited, .tab a:active , .tab a:hover, .tab a:focus {
	color: #FFFFFF;
	text-decoration: none;
	}
	
.tab_aktiv a:link , .tab_aktiv a:visited, .tab_aktiv a:active , .tab_aktiv a:hover, .tab_aktiv a:focus {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	}
	

			
/* gesamter Kopfbereich - allgemein */
#head	{
		vertical-align: top;
		width: 100%;
		height: 110px;
		clear: both;
		background: white url(images/head_bg.jpg) repeat;
		border: 1px solid black;
		}

/* Min height Hack IE/Win < Version 7 */ 
div#head {min-height: 110px;}
* html #head { height: 110px; }

/* linke Kopfseite (Logo) */
#head_l	{
		float: left;
		}

#head img	{
			border: 0;
			}
			
/* Rechte Kopfseite (Animation) */
#head_r	{
		margin: 0;
		margin-top: 10px;
		margin-right: 10px;
		padding: 0;
		text-align: right;
		}

		
/* Haupt-Inhaltsbereich (uebergeordnetes div)
*/
#content	{
			width: 100%;
			clear: both;
			margin-top: 15px;
			}
/* Uebergeordnetes Navigationselement */
#navigation	{
			width: 175px;
			height: 400px;
			float: left;
			border: 1px solid black;
			color: #FFFFFF;

			}

#nav_ueberschrift	{
					background: white url(images/ueberschrift_bg.jpg) repeat;
					padding-top: 2px;
					height: 20px;
					padding-left: 5px;
					text-align: left;
					}

#nav_punkte	{
			margin-top: 10px;
			/* navigation height - nav_bg height - nav_ueberschrift height - nav_ueberschrift padding - nav_punkte margin*/
			height: 263px;
			color: #000000;
			}

#nav_bg	{
		height: 105px;
		background: white url(images/nav_bottom.jpg) repeat;
		}
			
			
/* besteht aus Seiteninhalt und Ariadnefaden*/
#inhalt	{
		margin-left: 185px;
		}

/* Ariadneleitfaden ueber dem eigentlichen Inhalt */
#ariadne	{
			width: 100%;
			height: 20px;
			margin: 0;
			padding: 0;
			padding-top: 2px;
			margin-bottom: 10px;
			background: white url(images/ueberschrift_bg.jpg) repeat;
			text-align: left;
			float: left;
			color: #FFFFFF;
			border: 1px solid black;	
			}
#ariadne_pfad	{
				margin: 0;
				padding: 0;
				margin-left: 5px;
}

/* Hier steht der Text, Bilder, Informationen */
#ueberschrift 	{
				margin: 0;
				padding: 0;
				text-align: left;
				width: 80%;
}

#media	{
		padding-left: 15px;
		padding-right: 15px;


		}

		

/* Min height Hack IE/Win < Version 7 */ 
div#content {min-height: 600px;}
* html #content { height: 600px; }


#footer	{
		height: 20px;
		clear: both;
		margin-bottom: 20px;
		margin-left: 195px;
		text-align: right;
		border-top: 1px solid #999;
	
		font-size: 0.8em;
		
		}

#footer a:link , #footer a:visited, #footer a:active , #footer a:focus,
a:hover	
{
text-decoration: none;
color: #000;
}



/**
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Spezielle Beschreibung der Unterseiten
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
**/		

/* tabelle 1 => ueber den Autor */
/* tabell 2 => ausarbeitungen */

/* tabelle 1 ist folgend aufgebaut: LINKS BILD - RECHTS DATEN */
#tabelle_1{
			
			}
#tabelle1_bild	{
					width: 280px;
					float: left;
					margin-right: 20px;
					}
					
#tabelle1_daten	{
					}
					
#tabelle_2	{

			}
#tabelle2_bild	{
					
					float: left;
					margin-right: 10px;

					}
					
#tabelle2_daten	{

				text-align: left;
					}


#tabelle_3	{

			}
#tabelle3_bild	{
					
					float: left;
					margin-right: 10px;

					}
					
#tabelle3_daten	{

				text-align: left;
					}					
/**
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Elemente der Seite
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
**/
fieldset	{
		width: 80%;

		}

legend	{
		text-align: left;
		}
		
h1, h2, h3,
h4, h5, h6	{
			color: black;
			font:  bold 1.0em/1.0em Arial, sans-serif;
			margin-bottom: 5px;
			margin-top: 10px;
			background-color: transparent;
			}
			
h1	{
	font-size: 1.6em;
	}
	
h2	{
	font-size: 1.0em;
	}
	
hr	{
	border: 1px solid black;
	}

#media a img {border:none;}
	


/**
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Bereichsbeschreibungen
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
**/	

#ariadne_pfad a:link, #ariadne_pfad a:visited, #ariadne_pfad a:active , #ariadne_pfad a:hover, #ariadne_pfad a:focus {
text-decoration: none;
color: #FFFFFF;
}

#ariadne em	{
			font-weight: bold;
			font-style: normal;
			text-decoration: none;
			}
					
#media em	{
			font-weight: bold;
			font-style: normal;
			text-decoration: none;
			}
			
#media h1	{
			font-size: 1.3em;
			margin-top: 0px;

			}

#media h2	{
			text-align: left;
			}
	
#media ul	{
			list-style-position: inside;
			}
			
#media a:link , #media a:visited, #media a:active , #media a:hover, #media a:focus {
color: #013F7C;
}

#media a img {
			//border: none;
			}


#tabelle1_daten table	{ 
					
						}
						
#tabelle1_daten th	{
					width: 170px;
					text-align: left;
					}


#tabelle1_daten td	{
					text-align: left;
					vertical-align: bottom;
					}
					
#tabelle1_daten h2	{
					font-size: 1.3em;
					}
					

#tabelle1_daten table	{ 
						
						}
#tabelle2_daten em	{font-weight: bold;}						
#tabelle2_daten th	{
					width: 250px;
					text-align: left;
					font-weight: normal;
					}
					
#tabelle2_daten td	{
					text-align: left;
					vertical-align: bottom;
					}
					
#tabelle2_daten h2	{
					font-size: 1.3em;
					}

#tabelle3_daten em	{font-weight: bold;}						
#tabelle3_daten th	{
					width: 100px;
					text-align: left;
					font-weight: normal;
					}
					
#tabelle3_daten td	{
					text-align: left;
					vertical-align: bottom;
					}
					
#tabelle3_daten h2	{
					font-size: 1.3em;
					}
					
/* Box layout for a overview (of projects) */
#outerBox	{
			width: 700px;
			margin: auto;
}

#innerBox	{
			float: left;
			width: 348px;
			text-align: center;
			margin: auto;
}

#innerBox img {
			margin-bottom: 5px;
			text-align: center;
			border: 1px solid black;
}



#innerBox_description	{
						text-align: center;
						height: 130px;
						margin: auto;
						width: 80%;

}

#innerBox_link	{
				text-align: center;
				height: 100px;

}

#innerBox h1, h2	{
			text-align: center;
}


			
#navigation li	{
				margin-left: 4px;
				text-align: left;
				text-decoration: none;
				}
				
				
#navigation ul	{
				list-style-type: none;
				}

#navigation em	{
				font-weight: bold;
				font-style: normal;
				text-decoration: none;
				}

#navigation .untermenue	{
						font-size: 0.8em;
						margin-left: 5px;
						margin-bottom: 5px;

						}
						
						
#navigation .untermenue	ul {
						list-style-type:square;
						list-style-position: inside;
						}

						
#navigation .untermenue	ul  li	{
							font-size: 0.95dem;
							}
			
#navigation a:link , #navigation a:visited, #navigation a:active , #navigation a:focus {
text-decoration: none;
color: #000000;
}

#navigation a:hover	{
					text-decoration: none;
					color: #013F7C;
					}

			
#ueberschrift h1	{
				font-size: 1.3em;
				margin-top: 0px;
				}
				
#ueberschrift hr	{
				
				border: 1px solid black;
				margin-bottom: 20px;
				text-align: left;
				}
				
#ueberschrift  em	{
					font-weight: bold;
					font-style: normal;

					}

#ueberschrift a:link , #ueberschrift a:visited, #ueberschrift a:active , #ueberschrift a:hover, #ueberschrift a:focus {
color: #013F7C;
}

/**
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Spezielle Beschreibungen (Klassen)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
**/
.border		{
			border: 1px solid black;
			}

.border a:active img, a:visited img, a:hover img, a:link img, a:focus img	{border: 1px solid black;}

.center		{
			text-align: center;
			}
			

		
/* Kontaktformular */
.formular	{
			text-align: left;
			vertical-align: bottom;
			width: 70%;
			}

.formular fieldset	{
			width: 550px;

			}
			
.formular legend	{
				margin-left: 5px;
				}

.formular table	{
				text-align: left;
				margin-left: 5px;
				margin-top: 10px;
				}

.formular textarea	{
margin-bottom: 5px;
margin-top: 2px;
margin-right: 30px;

			}
			
.formular th	{
			width: 90px;
			font-weight: normal;
			text-decoration: none;
			}

.formular input,
.formular select	{
				margin-top: 2px;
				margin-bottom: 2px;
				}

.left		{
			text-align: left;
			}	
			
.no_border	{
			border: none;
			}
			
.small	{
		font-size: 0.7em;
		}


			
#media a.asdf:link , #media  a.asdf:visited, #media a.asdf:active , #media a.asdf:hover, #media  a.asdf:focus {
text-decoration: none;
color: white;
}