@media all

{

/* ######################################################################################################

** ### Vorbereitende Maßnahmen | Reset ##################################################################

** ######################################################################################################

*/

	/* Hiermit werden die Randabstände und border aller HTML-Elemente auf Null gesetzt. Damit wird das       

	** Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht. 

	*/

	

	* { margin:0; padding:0; font-size: 100%; } 

	

	/*

	** Die nachfolgenden Angaben entstammen dem Artikel 'Useful Code Snippets' von Mike Foskett

	** [http://www.websemantics.co.uk/tutorials/useful_css_snippets/]

	*/

	

	html { height: 100% } 

	

	body { 

	/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts 

	** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die Höhe des Browserfensters. */

		min-height: 101%;	

	/* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */

		font-size: 100.01%; 

	/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Größe des Browser 

			Fensters geändert wird. */

		position: relative; 

	

	/* Vorgabe der Standardfarben und Textausrichtung*/     

		color: #000;        

		/*background: #c4cde4;*/
		background-image: url(../images/body_bg.jpg);

		text-align: left; 

	} 

	

	/* Standardrahmen zurücksetzen */

	fieldset, img { border:0; }

	

	/* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */ 

	select, input, textarea { font-size: 99% }
}

body {
	font-family: arial,helvetica,sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 12px;	
}




.head {
  width: 800px;
  clear:both;
  border-bottom: 1px solid white;
}
div.wrapper {
	text-align:center;
	width: 810px;
	margin:auto;
	background-color: #9b9fb8;
		
}

div.rahmen {
  margin: 5px;
	width: 800px;
	background-color: #eff2f6;
}

div.main_wrap {
	clear:both;
	width: 800px;
}

.main {
	
 
}

ul li {
margin-left: 35px;
}
/*Navigation Horizontal*/
div.navi-horiz-wrap {

 background-image: url(../images/navi_bg.gif);
 background-repeat: x-repeat;
 margin: 0;
 padding: 0;
}

div.navi-horiz {

  margin:auto;
  text-align: center;
  width: 100%;
	
}

table.layermenu {

	width: 600px;
	height: 30px;
	font-size: 11px;
	margin:auto;
	text-align:left;
	
}

div.lm-item {
	clear: both;
	font-size: 10px;
}

div.lm-item a:link {
	display:block;
	width: 100px;
	text-decoration: none;
}

div.lm-item a:visited {
	display:block;
	width: 100px;
	text-decoration: none;
}

div.lm-item a:hover {
	display:block;
	width: 100px;
	text-decoration: none;
		background-color: #090178;
		color: #eff2f6;
}

div.lm-item a:active {
	display:block;
	width: 100px;
		text-decoration: none;
		background-color: #090178;
		color: #eff2f6;
}
.left-wrap {
	  float:left;

}

.left {
  /* col 1 */
  margin: 5px 0;

  width:144px;
  font-size: 11px;
  text-align: left;
}


div.content-wrap-begr {
	text-align:left;
	float:left;
	width: 780px;
	overflow:hidden;
	margin-left: 10px;
}

div.content-wrap {
	text-align: left;
	float: left;
	width: 620px;
	overflow: hidden;
  margin-left: 10px;

}



div.content, div.content-begr, {
	margin: 5px 10px;
	text-align: left;
	font-size: 12px;

}
div.content-left {
	text-align:left;
	margin: 5px 10px;
	float:left;
	width: 300px;

}

div.content-right {
	text-align:left;
	float:left;
	margin: 5px 0 5px 0px;
	
}
div.tx-fdfx2cols-pi1 {
		float:left;

}

.c3l1-left, .c3l1-middle, .c3l1-right {
border: 0;
vertical-align:top;
}


.tx-bahagphotogallery-pi1 table#img-info {
  width: 100%;
}

.tx-bahagphotogallery-pi1 td {
 
} 
.tx-bahagphotogallery-pi1 td.bgcolor_1 {
	background:#090178; 
	color:#FFFFFF
}
.tx-bahagphotogallery-pi1 table.bgcolor_2 {
	background:#F8F8F8;
	border:1px solid #D2D2D2
} 

.tx-bahagphotogallery-pi1 div.thumb-border-color {
border: 1px solid #000000;
}



.foot-wrap {
	clear: both;
	height: 30px;
	background-image: url(../images/foot_bg.gif);
	background-repeat: x-repeat;
 /* border: 1px solid #eff2f6;*/
}

.foot {
  
  color: white;
  /*margin: 14px 0px 0px 0px;*/
	padding-top: 14px;
	
  text-align: center;
  font-size: 11px;

}

.foot a:link, .foot a:visited, .foot a:hover, .foot a:active{
	color: white;
}



.normal2 {
	background-color: #a2a8c8;
  font-size: 11px;
	padding: 2px 4px 2px 14px;
}
.act2 {
	background-color: #0f0077;
	  font-size: 11px;
	padding: 2px 4px 2px 14px;
}

h1 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 6px;
	margin-top: 5px;
}



a:link{
				 color: black;
				 text-decoration: underline;
}

a:visited{
				 color: black;
				 text-decoration: underline;
}

a:hover{
				 color: black;
				 text-decoration: none;
}

a:active {
				 color: black;
				 text-decoration: none;
}
.normal2 a:link {
	color: white;
	text-decoration: none;

}
 .normal2 a:visited {
    color: white;
	text-decoration: none;

}
 .normal2 a:hover {
	color: black;
	text-decoration: none;

}
 .normal2 a:active {
	color: black;
	text-decoration: none;

}

.act2 a:link {
	color: white;
	text-decoration: none;

}
.act2 a:visited {
    color: white;
	text-decoration: none;

}
.act2 a:hover {
	color: #aca7cc;
	text-decoration: none;

}
.act2 a:active {
	color: #aca7cc;
	text-decoration: none;

}

table.contenttable {
 margin-left: 1px;
 border: 1px solid black;
 
		border-collapse: collapse;
}

table.contenttable p.bodytext {
		margin:0;
		padding:0;
}

table.contenttable td {
		padding: 2px;
		border: 1px solid black;
		
		border-collapse: collapse;
}
/* KONTAKTFORMULAR TYPO3*/
table.csc-mailform {
 
}
td.csc-form-labelcell {
 vertical-align:top;
 width: 50px;
 padding:2px;
}
p.csc-form-label-req {
 font-weight: 300;
}
p.csc-form-label {
}

td.csc-form-fieldcell {
 padding:2px;
}

td.csc-form-fieldcell textarea {
 width: 192px;
}
/* KONTAKTFORMULAR JAN*/
div.error_msg {
		background-color: white;
		border: 1px solid red;
		color: red;
		padding: 5px;
}
td.contact_form {
 padding: 2px;
}
div.message {
 border: 1px solid black;
 background-color: white;
 color: black;
 padding: 5px;
}
/*******************************************

* Styles für Typo3 (RTE)

********************************************/





input[type=text]:focus, textarea:focus {

	background: #f0f0f0;

	color: #333;

	border-color: #666;

}

img {

	border: 0;

}

p.csc-linkToTop {

	text-align: right;

}

span.mono { 

	font-family: "Courier New", Courier, monospace;

	font-style: normal;

	padding:0 0.3em 0 0.3em;

	background:#f0f0f4;

	border: 1px #ccd solid;

}

span.file { 

	font-family: "Courier New", Courier, monospace;

	font-style: normal;

	padding:0 0 0 14px;

	color: #000088;

	background: transparent url('../../img/icons/file.gif') no-repeat left;

}



span.directory { 

	font-family: "Courier New", Courier, monospace;

	font-style: normal;

	padding:0 0 0 15px;

	color: #000088;

	background: transparent url('../../img/icons/dir.gif') no-repeat left;

}

p.smalltext {

	font-size: 0.9em;

}

p.redbox { color:#000; background-color:#fee; border:1px #fcc solid; padding:6px; margin-bottom: 0.5em; }

p.greenbox { background-color: #f4f8f4; border: 1px #aca dotted; padding: 6px; margin-bottom: 0.5em; }

p.greenbox a { color: #353;}

p.greenbox a:hover { background: transparent; }

p.box {

	display: block;

	font-size: 1em;

	color: #000;

	padding: 0.5em;

	background: #f0f0f4;

	border-left: 8px #E0E7F5 solid;

}

p.code {

	display: block;

	margin: 0 0 1em 1em;

	font-family: "Courier New", Courier, monospace;

	font-size: 1em;

	padding: 0.5em;

	color: #000; 

	background: #f0f0f4;

	border-left: 8px #E0E7F5 solid;

}

p.bluebox {

	color:#000;

	background: #f0f0f4; padding: 2px; border: 1px #ccd solid;

	text-align: center;

	padding: 4px 0 4px 0;

	margin-bottom: 1em;

}

p.csc-form-label-req {

	font-weight: bold;

}

.csc-caption {

	font-size: 0.9em;

	background-color: #E0E7F5; padding: 2px;

}

.tx-filelist-pi1-table td {

padding: 2px 6px !important;
}