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

Datei     		:  main.css
Projekt   		:  www.quintenz.de Website mit CMS (www.redaxo.de)
Domain    	 	:  quintenz.de
Autor 
u. Copyright 	:  Oliver Morawiec Dipl.-Ing. (FH)
Datum     		:  03.09.08
Revision  		:  0.1

Change Log: 03.09.08  Erstellung
            25.09.08  Layoutanpassung
            07.10.08  Diverse Anpassung Schrift etc.

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

html, body{
overflow:auto;
height: 100%;
margin:0;
padding:0;
background-color:#0B3A66;
}

/* NAVIGATION - LINK HOVER USW */

/* RexNav ist die Navigation oben! */
a.rexnav{
   FONT-SIZE: 12px;
   COLOR: #FFFFFF;
   FONT-FAMILY: Verdana, Arial, Helvetica;
   TEXT-DECORATION: none;
   vertical-align: top;
   font-weight: bold;
}

a.rexnav:hover {
   FONT-SIZE: 12px;
   COLOR: #FFDD47;
   FONT-FAMILY: Verdana, Arial, Helvetica;
   TEXT-DECORATION: none;
   vertical-align: top;
   font-weight: bold;
}

/* RexNavLeft ist die Navigation links! */

a.rexnavleft{
   FONT-SIZE: 12px;
   COLOR: #0062A7;
   FONT-FAMILY: Verdana, Arial, Helvetica;
   TEXT-DECORATION: none;
   vertical-align: top;
   text-align: right;
}

a.rexnavleft:hover {
   FONT-SIZE: 12px;
   COLOR: #CC0000;
   FONT-FAMILY: Verdana, Arial, Helvetica;
   TEXT-DECORATION: none;
   vertical-align: top;
   text-align: right;
}

a.rexnavleft:active {
   FONT-SIZE: 12px;
   COLOR: #CC0000;
   FONT-FAMILY: Verdana, Arial, Helvetica;
   TEXT-DECORATION: none;
   vertical-align: top;
	 text-align: right;
}
/* RexPosition ist die Navigation, in welcher Ebene man sich befindet */

a.rexposition{
   FONT-SIZE: 10px;
   COLOR: #000000;
   FONT-FAMILY: Verdana, Arial, Helvetica;
   TEXT-DECORATION: none;
   vertical-align: top;
}

a.rexposition:hover {
   FONT-SIZE: 10px;
   COLOR: #CC0000;
   FONT-FAMILY: Verdana, Arial, Helvetica;
   TEXT-DECORATION: none;
   vertical-align: top;
}

a.rexposition:active {
   FONT-SIZE: 10px;
   COLOR: #000000;
   FONT-FAMILY: Verdana, Arial, Helvetica;
   TEXT-DECORATION: none;
   vertical-align: top; 
}

/* Current ist der aktuell angeklickte Navigationspunkt (oben) */

a.current{
   FONT-SIZE: 12px;
   COLOR: #FFDD47;
   FONT-FAMILY: Verdana, Arial, Helvetica;
   TEXT-DECORATION: none;
   vertical-align: top; 
   font-weight: bold;
}

a.current:hover{
   FONT-SIZE: 12px;
   COLOR: #FFDD47;
   FONT-FAMILY: Verdana, Arial, Helvetica;
   TEXT-DECORATION: none;
   vertical-align: top; 
	 font-weight: bold;
}


/* LINKS allgemein */

A {
  FONT-SIZE: 11px;
  COLOR: #005177;
  FONT-FAMILY: Verdana, Arial, Helvetica;
  TEXT-DECORATION: none;
/*  font-weight: bold;*/
}

A:hover {
  FONT-SIZE: 11px;
  COLOR: #CC0000;
  FONT-FAMILY: Verdana, Arial, Helvetica;
  TEXT-DECORATION: none;
  /*font-weight: bold; */
}

/* SCHRIFT CONTENT ALLGEMEIN   */

h1 {
font-size: 13px;
font-family: verdana,arial,helvetica;
color: #000000;
line-height: 17px;
font-weight: bold;
margin-bottom: 10px;
margin-top: 0px;
padding-bottom: 5px;
}

h2 {
font-size: 13px;
font-family: verdana,arial,helvetica;
color: #000000;
line-height: 17px;
font-weight: bold;
margin-bottom: 10px;
margin-top: 0px;
padding-bottom: 5px;
}

h3 {
font-size: 11px;
font-family: verdana,arial,helvetica;
color: #000000;
line-height: 15px;
font-weight: bold;
}

p {
font-family:verdana,arial,helvetica;
color:#333333;
font-size:11px;
line-height:15px;
}





/* Einstellungen, damit die Navigation oben Abstand hat!*/

img.flags{
 border:0;
 margin:0;
 padding:0;
}
* html img.flags { vertical-align:middle; padding-bottom:3px; }

ul.nav1st li {
display:inline;
margin-left:18px;
margin-right:8px;
padding-top:0px;
font-size:11px;
line-height:18px;
}

ul.nav2nd li {
display:block;
line-height: 14px;   	/* wg. Zeilenumbruch */
float:right;
width:130px;
/* height:12px; */
margin-left:5px;
margin-right:5px;
padding-top:3px;
padding-left:3px;	
margin-top:5px;
/*background-color:#729DC7;*/
}

/* UL um die Flaggen zu positionieren (Abstand zwischen den Flaggen) */
ul.navlang li {
display:inline;
margin-left:4px;
margin-right:4px;
padding:0;
padding-top:0px;
/*line-height:18px;*/
}

ul{
margin:0px;
padding:0px;
}

/*
ul li{
  list-style:none;
}

li.test {
 list-style:disc;
}
*/

ul li {
display:list-item;
margin-left: 20px;
font-family:verdana,arial,helvetica;
color:#333333;
font-size:11px;
line-height:17px;
list-style-type:disc;
}


/* Deklaration des Hauptcontainers (alle weiteren Container sind hier drin) */
#hauptseite{
  /*position:relative;*/
  /*border:1px solid #CCCCCC;*/
  /*display:block;*/
  margin:0 auto;
  padding:0;
  height:800px;
  width:1000px;
}

/* Vorläufiger Hauptbanner oben (wird aufgeteilt in zwei) */
#main_banner{
 width:175px;
 height:145px;
 float:left;
 border-top:8px solid #0062A7;
 background-image:url('logo.gif');
 background-repeat:no-repeat;
}
 * html #main_banner { margin-bottom:-5px; } /*  Damits auch der  IE 5.x + 6.0 kapiert */

#main_banner_change{
 height:145px;
 width:825px;
 float:left;
 /*margin: 0 auto;*/
 border-top:8px solid #0062A7;
 background-color:#FFFFFF;
}
  * html #main_banner_change { margin-bottom:-5px; } /*  Damits auch der  IE 5.x + 6.0 kapiert */ 

/* Navigation oben */
#naviTop{
 width:915px;
 /*width:100%;*/
 text-align:center;
 padding-right: 10px;
 height:19px;
 float:left;
/* padding-top:4px;
 padding-bottom:0px;*/
 background-image:url('navi_background.jpg');
 background-repeat:no-repeat;
 border-top:2px solid #7EB0D1;
 }
/* * html #naviTop { padding-bottom:3px; padding-top:-3px; } /*  Damits auch der  IE 5.x + 6.0 kapiert */


/*ÄNDERUNG auf Absolut Dank IE*/
#rexlang{
	 height:19px;
	 width:75px;
	 float:left;
	 background-color:#0062A7;
	 border-top:2px solid #7EB0D1;
}
/* * html #rexlang { margin-left:-3px; }
 /*
#rexlang{
	position:absolute;
	display:inline;
	top:152px;
	left:920px;
}
*/
/*Bei einer Absoluten Wahl MUSS ein Clear im Template stehen! */

/* Linke Navigation */
#naviLeft{
 border:1px solid #CCCCCC;
 /*border-top:2px solid #7EB0D1;*/
 border-right: 0px;
 border-left: 0px;
 border-bottom: 0px;
 padding-top: 15px;
 margin-left: 0px;
 text-align: right;
 width: 150px;
 float: left;
 height: 586px;
/* background-color:#E4EBEE;*/
 background-image:url('side_banner.jpg');
 background-repeat:repeat-y;
 }
/* * html #naviLeft { margin-right:-3px; } /*  Damits auch der  IE 5.x + 6.0 kapiert */

/* Positionsanzeigencontainer */

#naviPosition{
 float:left;
 height:16px;
 width:848px;
 padding-top:4px;
 background-color:#FFFFFF;
 border:1px solid #CCCCCC;
 border-bottom: 0px;
 FONT-SIZE: 10px;
 FONT-FAMILY: Verdana, Arial, Helvetica;
 TEXT-DECORATION: none;
 text-align: left;
 /*vertical-align: bottom;*/
}


/* MittlerePosition: Hier kommen die Artikel rein */
#middle{
 float:left;
 overflow-y:auto;
 overflow-x:hidden;
 /*margin-left:150px;*/
 /*margin-right:3px;*/
 height:550px;
 width:808px;
 /*margin: 0 auto;*/
 /*min-width:500px;*/
 background-color:#FFFFFF;  
 padding:20px 20px 10px 20px;
 border:1px solid #CCCCCC;
 border-bottom:0px;
 border-collapse:collapse;
}
/* * html #middle { height:559px; margin-left:-3px; } /*  Damits auch der  IE 5.x + 6.0 kapiert */


/* Footer */

#footer {
  display:block;
  width:100%;
}

#footer {
  color:#c4c4c4;
  FONT-FAMILY: Verdana, Arial, Helvetica;
  font-size:10px;
}

#footer a{
  color:#c4c4c4;
  text-decoration: underline;
  FONT-FAMILY: Verdana, Arial, Helvetica;
  font-size:10px;
}

#footer a:hover {
  color:#c4c4c4;
  text-decoration: none;
    FONT-FAMILY: Verdana, Arial, Helvetica;
  font-size:10px;
}
#footer a:active {
  color:#c4c4c4;
  text-decoration: none;
    FONT-FAMILY: Verdana, Arial, Helvetica;
  font-size:10px;
}

.clear{
clear:both;
}
.clearleft{
clear:left;
}

/* Style für LABELS      */

label { 
position: absolute; 
text-align:right; 
width:130px;
}

input, textarea { 
margin-left: 140px; 
}

label.check, label.radio { 
position:relative; 
text-align:left; 
}


/**
 * 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:0; margin:1px;}
.wysiwygimg img.wysiwygimg {border:solid 5px #f5f5f5; padding:1px;}
.wysiwygimg a.wysiwygimg img {border:0;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;}


/*  FÜR TINY MCE EDITOR   */

.column {
float:left;
padding:0pt 25px 0pt 0pt;
width:29%;
}
.clearfix {
clear:both;
display:block;
}


/* weiterer EDITOR */

/**
 * 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:0; margin:1px;}
.wysiwygimg img.wysiwygimg {border:solid 5px #f5f5f5; padding:1px;}
.wysiwygimg a.wysiwygimg img {border:0;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;}