/* //////////////////////////////////////////////////////////////////////////////////// */
/* 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(160,189,220,0.55);
-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:transparent;
}
div#block{
position:relative;
z-index: 1;
width: 1000px;   
height: 550px;
overflow: hidden; 
background:transparent;
padding: 0px;
}
div#headerTitle{
position:absolute;
left: 450px;
top: 255px;
z-index: 9;
width: 550px;   
height: 500px;
overflow: hidden; 
background:transparent;
padding: 0px;
}
div#mainContent{
position:relative;
z-index: 6;
width: 1000px;   
height: auto;
overflow: hidden; 
background-image:url(../images/tuercise.png);
padding: 0px;
}
div#footer{
position: relative;
left: 0px;
z-index: 6;
background:transparent;
height: 618px;
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(228,224,209,0.85); 	
text-shadow: 0px 2px 3px rgba(0,0,0,0.4);
font: 76px 'Kristi';
letter-spacing: 10px;
line-height: 91px; 
font-weight:normal;	
text-align:left;
}
.ueberschrift02 {
font-size: 42px;
font-family: 'Molengo';
text-shadow: 0px  0px 6px #ffffff;
color: #025867;
line-height: 46px; 
font-weight:normal;	
text-align:left;
}
.ueberschrift03 {
font-size: 24px;
font-family: 'Molengo';
text-shadow: 0px 0px 4px #ffffff;
color: #025867;
line-height: 28px; 
font-weight:normal;	
text-align:right;
}
h1 {
font-size: 52px;
font-family: 'Fjalla One';
color: rgba(156,33,82,0.75); 	
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  */
/*//////////////////////////////////////////////////////////////////////////////////////*/

#rotate01{
position: absolute;
top: 0px;
left: 80px;
height: 400px;
margin-top:0px;
-webkit-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}
#rotate02{
position: absolute;
top: -40px;
left: 120px;
height: 400px;
margin-top:0px;
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}
#rotate03{
position: absolute;
top: -60px;
left: 102px;
height: 400px;
margin-top:0px;
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}
ul.titleline li.norm01_orange{
position: asbsolute;
left: 5px; 
width:500px;
height:54px;
background: rgba(250,159,28, 0.6);
text-align: left;
font-family: 'Fjalla One';
list-style:none;
text-decoration: none;
font-size: 30px;
color: #ffffff;
text-shadow: 1px 2px 3px #262746;
font-weight: normal;
line-height: 36px; 
whitespace:nowrap;
text-decoration: none;  
border-radius: 30px;
}
ul.titleline li.norm03_orange{
position: asbsolute;
left: 5px; 
width:200px;
height:54px;
background: rgba(250,159,28, 0.2);
text-align: left;
font-family: 'Fjalla One';
list-style:none;
text-decoration: none;
font-size: 30px;
color: #ffffff;
text-shadow: 1px 2px 3px #262746;
font-weight: normal;
line-height: 36px; 
whitespace:nowrap;
text-decoration: none;  
border-radius: 30px;
}
ul.titleline li.norm01_red{
position: asbsolute;
left: 5px; 
width:500px;
height:54px;
background: rgba(247,25,14, 0.6);
text-align: left;
font-family: 'Fjalla One';
list-style:none;
text-decoration: none;
font-size: 30px;
color: #ffffff;
text-shadow: 1px 2px 3px #262746;
font-weight: normal;
line-height: 36px; 
whitespace:nowrap;
text-decoration: none;  
border-radius: 30px;
}
ul.titleline li.norm03_red{
position: asbsolute;
left: 5px; 
width:200px;
height:54px;
background: rgba(247,25,14, 0.2);
text-align: left;
font-family: 'Fjalla One';
list-style:none;
text-decoration: none;
font-size: 30px;
color: #ffffff;
text-shadow: 1px 2px 3px #262746;
font-weight: normal;
line-height: 36px; 
whitespace:nowrap;
text-decoration: none;  
border-radius: 30px;
}
ul.titleline li.norm01_green{
position: asbsolute;
left: 5px; 
width:500px;
height:54px;
background: rgba(51,248,60, 0.6);
text-align: left;
font-family: 'Fjalla One';
list-style:none;
text-decoration: none;
font-size: 30px;
color: #ffffff;
text-shadow: 1px 2px 3px #262746;
font-weight: normal;
line-height: 36px; 
whitespace:nowrap;
text-decoration: none;  
border-radius: 30px;
}
ul.titleline li.norm03_green{
position: asbsolute;
left: 5px; 
width:200px;
height:54px;
background: rgba(51,248,60, 0.2);
text-align: left;
font-family: 'Fjalla One';
list-style:none;
text-decoration: none;
font-size: 30px;
color: #ffffff;
text-shadow: 1px 2px 3px #262746;
font-weight: normal;
line-height: 36px; 
whitespace:nowrap;
text-decoration: none;  
border-radius: 30px;
}
ul.titleline li.norm01_cyan{
position: asbsolute;
left: 5px; 
width:500px;
height:54px;
background: rgba(65,240,242, 0.6);
text-align: left;
font-family: 'Fjalla One';
list-style:none;
text-decoration: none;
font-size: 30px;
color: #ffffff;
text-shadow: 1px 2px 3px #262746;
font-weight: normal;
line-height: 36px; 
whitespace:nowrap;
text-decoration: none;  
border-radius: 30px;
}
ul.titleline li.norm03_cyan{
position: asbsolute;
left: 5px; 
width:200px;
height:54px;
background: rgba(65,240,242, 0.2);
text-align: left;
font-family: 'Fjalla One';
list-style:none;
text-decoration: none;
font-size: 30px;
color: #ffffff;
text-shadow: 1px 2px 3px #262746;
font-weight: normal;
line-height: 36px; 
whitespace:nowrap;
text-decoration: none;  
border-radius: 30px;
}
ul.titleline li.norm01_blue{
position: asbsolute;
left: 5px; 
width:500px;
height:54px;
background: rgba(11,137,244, 0.6);
text-align: left;
font-family: 'Fjalla One';
list-style:none;
text-decoration: none;
font-size: 30px;
color: #ffffff;
text-shadow: 1px 2px 3px #262746;
font-weight: normal;
line-height: 36px; 
whitespace:nowrap;
text-decoration: none;  
border-radius: 30px;
}
ul.titleline li.norm03_blue{
position: asbsolute;
left: 5px; 
width:200px;
height:54px;
background: rgba(11,137,244, 0.2);
text-align: left;
font-family: 'Fjalla One';
list-style:none;
text-decoration: none;
font-size: 30px;
color: #ffffff;
text-shadow: 1px 2px 3px #262746;
font-weight: normal;
line-height: 36px; 
whitespace:nowrap;
text-decoration: none;  
border-radius: 30px;
}
ul.titleline li.norm01_violett{
position: asbsolute;
left: 5px; 
width:500px;
height:54px;
background: rgba(141,23,170, 0.6);
text-align: left;
font-family: 'Fjalla One';
list-style:none;
text-decoration: none;
font-size: 30px;
color: #ffffff;
text-shadow: 1px 2px 3px #262746;
font-weight: normal;
line-height: 36px; 
whitespace:nowrap;
text-decoration: none;  
border-radius: 30px;
}
ul.titleline li.norm03_violett{
position: asbsolute;
left: 5px; 
width:200px;
height:54px;
background: rgba(141,23,170, 0.2);
text-align: left;
font-family: 'Fjalla One';
list-style:none;
text-decoration: none;
font-size: 30px;
color: #ffffff;
text-shadow: 1px 2px 3px #262746;
font-weight: normal;
line-height: 36px; 
whitespace:nowrap;
text-decoration: none;  
border-radius: 30px;
}
li.norm02{
list-style-image: url(../tools/raute.png); 
list-style-position:none;
font-family: 'Molengo'; 
font-size:28px; color: #212346;  
text-shadow: 0px 0px 3px #ffffff;
line-height: 35px; 
text-align:left;
padding-bottom: 20px;
}
img.floatLeft { 
float: left; 
margin: 9px; 
}
img.floatRight { 
float: right; 
margin: 9px; 
}