/* allgemeine Angaben für die Seite, wenn nichts anderes gilt bzw. definiert ist */
body {
font:14px Calibri, Arial;
color:black;
margin:0px;
padding:50px;
background-color:white;
min-width:1366px;
}
a:link {
color:black;
text-decoration:none;
}
a:link#hauptmenu {
font-size:1.7em;
color:black;
}
a:visited {
color:black;
}
/* Layout-Element: Logo oben rechts */
.layout#logo {
/* height:100px; */
width:200px;
float:right;
margin-top:10px;
margin-right:10px;
}
/* Hauptlogo oben rechts */
.logo#firma {
width:128px;
height:100px;
float:right;
background-image:url(images/LOGO.GVC.Firma.png);
background-repeat:no-repeat;
background-size:cover;
}
/* Layout-Element: Banner links */
.layout#banner {
width:340px; 
/*width:20%;*/
height:100px;
float:left;
margin-top:10px;
margin-left:10px;
overflow:hidden;
}
/* Layout-Element: Hauptmenüleiste */
.layout#hauptmenu {
clear:both;
width:100%;
height:70px;
float:left;
overflow:hidden;
}
/* Layout-Element: Textkasten links auf der Seite */
.layout#textkasten {
clear:both;
width:340px;
margin-left:10px;
height:300px;
float:left;
font-size:1.12em;
overflow:hidden;
}
/* Layout-Element: Bildrotation */
.layout#bildrotation {
position:relative;
width:69%;
height:300px;
float:left;
margin-left:1%;
margin-bottom:20px;
font-size:1.18em;
overflow:hidden;
}
/* Layout-Element: Container 1 in Bildrotation */
.layout#cont1 {
position:absolute; 
left:0px; 
top:0px; 
opacity:1; 
width:100%; 
height:300px; 
background-image:url(images/rotation/startseite/default.jpg);
background-repeat:no-repeat; 
background-size:cover; 
z-index:1; 
transition:opacity 7s;
}
/* Layout-Element: Container 2 in Bildrotation */
.layout#cont2 {
position:absolute; 
left:0px; 
top:0px; 
opacity:0; 
width:100%; 
height:300px; 
background-image:url(images/rotation/startseite/default.jpg);
background-repeat:no-repeat; 
background-size:cover; 
z-index:2; 
transition:opacity 7s;
}
.layout#textcont1 {
font:22px Calibri, Arial;
/* font-style: italic*/
position:absolute; 
padding:5px; 
bottom:20px; 
right:20px; 
width:30%; 
/* height:40%; */
background-image:url(images/Unbenannt.png); 
z-index:3; 
transition:opacity 7s;
opacity:1;
}
.layout#textcont2 {
font:22px Calibri, Arial;
/* font-style: italic*/
position:absolute; 
padding:5px; 
bottom:20px; 
right:20px; 
width:30%; 
/* height:40%; */
background-image:url(images/Unbenannt.png); 
z-index:3; 
transition:opacity 7s;
opacity:0;
}
/* Layout-Element: Kasten Care unten links */
.layout#care {
/* clear:both; */
float:left;
width:26%;
height:300px;
margin-left:10px;
font-size:1.18em;
}
/* Layout-Element: Kasten Concept unten links */
.layout#concept {
float:left;
width:26%;
height:300px;
font-size:1.18em;
}
/* Layout-Element: Kasten Condition unten links */
.layout#condition {
float:left;
width:26%;
height:300px;
font-size:1.18em;
}
/* Spalte links für Unterseiten */
.layout#spaltelinks {
clear:both;
width:20%;
margin-left:10px;
float:left;
font-size:1.12em;
overflow:hidden;
padding-bottom:40px;
}
.layout#spalte70rechts {
width:66%;
margin-left:50px;
float:left;
overflow:hidden;
}

/* Menüpunkt im Hauptmenü*/
.hauptmenu#menupunkt {
padding-left:30px;	
font-size:1.7em;
float:left;
}

/* Menüpunktaufzählungszeichen im Hauptmenü*/
.hauptmenu#aufzaehlungszeichen {
background-image:url(images/HAUPTMENU.Menupunkt.png);
background-repeat:no-repeat;
width:37px;
height:32px;
margin-right:10px;
background-size:cover;
float:left;
}

/* Kontaktformular Elemente*/
.kontaktformular {
width:300px;
border:1px solid darkgreen;
}
.kontaktformular:focus {
width:300px;
background-color:lightgrey;
border:1px solid darkgreen;
}

/* Text-Element: Titel im Banner */
.text#bannerTitel {
color:#225416;
font-size:6em;
font-style:bold;
}
/* Text-Element: Untertitel im Banner */
.text#bannerTitel {
color:#569033;
font-size:2.8em;
}
/* Kasten zur Anzeige von Stellenanzeigendateien */
.stellenanzeige {
/*background-color:lightgrey;*/
border:1px solid darkgreen;
border-radius:3px;
width:90%;
box-shadow: 5px 5px #515151;
font-size:1.2em;
line-height:46px;
float:left;
clear:left;
text-align:center;
margin-top:10px;
}
.stellenanzeige:hover {
box-shadow: 2px 2px #515151;
}