/* //////////////////////////////////////////////////////////////////////////////////// */
/* 1a) allgemeine Formatierungen - Seitenaufbau, Container  */
/*//////////////////////////////////////////////////////////////////////////////////////*/
 * { margin:0; padding: 0;}
#content{position: absolute; top: -25px; left: 0px; z-index:1; height: 1px;}
html,body{margin:0;padding:0}
body {
background: #c0c0c0; 
padding: 0px; 
margin: 0px;
text-align: center; 
overflow: auto;
}
#transparentBorder{
position:relative;
margin:0 auto; 
z-index: 2;
width: 1000px;   
height: auto;
overflow: hidden; 
background:transparent;
border-radius: 15px;
border: 8px solid rgba(255,250,240,0.15);
-moz-background-clip: border;     
-webkit-background-clip: border;  
background-clip: border-box;     
-moz-background-clip: padding;     
-webkit-background-clip: padding;  
background-clip: padding-box;      
-moz-box-shadow: 5px 5px 12px rgba(0,0,0,0.65);
-webkit-box-shadow:  5px 5px 12px rgba(0,0,0,0.65); 
box-shadow:  5px 5px 12px rgba(0,0,0,0.65);	
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#182e65)";	
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#182e65');
}
div#main-center{
position:relative;
margin:0 auto; 
z-index: 2;
width: 1000px;   
height: 100%;
overflow: hidden; 
background-image:url(../images/bgs-blue-trans.png);
}
div#block{
position:relative;
z-index: 1;
width: 1000px;   
height: 280px;
overflow: hidden; 
background:transparent;
padding: 0px;
}
div#headerTitle_orange{
position:absolute;
left: 30px;
top: 275px;
z-index: 5;
width: 221px;   
height: 30px;
overflow: hidden; 
background:transparent;
padding: 0px;
}
div#headerTitle_red{
position:absolute;
left: 30px;
top: 308px;
z-index: 5;
width: 221px;   
height: 30px;
overflow: hidden; 
background:transparent;
padding: 0px;
}
div#headerTitle_green{
position:absolute;
left: 30px;
top: 341px;
z-index: 5;
width: 221px;   
height: 30px;
overflow: hidden; 
background:transparent;
padding: 0px;
}
div#headerTitle_cyan{
position:absolute;
left: 30px;
top: 374px;
z-index: 5;
width: 221px;   
height: 30px;
overflow: hidden; 
background:transparent;
padding: 0px;
}
div#headerTitle_blue{
position:absolute;
left: 30px;
top: 407px;
z-index: 5;
width: 221px;   
height: 30px;
overflow: hidden; 
background:transparent;
padding: 0px;
}
div#headerTitle_violett{
position:absolute;
left: 30px;
top: 440px;
z-index: 5;
width: 221px;   
height: 30px;
overflow: hidden; 
background:transparent;
padding: 0px;
}

div#mainContent{
position:relative;
z-index: 6;
width: 1000px;   
height: auto;
overflow: hidden; 
background:transparent;
padding: 0px;
}
div#footer{
position: relative;
left: 0px;
z-index: 6;
background-image:url(../images/bgs-blue-trans.png);
height: 523px;
width:1000px;
overflow: hidden; 
}

/* //////////////////////////////////////////////////////////////////////////////////// */
/* 1b) Seitenaufbau, Container  themes */
/*//////////////////////////////////////////////////////////////////////////////////////*/

div#tab01{
position:relative;
width: 380px;   
height: 512px;
overflow: hidden; 
border-radius: 15px;
border: 8px solid rgba(160,189,220,0.9);
background:transparent;
background-image:url(../images/sabine-winter.png);
background-repeat:no-repeat;
-moz-box-shadow: 13px 13px 14px rgba(0,0,0,0.45);	
-webkit-box-shadow: 13px 13px 14px rgba(0,0,0,0.45);	
box-shadow: 13px 13px 14px rgba(0,0,0,0.45);	
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#808080)";	
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#808080');
}
div#tab02{
position:relative;
width: 640px;   
height: 401px;
overflow: hidden; 
border-radius: 15px;
border: 8px solid rgba(160,189,220,0.9);
background:transparent;
background-image:url(../images/angebote01.jpg);
background-repeat:no-repeat;
-moz-box-shadow: 13px 13px 14px rgba(0,0,0,0.45);	
-webkit-box-shadow: 13px 13px 14px rgba(0,0,0,0.45);	
box-shadow: 13px 13px 14px rgba(0,0,0,0.45);	
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#808080)";	
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#808080');
}
div#tab03{
position:relative;
width: 640px;   
height: 480px;
overflow: hidden; 
border-radius: 15px;
border: 8px solid rgba(160,189,220,0.9);
background:transparent;
background-image:url(../images/referenzen01.jpg);
background-repeat:no-repeat;
-moz-box-shadow: 13px 13px 14px rgba(0,0,0,0.45);	
-webkit-box-shadow: 13px 13px 14px rgba(0,0,0,0.45);	
box-shadow: 13px 13px 14px rgba(0,0,0,0.45);	
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#808080)";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#808080');
}

/* //////////////////////////////////////////////////////////////////////////////////// */
/* 2 a ) Schrifte  */
/*//////////////////////////////////////////////////////////////////////////////////////*/

@font-face {
  font-family: 'Kristi';
  font-style: normal;
  font-weight: 400;
  src: local('Kristi'), url('../font/jFvtq4kMuHvNyfEwUrsUxw.woff') format('woff');
}
@font-face {
  font-family: 'Molengo';
  font-style: normal;
  font-weight: 400;
  src: local('Molengo'), local('Molengo-Regular'), url('../font/z1JWuCBrQt_Ta83eqIo6Dg.woff') format('woff');
}
@font-face {
  font-family: 'Fjalla One';
  font-style: normal;
  font-weight: 400;
  src: local('Fjalla One'), local('FjallaOne-Regular'), url('../font/rxxXUYj4oZ6Q5oDJFtEd6hsxEYwM7FgeyaSgU71cLG0.woff') format('woff');
}
@font-face {
font-family: 'Share Bold';  
font-style: normal;  
font-weight: 700;  
src: local('Share Bold'), local('Share-Bold'), url('../font/vq-obeo4cskP3gCfYTOfG_esZW2xOQ-xsNqO47m55DA.woff') format('woff');
}
@font-face {
font-family: 'Share';  
font-style: normal;  
font-weight: 400;  
src: local('Share'), local('Share-Regular'), url('../font/_jCje2O-7QL947BeMhJzWQ.woff') format('woff');
}

.ueberschrift01 {
color: rgba(255,255,255,0.95); 	
text-shadow: 
0px 1px 1px rgba(0,0,0,0.65);
font: 79px 'Kristi';
letter-spacing: 10px;
line-height: 81px; 
font-weight:normal;	
text-align:left;
}
.ueberschrift02 {
font-size: 50px;
font-family: 'Molengo';
text-shadow: 1px 2px 5px rgba(0,0,0,0.65);
color: rgba(255,255,255,0.95); 
line-height: 56px; 
font-weight:normal;	
text-align:left;
}
.schrift03 {
font-size: 18px;
font-family: 'Molengo';
text-shadow: 1px 1px 2px rgba(0,0,0,0.0);
color: rgba(0,0,0,0.65); 
line-height: 25px; 
font-weight:600;	
text-align:justify;
}
h1 {
font-size: 52px;
font-family: 'Fjalla One';
color: rgba(65,240,242,0.95); 	
line-height: 72px; 
font-weight:normal;		
text-shadow: 
4px 14px 10px rgba(0,0,0,0.15),
5px 24px 2px rgba(0,0,0,0.1),
6px 34px 30px rgba(0,0,0,0.1);
}
.fonth1 {
font-size: 38px;
font-family: 'Share',Lucida Grande, Trebuchet MS, arial;
color: #587198; 	
line-height: 48px; 
font-weight:normal;	
text-shadow: 0 0 0.0em #ffffff, 0 0 0.0em #ffffff,  0 0 0.0em #ffffff;
}
.fonth11 {
font-size: 44px;
font-family: 'Share',Lucida Grande, Trebuchet MS, arial;
color:  #587198; 
line-height: 58px; 
font-weight:normal;	
text-shadow: 0 0 0.0em #ffffff, 0 0 0.0em #ffffff,  0 0 0.0em #ffffff;
}
h2 {
font-size: 26px;
font-family: 'Share',Lucida Grande, Trebuchet MS, arial;
color: #466491; 	
line-height: 28px; 
font-weight:bold;	
}
h3 {
font-size: 17px;
font-family: 'Share',Lucida Grande, Trebuchet MS, arial;
color: #003332; 	
line-height: 22px; 
font-weight:bold;	
}
h6 {
font-size: 12px;
font-family: 'Share',Lucida Grande, Trebuchet MS, arial;
color: #292f63; 	
line-height: 19px; 
font-weight:normal;	
}
.footer_font01 {
font-size: 11px;
font-family: 'Share',Lucida Grande, Trebuchet MS, arial;
color: #292f63; 	
line-height: 19px; 
font-weight:normal;	
}
.initial01_font{
font-family: 'Share Bold', Lucida Grande, Trebuchet MS, arial; 
font-weight:normal; 
font-size:16px; 
color: #344054; 
padding: 0px; 
line-height: 23px;
text-shadow: 0 0 0.0em #ffffff, 0 0 0.0em #ffffff,  0 0 0.0em #ffffff;
}
.font02{
font-family: 'Share', Lucida Grande, Trebuchet MS, arial; 
font-weight:bold; 
font-size:18px; 
color: #466491; 
padding: 0px; 
line-height: 23px;
}
.footerfont01{
font-family: 'Fjalla One',Lucida Grande, Trebuchet MS, arial;
font-weight:normal; 
font-size:11px; 
color: #ffffff; 
text-shadow: 1px 2px 3px #262746;
padding: 0px; 
line-height: 18px; 
whitespace:nowrap;
}
.footerfont02{
font-family: 'Share',Lucida Grande, Trebuchet MS, arial;
font-weight:normal; 
font-size:14px; 
color: #ffffff; 
text-shadow: 1px 2px 3px #262746;
padding: 0px; 
line-height: 18px; 
whitespace:nowrap;
}
a.footernavi01{
font-family: 'Fjalla One',Lucida Grande, Trebuchet MS, arial; 
font-weight:bold; 
font-size:11px; 
color: #000000; 
text-shadow: 0 0 0.0em #ffffff, 0 0 0.0em #ffffff,  0 0 0.0em #ffffff;
padding: 0px; 
line-height: 15px; 
whitespace:nowrap;
cursor: hand;  
text-decoration: none;  
}
a.footernavi01:hover{
font-family: 'Fjalla One',Lucida Grande, Trebuchet MS, arial;
font-weight:bold; 
font-size:11px; 
color: #455776;
text-shadow: 0 0 0.0em #ffffff, 0 0 0.0em #ffffff,  0 0 0.0em #ffffff;
padding: 0px; 
line-height: 15px; 
whitespace:nowrap;
cursor: hand;  
text-decoration: none;  
}
a.footernavi02{
font-family: 'Fjalla One';
font-weight:normal; 
font-size:26px; 
color: #ffffff;
text-shadow: 0px 0px 3px #203c87;
padding: 0px; 
line-height: 35px; 
whitespace:nowrap;
cursor: hand;  
text-decoration: none;  
}
a.footernavi02:hover{
font-family: 'Fjalla One';
font-weight:normal; 
font-size:26px; 
color: #a0bddc;
text-shadow: 0px 0px 3px #203c87;
padding: 0px; 
line-height: 35px; 
whitespace:nowrap;
cursor: hand;  
text-decoration: none;  
}

/* //////////////////////////////////////////////////////////////////////////////////// */
/* 2 b) Styles Navigation Menue  */
/*//////////////////////////////////////////////////////////////////////////////////////*/

div.container {
width: 300px;
margin: 0 auto;
}
ul.nice-menu {
list-style: none;
margin-top: 30px;
width: 300px;
}
@-moz-keyframes expand {  
0% {
width: 5px;
padding-left: 0px;
}  
100% {
width: 200px;
padding-left: 20px;
}
}
@-moz-keyframes expand-bounce {
0% {
width: 5px;
padding-left: 0px;
}  
50% {
width: 200px;
}  
70% {
width: 170px;
}  
80% {
width: 200px;
}  
90% {
width: 190px;
}  
100% {
width: 200px;
padding-left: 20px;
}
}
@-webkit-keyframes expand {  
0% {
width: 5px;
padding-left: 0px;
}  
100% {
width: 200px;
padding-left: 20px;
}
}
@-webkit-keyframes expand-bounce {  
0% {
width: 5px;
padding-left: 0px;
}  
50% {
width: 200px;
}  
70% {
width: 170px;
}  
80% {
width: 200px;
}  
90% {
width: 190px;
}  
100% {
width: 200px;
padding-left: 20px;
}
}
@-moz-keyframes shrink {  
0% {
width: 200px;
padding-left: 20px;
}  
100% {
width: 5px;
padding-left: 0px;
}
}
@-moz-keyframes shrink-bounce {  
0% {
width: 200px;
padding-left: 20px;
}  
50% {
width: 5px;
}  
70% {
width: 35px;
}  
80% {
width: 5px;
}  
90% {
width: 15px;
}  
100% {
width: 5px;
padding-left: 0px;
}
}
@-webkit-keyframes shrink {  
0% {
width: 200px;
padding-left: 20px;
}  
100% {
width: 5px;
padding-left: 0px;
}
}
@-webkit-keyframes shrink-bounce {  
0% {
width: 200px;
padding-left: 20px;
}  
50% {
width: 5px;
}  
70% {
width: 35px;
}  
80% {
width: 5px;
}  
90% {
width: 15px;
}  
100% {
width: 5px;
padding-left: 0px;
}
}
ul.nice-menu li {
width: 5px;
height: 30px;
line-height: 20px;
padding: 0px 0px 0px 0px;
margin-top: 3px;
background: transparent;
width: 5px;
}
ul.nice-menu.tight li {
margin-top: 0 !important;
}
ul.nice-menu li {
 -moz-animation-name: shrink;
 -moz-animation-duration: 0.5s;
-moz-animation-timing-function: ease-in-out;
-webkit-animation-name: shrink;
-webkit-animation-duration: 0.5s;
-webkit-animation-timing-function: ease-in-out;
}
ul.nice-menu.bounce li {
-moz-animation-name: shrink-bounce;
-moz-animation-duration: 0.5s;
-moz-animation-timing-function: ease-in-out;
-webkit-animation-name: shrink-bounce;
-webkit-animation-duration: 0.5s;
-webkit-animation-timing-function: ease-in-out;
}
ul.nice-menu li:hover {
width: 200px;
padding-left: 20px;
-moz-animation-name: expand;
-moz-animation-duration: 0.5s;
-moz-animation-timing-function: ease-in-out;
-webkit-animation-name: expand;
-webkit-animation-duration: 0.5s;
-webkit-animation-timing-function: ease-in-out;
}
ul.nice-menu.bounce li:hover {
-moz-animation-name: expand-bounce;
-moz-animation-duration: 0.5s;
-moz-animation-timing-function: ease-in-out;
-webkit-animation-name: expand-bounce;
-webkit-animation-duration: 0.5s;
-webkit-animation-timing-function: ease-in-out;
}
ul.nice-menu a {
font-family: 'Fjalla One';
width: 200px;
text-decoration: none;
font-size: 18px;
color: #ffffff;
text-shadow: 1px 2px 3px #262746;
font-weight: normal;
position: absolute;
padding: 5px 0px;
padding-left: 20px;
}
ul.nice-menu li.yellow {
background: rgba(249,217,38, 0.6);
border-radius: 15px;
}
ul.nice-menu li.green {
background: rgba(51,248,60, 0.6);
border-radius: 15px;
}
ul.nice-menu li.blue {
background: rgba(11,137,244, 0.6);
border-radius: 15px;
}
ul.nice-menu li.orange {
background: rgba(250,159,28, 0.6);
border-radius: 15px;
}
ul.nice-menu li.violett {
background: rgba(141,23,170, 0.6);
border-radius: 15px;
} 
ul.nice-menu li.red {
background: rgba(247,25,14, 0.6);
border-radius: 15px;
}
ul.nice-menu li.cyan {
background: rgba(65,240,242, 0.6);
border-radius: 15px;
}	

/* //////////////////////////////////////////////////////////////////////////////////// */
/* 2 c) Styles Assesoires  */
/*//////////////////////////////////////////////////////////////////////////////////////*/

ul li.norm01{
list-style:none;
list-style-position:none;
font-family: 'Molengo'; 
font-size:20px; 
font-weight:600;
word-wrap:break-word;
text-shadow: 1px 1px 4px rgba(0,0,0,0.75);
color: rgba(255,255,255,0.95); 
line-height: 26px; 
text-align:justify;
padding-bottom: 13px;
}

li.norm02{
list-style:none;
list-style-position:none;
font-family: 'Molengo'; 
font-size:28px; 
text-shadow: 1px 1px 4px rgba(0,0,0,0.80);
color: rgba(89,255,255,0.95); 	
line-height: 35px; 
text-align:left;
padding-bottom: 20px;
}
img.floatLeft { 
float: left; 
margin: 9px; 
}
img.floatRight { 
float: right; 
margin: 9px; 
}