/*
* CSS for Design-Template BlueSquare
* Created by: STFmedia
* Adapted for REDAXO: STFmedia
* mailto:thorsten@stf-media.com for further assistance, no telephone support
* Last modified: 31.08.2008 14:43:09
*/

body {
	margin: 0px auto;
	text-align: center;
	padding: 0;
	background: #F5F5F5;
	font-family: Arial, sans-serif;
	font-size: 0.75em;
}

#wrap1 {
	text-align: left;
	background: #CCCCCC;
	margin: 0 auto;
	width: 984px;
}

#wrap {
	text-align: left;
	background: #FFFFFF;
	margin: 0 auto;
	color: #303030;
	padding: 0px 7px 0px 7px;
	border: 1px 1px 1px 1px solid #000033;
	width: 960px;
	display: block;
}
#topper { 
	height: 24px;
	width: 100%;
	background-color: #224499;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
}
#topper p { /* Schriftzug im Design-Rahmen oben */
	color: #fff;
	font-size: 10px;
	line-height: 24px;
	padding: 0 0 0 10px;
	margin: 0 0 0 0;
	float: left;
	width: 30%
}

#topper m { /* Menu im Design-Rahmen oben rechts */
	margin: 0 0 0 0;
	float: right;
	width: 35%;
	text-align: center;
}

#topper a {
	color: #fff;
	font-size: 11px;
	line-height: 24px;
	padding: 0 4px 0 4px;
}

#header {
	width: 100%;
	clear: both;
	margin: 0 0 0 0;
	padding: 0;
	height: 100px;
}
#header h1 {
	width: 40%;
	margin: 25px 0 0 10px;
	float: left;
	font-size: 25px;
}
#header h1 a:link, #header h1 a:visited, #header h1 a:hover, #header h1 a:focus {
	color: #fff;
	text-decoration: none;
}
#header p {
	width: 38%;
	float: right;
	text-align: center;
	color: #a0a0a0;
	margin: 0 0 10px 0;
	font-size: 1em;
	line-height: 1.2em;
}

#firmenlogo {
	height: 50%;
	
	margin: 10px 10px 10px 10px;
	
}

#firmenlogo2 {
	height: 25%;
	
	margin: 10px 10px 10px 10px;
	
}

#firmenname {
	width: 21%;
	float: left;
	text-align: right;
}

#firmenname h1 {
	width: 100%;
	margin: 25px 0 0 5px;
	font-size: 25px;
}

.mainNav {
	margin: 0 0 0px 0;
	height: 50px;
	width:100%;
	background-color: #224499;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
}
.mainNav a, .mainNav a:visited {
	height: 80%;
	width: 14.7%;
	background-color: #224499;
	color: #fff;
	display: block;
	float: left;
	font-size: 12px;
	line-height: 20px;
	padding: 5px 8px 5px 6px;
	border-right: 1px solid #fff;
	text-decoration: none;
}
.mainNav a:active, .mainNav a:hover {
	height: 80%;
	background-color: #008;
	color: #fff;
	display: block;
	float: left;
	font-size: 12px;
	line-height: 20px;
	padding: 5px 8px 5px 6px;
	border-right: 1px solid #fff
}
.mainNav a.current, .mainNav a.current:hover, .mainNav a.current:visited, .mainNav a.current:active {
	height: 80%;
	background-color: #008;
	color: #fff;
	display: block;
	float: left;
	font-size: 12px;
	line-height: 20px;
	padding: 5px 8px 5px 6px;
	border-right: 1px solid #fff
}

#breadcrumb{
	width: 100%;
	padding: 7px 0px 7px 0px;
    font-size: 11px; 
    font-family: Arial, sans-serif;
}
   
a.breadcrumb{
color: #000000;
}

div.teaser {
	margin-bottom: 25px;
	border-bottom: 1px solid #606060;
}

#logos {
	
	float: right;
	width: 100%;
	background-color: #fff;
	padding: 6px 0px 0px 0px;
}

#logos1 {
	float: right;
	width: 95%;
	background-color: #fff;
	padding: 12px 1px 1px 1px;
}

#logos2 {
	float: right;
	width: 95%;
	background-color: #fff;
	padding: 1px 1px 12px 1px;
}

#logos h5 {
width: 100%;
float: right;
font:10px Arial,Helvetica,sans-serif;
color:#666;
padding: 0.5% 0.5% 0.5% 0.5%;
margin:0;
text-decoration:none;
}

#navlogos {
	float: right;
	margin: 4px 0 0 0;
	padding: 10px 0 10px 0;
	width: 20%;
	background-color: #fff;
}

#navigation {
	float: right;
	width: 100%;
	padding: 0 0;
}

#navigation ul.nav2nd li {
	padding: 0 0 0 0;
	margin: 2px 0 0 -35px;
	list-style-type: none;
	background: #f4f4f4;
}

#navigation ul.nav2nd a {
	display: block;
	padding: 5px 5px 5px 10px;
	font-size: 1em;
	width: 94.5%;
	font-weight: normal;
	line-height: 15px;
}
#navigation ul.nav2nd a.current, #navigation ul.nav2nd a:hover {
	text-decoration: none;
	color: #fff;
	background: #008;  
}


#extras { /* rechte Spalte, falls eingerichtet.*/
	float: left;
	width: 20%;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 0.9em;
	line-height: 1.5em;
}
#extras p {
	margin: 0 0 1.5em 0;
}
#content {
	margin: 5px 5px 5px 5px;
	padding: 0 0 0 0;
	line-height: 1.6em;
	text-align: left;
	width: 78%;
	
}
#content h1 {
	font-size: 1.4em;
}
#content h2 {
	font-size: 1.2em;
	margin: 0 0 0.5em 0;
}
#content h3 {
	font-size: 1.1em;
	margin: 0 0 0.5em 0;
}
#content h4 {
	font-size: 1em;
	margin: 0 0 0.5em 0;
}
#content img {
	padding: 1px;
	display: inline;
	background: #cccccc;
	border: 1px solid #f0f0f0;
}
#content div.flRight { /* floating images, inserted via textile*/
	float: right;
	margin-left: 10px;
}
#content div.flLeft { /* floating images, inserted via textile*/
	float: left;
	margin-right: 10px;
}
a {
	text-decoration: none;
	color: #286ea0;
}
a:hover {
	text-decoration: underline;
	color: #286ea0;
}
a img {
	border: 0;
}
#footer {
	clear: both;
	margin: 0 auto;
	padding: 10px 0 20px 0;
	border-top: 12px solid #224499;
	width: 100%;
	text-align: center;
	color: #808080;
	font-size: 0.9em;
}
#footer a {
	color: #808080;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
.left {
	margin: 10px 10px 5px 0;
	float: left;
}
.right {
	margin: 10px 0 5px 10px;
	float: right;
}
.textright {
	text-align: right;
}
.center {
	text-align: center;
}
.small {
	font-size: 0.8em;
}
.bold {
	font-weight: bold;
}
.hide {
	display: none;
}




DIV.shadow {
   background-color: #000033;
   padding: 0px 0px 1px 0px;
   margin: 0 auto;
   width: 974px;
   }

DIV.shadow1 {
   background-color: #868686;
   margin: 0 auto;
   width: 978px;

DIV.shadow2 {
   background-color: #A2A2A2;
   margin: 0 auto;
   width: 980px;
   }
DIV.shadow3 {
   background-color: #C4C4C4;
   margin: 0 auto;
   width: 982px;
   }
DIV.shadow4 {
   background-color: #DFDFDF;
   margin: 0 auto;
   width: 984px;
   }
   
DIV.shadow5 {
   background-color: #EEEEEE;
   margin: 0 auto;
   width: 986px;
   }
   
   
   /**
 * Modul WYSIWYGImage, Wysiwyg-Text mit Bild/Bildergalerie
 */
div.wysiwygimg {}
/* ----- Hack only for IE 7 ----- */
*+html div.wysiwygimg {overflow:hidden;}

.wysiwygimg .wysiwygimgclear {clear:both; display:block; font-size:1px; line-height:0px; margin:0; padding:0; position:relative;}

/* Text */
.wysiwygimg .wysiwygimgtext {}

/* Bild und Link */
.wysiwygimg img.wysiwygimg {border:0px none; margin:1px}
.wysiwygimg img.wysiwygimg {border:solid 5px #f5f5f5; padding:1px;}
.wysiwygimg a.wysiwygimg img {border:0px none;padding:0px;vertical-align:top; margin:1px}

.wysiwygimg a.wysiwygimg, .wysiwygimg a.wysiwygimg:link {border:solid 5px #f6f6f6; display:table; display:inline-block; line-height:0.0em;}
.wysiwygimg a.wysiwygimg:visited {}
.wysiwygimg a.wysiwygimg:hover {border:solid 5px #e4e4e4;}
.wysiwygimg a.wysiwygimg:focus {border:solid 5px #e4e4e4;}
.wysiwygimg a.wysiwygimg:active {border:solid 5px #e4e4e4;}

/* Bildunterschrift */
.wysiwygimg .wysiwygimgtitle {color:#666; font-size:0.8em; font-style:italic; margin:2px 0px;}

/* Wrapper-Classe um Bild und Bildunterschrift*/
.wysiwygimg .wysiwygimgwrap {}

/* Bild links im Text (Textumfluss) */
.wysiwygimg .wysiwygimgleft {float:left; margin:0 1.0em 0 0;}

/* Bild rechts im Text (Textumfluss) */
.wysiwygimg .wysiwygimgright {float: right; margin:0 0 0 1.0em;}

/* Bild oben links */
.wysiwygimg .wysiwygimgtopleft {float:left; margin-bottom:0.5em;}

/* Bild oben rechts */
.wysiwygimg .wysiwygimgtopright {float:right; margin-bottom:0.5em;}

/* Bild oben mittig */
.wysiwygimg .wysiwygimgtopcenter {margin-bottom:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgtopcenter a.wysiwygimg {margin:0 auto;}

/* Bild unten links */
.wysiwygimg .wysiwygimgbottomleft {float:left; margin-top:0.5em;}

/* Bild unten rechts */
.wysiwygimg .wysiwygimgbottomright {float:right; margin-top:0.5em;}

/* Bild unten mittig */
.wysiwygimg .wysiwygimgbottomcenter {margin-top:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgbottomcenter a.wysiwygimg {margin:0 auto;}
.wysiwygimg .wysiwygimgbottomcenter img.wysiwygimg {margin:0 auto;}

/* Für Bilder links/rechts vom Text  */
.wysiwygimg table {border-spacing: 0px; font-size:1.0em;}
.wysiwygimg td {vertical-align:top; font-size:1.0em;}

/* Bild links vom Text */
.wysiwygimg td.wysiwygimgleftcol {padding-right:1.0em;}

/* Bild rechts vom Text */
.wysiwygimg td.wysiwygimgrightcol {padding-left:1.0em;}