@charset "UTF-8";
/*
 * Fuchs & Fuchs Standard CSS
 * www.fuchsundfuchs.de
 *  
 * 
 * @author	Stephan Balsam 
 *          Geyer Gestaltung, Werbung & Kommunikation GmbH
 * @link    http://www.geyer-creative.de | s.balsam@geyer-creative.de
 * 
 */


/*
 * -----------------------------------------------------------
 * @section Standardwerte // Broswer Reset
 * -----------------------------------------------------------
 */
* {
	margin: 0px;
	padding: 0px;
}

body {
	background-color: #FFFFFF;
	font-size: 14px;
	color: #134094;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background-image: url(/fileadmin/fuchs-img/layout/body-bg-blau-verlauf.png);
	background-attachment: fixed;
}

html,
body {
	height: 100%;
	width: 100%;
}

img,
a img {
	border: 0px;
}

/* Korrektur des Italics-Bugs
 * @see		http://blog.highresolution.info/index.php?/highresolution/comments/dem_italics_bug_die_zaehne_zeigen/
 */
* html body * {
	overflow: visible;
}

* html iframe,
* html frame {
	overflow: auto;
}

* html frameset {
	overflow: hidden;
}

/* Korrekte Layout-Skalierung im IE 7 gewährleisten */
/*body {
	position: relative;
}*/


/*
 * -----------------------------------------------------------
 * @section Grundaufbau
 * -----------------------------------------------------------
 */
#pageWrap {
  width: 1000px;
  min-height: 100%; /* Mindesthöhe für moderne Browser */
  height: auto !important; /* Important Regel für moderne Browser */
  height: 100%; /* Mindesthöhe für den IE */
  overflow: hidden !important; /* FF Scroll-leiste */
  margin: 0px auto;
  background-image: url(/fileadmin/fuchs-img/layout/page-bg-schatten-raender.png);
  background-position: center;
}
#page {
  width: 970px;
  height: auto;
  margin: 0px 15px;
}
#header {
	width: 970px;
	height: 115px;
	border-bottom: solid 2px #134094;
}
#logo {
	width: 555px;
	height: 115px;
	margin-left: 60px;
	position: absolute;
	z-index: 0;
}
#containerNavPicture {
	width: 970px;
	height: 285px;
	margin-bottom: 30px;
	background-image: url(/fileadmin/fuchs-img/layout/bg-container-nav-picture.png);
}
#picture {
	width: 970px;
	height: 255px;
	position: absolute;
	z-index: 0;
}
#navigation {
	width: 920px;
	height: 60px;
	margin: 225px 0px 0px 0px;
	padding: 0px 0px 0px 50px;
	position: absolute;
	z-index: 10;
	background-image: url(/fileadmin/fuchs-img/layout/bg-nav-bar-transparent.png);
	background-repeat: repeat-x;
}
#containerContent {
	text-align: left;
}
#spalteLinks {
	width: 230px;
	height: auto;
	float: left;
}
#inhalt-links {
	margin: 0px 0px 0px 60px;
	width: 145px;
}
#spalteRechts {
	width: 230px;
	height: auto;
	float: left;
}
#spalteMitte{
	width: 510px;
	height: auto;
	float: left;
}
#service-navigation {
	float: right;
	margin: 5px 10px 0px 0px;
	position: relative;
	z-index: 1;
}

/*
 * -----------------------------------------------------------
 * @section Headlines
 * -----------------------------------------------------------
 */
h1 {
	color: #134094;
	font-size: 1em;
	line-height: 1.3em;
	margin-bottom: 1em;
}
h2 {
	color: #134094;
	font-size: 1em;
	line-height: 1.3em;
	margin-bottom: 1em;
}
h3, h4, h5, h6 {
	color: #134094;
	font-size: 1em;
	line-height: 1.3em;
	margin-bottom: 1em;
}

h1.seitenTitel {
	overflow: hidden;
	height: 50px;
	text-indent: 999em;
	white-space: nowrap;
	background-repeat: no-repeat;
	margin-left: 7px;
}

/*
 * -----------------------------------------------------------
 * @section Absätze
 * -----------------------------------------------------------
 */
p {
	color: #134094;
	font-size: 1em;
	line-height: 1.4em;
	margin-bottom: 1.4em;
}

/*
 * -----------------------------------------------------------
 * @section Listen
 * -----------------------------------------------------------
 */
#containerContent #spalteMitte ul {
	margin-left: 15px;
	margin-bottom: 1.4em;
}

/*
 * -----------------------------------------------------------
 * @section Infokasten Rechte Spalte // Adresse
 * -----------------------------------------------------------
 */
#spalteRechts #adresse {
	margin: 0px 0px 0px 25px;
}

/*
 * -----------------------------------------------------------
 * @section Links
 * -----------------------------------------------------------
 */
#containerContent a {
	color: #134094;
}
#containerContent a:hover {
	color: #FBBA00;
}

/*
 * -----------------------------------------------------------
 * @section Kontakt-Formular
 * -----------------------------------------------------------
 */
#kontakt fieldset {
	color: #134094;
	border: 0px;
}
#kontakt label {
	width: 150px;
	float: left;
	display: block;
}
#kontakt .form-field-single,
#kontakt .form-field-double {
	margin: 0px 0px 10px 0px;
}
#kontakt .form-field-single input,
#kontakt .form-field-double input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 350px;
}
#kontakt .form-field-single textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 354px;
	height: 100px;
}
#kontakt .form-buttons {
	padding-bottom: 20px;
}
#kontakt .form-buttons input {
	float: right;
}
#kontakt .form-error {
	color: #FF0000;
}

/*
 * -----------------------------------------------------------
 * @section Suche
 * -----------------------------------------------------------
 */
#suche {
	float: right;
	margin: 5px 10px 0px 0px;
}
#suche input.schnellsuche {
	width: 80px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-button {
	margin-left: 100px;
}

.tx-indexedsearch .searchbox-tmpl-css label {
	width: 100px;
	margin-right: 0px;
}


.tx-indexedsearch .res-tmpl-css  {
	margin-bottom: 25px;
}

.tx-indexedsearch-res h3,
.tx-indexedsearch-res p {
	margin-bottom: 0px;
}

/*
 * -----------------------------------------------------------
 * @section TYPO3 Styles
 * -----------------------------------------------------------
 */
.csc-textpic-caption {
	color: #134094;
	font-style: italic;
}

.csc-sitemap ul li ul {
	margin-bottom: 0px !important;
}

.csc-sitemap ul li {
	margin-bottom: 1.4em;
}
.csc-sitemap ul li ul li {
	margin-bottom: 0px;
}

/* Suche */
#tx_indexedsearch fieldset {
	border: none;
}

/*
 * -----------------------------------------------------------
 * @section Hilfsmittel & Hacks
 * -----------------------------------------------------------
 */
.clearBoth {
	clear: both;
}

.clearfix:after {
 content:"."; 
 clear:both; 
 display:block; 
 height:0; 
 visibility:hidden
} 
.clearfix {
  display: inline-block;
} 
/* Verstecke vor IE-mac \*/
 * html .clearfix {height: 1%; }
 .clearfix {display: block; }
/* Ende Verstecke vor IE-mac */