html,body {
background-color:transparent;
font-family: Calibri, Arial, sans-serif;
font-size:1em;
color:#0f0f3d;
margin:0;
padding:0;
background-color:#ffffff;
height: 100%;
   
/* background-size: contain; */
}


/********* von240 bis 640 **************************************************************************************************************************************************/



@media screen and (min-width: 240px) and (max-width:640px) {
    
html,body {
background-color: white;
/*background:url(../img/background_w.png) top center no-repeat #ffffff;*/
background-attachment:fixed;}  
    
 
#aussenrahmen {
float: left;
width:18.75em;
margin: 30px 0 0 0px;
border:1px white solid;
-webkit-box-shadow: 2px 2px 2px 2px #cdcdcd;
box-shadow: 2px 2px 5px 5px #cdcdcd;

}

#innenrahmen {
float: left;
width:18.625em;
margin: 0 0 0 0;
border:1px #808184 solid;
background-color: #ffffff;
background-color: rgba(255,255,255, 0.95);

}
    
 
    
#container {
width:18.75em;
color:#0f0f3d;
margin:0px auto;
padding:0;

}
    
    

    
    
/******************************************************************************************/
/* Topboarder  */
/******************************************************************************************/


#topboarder {
height:20px;
width:15.00em;
/*background-image:url(../img/top_home_neu_os.png); */
/* background-repeat: no repeat;*/
margin:-20px 0 0 0px;
}
    
#bookmarks {
display: none; 
}

#assistmenu {
float:left;
width:14.688em;
text-decoration:none;
color:#000000;
margin:-0.313em 0 0 0;
padding:-11px 0 0;
}

.statischesmenu {
font-size:17px;
color:#000000;
}


/******************************************************************************************/
/* Contentcontainer  */
/******************************************************************************************/

    
#contentcontainer {
float:left;
width:18.75em;
margin:0;
padding:0;
/*border:2px black dotted;*/
}    

    

/******************************************************************************************/
/* Headerparts  */
/******************************************************************************************/

#headerparts {
float:left;
clear:both;
width:100%;
height:120px;
margin: 0 0 0 0;
}
     
#logo {
float:left;
width:298px;
height:126px;
/*border:1px red solid;*/
margin:0px 0 0 0;
}

#logo P {
    
color:#ffffff;    
    
}
/******************************************************************************************/
/* Contentbereich  */
/******************************************************************************************/

#middle {
float: left;    
width:240px;
}
     

    
/******************************************************************************************/
/* content1	  */
/******************************************************************************************/
    
#content1 {
display: none; 
}


    
#mobile {
display: none; 
}

     
    
    
.dl-menuwrapper {
    margin: 0px 0 0 0px;
}
/******************************************************************************************/
/* content2	  */
/******************************************************************************************/
     
#content2 {
float: left;    
width:290px;
margin: 36px 0 0 10px; 
}

#german {
display: none; 
}

#english {
display: none; 
}
    
/******************************************************************************************/
/* Hauptnavigation	  */
/******************************************************************************************/

    
    
#navigationframe  { 
display: none; 
     }

    


    
/******************************************************************************************/
/* Footer	  */
/******************************************************************************************/

#footer {
float:left;
width:15em;
}

#footerelement {
float:left;
width:295px;
min-height:0.313em;
margin:20px 0 0 0;
padding:0;
border-top: 1px black solid;
}

#footer_quentin {
display: none;
}

#footer_mobile {
float: left;
width: 240px;
margin: 10px 0 20px 10px;
}


    
/******************************************************************************************/
/* Bottomadvertising	  */
/******************************************************************************************/


#bottomboarder {
width:15em;
clear:both;
height:0;
/* background-image:url(../img/footer_neu_os.png);*/
margin:0;
padding:0;
}

#solarlogo {
float:left;
margin-left:2.75em;
margin-top:0.938em;
}

#bottomadvertising A {
float:left;
color:#ff0000;
margin:1em 0 0 1.5em;
padding:0;
font-size: 0.850em;
font-weight:bold;
background-color:#ffffff;
}
    
    
/******************************************************************************************/
/* Contentlayout	  */
/******************************************************************************************/

H1 {
font-size:1.1em;
color:#040b25;
margin: 0 0 -0.625em 0;

}


H6 {
font-size:1.1em;
color:#040b25;
margin: -15px 0 10px 0;

}
  
    
H2 {
font-size:0.875em;
line-height:1.188em;
color:#141baf;
}

P {
font-size:1.0em;
line-height:22px;
color:#0f0f3d;
}
    
    
.download {
background-image:url(../img/downloads_adobe.gif);
background-repeat:no-repeat;
padding-left:1.563em;
padding-top:0.125em;
}

.mail {
background-repeat:no-repeat;
padding-left:0;
padding-top:0.125em;
text-decoration:underline;
color:#005ec5;
}    
    
    
    
    
    
   
#navi {
    
 display: none;      
    
}

    
        
sup, sub{
	line-height:0px;
    font-size: 10px;
}
   
    
    
        
/*****************************************************/
/* Kacheln                                            */
/*****************************************************/    

.kachel3d {
float: left;
width: 280px;
height: 30px;    
cursor:pointer;
margin:0 0 10px 0;
}

.kachel3d > .kachelfront {
    position:absolute;
    -webkit-transform: perspective( 600px ) rotateY( 0deg );
    transform: perspective( 600px ) rotateY( 0deg );
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: -webkit-transform .5s linear 0s;
    transition: transform .5s linear 0s;
}

.kachel3d > .kachelback {
    position:absolute;
    -webkit-transform: perspective( 600px ) rotateY( 180deg );
    transform: perspective( 600px ) rotateY( 180deg );
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: -webkit-transform .5s linear 0s;
    transition: transform .5s linear 0s;
}

.kachel3d:hover > .kachelfront {
    -webkit-transform: perspective( 600px ) rotateY( -180deg );
    transform: perspective( 600px ) rotateY( -180deg );
}

.kachel3d:hover > .kachelback {
    -webkit-transform: perspective( 600px ) rotateY( 0deg );
    transform: perspective( 600px ) rotateY( 0deg );
}




.kachelpositionlinks {
float: left;
width: 280px;
height: 35px;
margin: 0 0 0 20px;    
cursor:pointer;
}

.kachelpositionrechts {
float: left;
width: 280px;
height: 35px;
margin: 0 0 0 20px;    
cursor:pointer;
}


#alpha_wrapper {
float: left;
width: 280px;
height: 35px;;    
position: relative;    
}

#kacheldefinition {
float: left;
width: 280px;
height: 35px;   
border: 1px #e1e1e1 solid;
background: -moz-linear-gradient(top,  rgba(255,249,249,1) 0%, rgba(237,233,231,0) 29%, rgba(219,216,212,0.43) 59%, rgba(201,199,190,1) 99%, rgba(201,199,189,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,249,249,1)), color-stop(29%,rgba(237,233,231,0)), color-stop(59%,rgba(219,216,212,0.43)), color-stop(99%,rgba(201,199,190,1)), color-stop(100%,rgba(201,199,189,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,249,249,1) 0%,rgba(237,233,231,0) 29%,rgba(219,216,212,0.43) 59%,rgba(201,199,190,1) 99%,rgba(201,199,189,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,249,249,1) 0%,rgba(237,233,231,0) 29%,rgba(219,216,212,0.43) 59%,rgba(201,199,190,1) 99%,rgba(201,199,189,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,249,249,1) 0%,rgba(237,233,231,0) 29%,rgba(219,216,212,0.43) 59%,rgba(201,199,190,1) 99%,rgba(201,199,189,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,249,249,1) 0%,rgba(237,233,231,0) 29%,rgba(219,216,212,0.43) 59%,rgba(201,199,190,1) 99%,rgba(201,199,189,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff9f9', endColorstr='#c9c7bd',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;     
-webkit-box-shadow: -2px 4px 5px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    -2px 4px 5px 0px rgba(50, 50, 50, 0.3);
box-shadow:         -2px 4px 5px 0px rgba(50, 50, 50, 0.3); 
}


.kachelpositionlinks {
float: left;
width: 280px;
height: 35px;
margin: 20px 0 10px  0px;    
cursor:pointer;
}

.kachelpositionrechts {
float: left;
width: 280px;
height: 35px;
margin: 20px 0 10px 0px;    
cursor:pointer;
}


#alpha_wrapper {
float: left;
width: 280px;
height: 35px;    
position: relative;    
}

#kacheldefinition {
float: left;
width: 280px;
height: 35px;   
border: 1px #e1e1e1 solid;
background: -moz-linear-gradient(top,  rgba(255,249,249,1) 0%, rgba(237,233,231,0) 29%, rgba(219,216,212,0.43) 59%, rgba(201,199,190,1) 99%, rgba(201,199,189,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,249,249,1)), color-stop(29%,rgba(237,233,231,0)), color-stop(59%,rgba(219,216,212,0.43)), color-stop(99%,rgba(201,199,190,1)), color-stop(100%,rgba(201,199,189,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,249,249,1) 0%,rgba(237,233,231,0) 29%,rgba(219,216,212,0.43) 59%,rgba(201,199,190,1) 99%,rgba(201,199,189,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,249,249,1) 0%,rgba(237,233,231,0) 29%,rgba(219,216,212,0.43) 59%,rgba(201,199,190,1) 99%,rgba(201,199,189,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,249,249,1) 0%,rgba(237,233,231,0) 29%,rgba(219,216,212,0.43) 59%,rgba(201,199,190,1) 99%,rgba(201,199,189,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,249,249,1) 0%,rgba(237,233,231,0) 29%,rgba(219,216,212,0.43) 59%,rgba(201,199,190,1) 99%,rgba(201,199,189,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff9f9', endColorstr='#c9c7bd',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;     
-webkit-box-shadow: -2px 4px 5px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    -2px 4px 5px 0px rgba(50, 50, 50, 0.3);
box-shadow:         -2px 4px 5px 0px rgba(50, 50, 50, 0.3); 
}


#kachel1_pic {
position: absolute;
width: 280px;
height:35px;
background-image:url(../img/Bovel_1AGS.jpg);   
margin: 2px 0 0 1px;    
clear: both;  
}    
#kachel1a_pic {
position: absolute;
width: 280px;
height:155px;
background-image:url(../img/Bovel_1AGS.jpg);   
margin: 2px 0 0 1px;    
clear: both;  
}    


#kachel2_pic {
position: absolute;
width: 280px;
height:155px;
background-image:url(../img/Gastro_11S.jpg);   
margin: 2px 0 0 1px;    
clear: both;  
}    
#kachel2a_pic {
position: absolute;
width: 280px;
height:155px;
background-image:url(../img/Gastro_12S.jpg);   
margin: 2px 0 0 1px;    
clear: both;  
}

#kachel3_pic {
position: absolute;
width: 280px;
height:155px;
background-image:url(../img/bet1S1.jpg);   
margin: 2px 0 0 1px;    
clear: both;  
}    
#kachel3a_pic {
position: absolute;
width: 280px;
height:155px;
background-image:url(../img/bet2S1.jpg);   
margin: 2px 0 0 1px;    
clear: both;  
}


#kachel4_pic {
position: absolute;
width: 280px;
height:155px;
background-image:url(../img/tour11.jpg);   
margin: 2px 0 0 1px;    
clear: both;  
}    
#kachel4a_pic {
position: absolute;
width: 280px;
height:155px;
background-image:url(../img/tour21S.jpg);   
margin: 2px 0 0 1px;    
clear: both;  
}


#kachel_text {
position: absolute;
font-size: 1.063em;
margin: 11px 0 0 3px;    
clear: both;    
}    


#kachel_text A{
color:#03052a;
}    
    




      

    
    
    
    

}




/************ ANFANG von 640 bis 1024 ***********************************************************************************************************************************************/



@media screen and (min-width: 642px) and (max-width:1024px) {

    
  
    
html,body {
background-color: transparent;
}  
    
 
#aussenrahmen {
float: left;
width:58.500em;
margin: 30px 0 0 10px;
border:1px white solid;
-webkit-box-shadow: 2px 2px 2px 2px #cdcdcd;
box-shadow: 2px 2px 5px 5px #cdcdcd;

}

#innenrahmen {
float: left;
width:58.375em;
margin: 0 0 0 0;
border:1px #808184 solid;
background-color: #ffffff;
background-color: rgba(255,255,255, 0.95);

}

#container {
width:60.5em;
color:#0f0f3d;
margin:15px auto;
padding:0;

}
   
   
    
    
/******************************************************************************************/
/* Topboarder  */
/******************************************************************************************/


#topboarder {
height:1.25em;
width:60em;
/*background-image:url(../img/top_home_neu_os.png); */
/* background-repeat: no repeat;*/
margin:0px 0 0 0px;

}
    
#bookmarks {
height:0.125em;
margin-top:-1.375em;
margin-left:41.25em;
}

    
div.sexybookmarks {
clear:both!important;
float:right;
position:absolute;
margin:-0.75em 0 0 -2.5em;
}

    
div.sexybookmarks-expand {
height:2px;
overflow:hidden;
}


#assistmenu {
float:left;
width:14.688em;
height:0;
text-decoration:none;
color:#000000;
margin:-0.313em 0 0 0;
padding:-11px 0 0;
}

.statischesmenu {
font-size:14px;
color:#000000;
}


/******************************************************************************************/
/* Contentcontainer  */
/******************************************************************************************/

    
#contentcontainer {
float:left;
width:60em;
margin:0;
padding:0;
/*border:2px black dotted;*/
}    

    
/******************************************************************************************/
/* Headerparts  */
/******************************************************************************************/
#headerparts {
float:left;
width:940px;
height:370px;
margin: 0.063em 0 0 1px;
}
     
#logo {
float:left;
max-width:932px;
height:360px;
/*border:1px red solid;*/
margin:0px 0 0 0px;
}  
    
/******************************************************************************************/
/* Contentbereich  */
/******************************************************************************************/

#middle {
float: left;    
width:940px;
}
    

    
/******************************************************************************************/
/* content1	  */
/******************************************************************************************/
    
#content1 {
display: none;  
}


    
#mobile {  
display: none;        
} 

    
/******************************************************************************************/
/* content2	  */
/******************************************************************************************/
     
#content2 {
position: relative;
float: left;    
width:930px;
height:210px;
margin: 26px 0 0 17px;
}

    
    
   
#content2_inhalt{
clear:both;
float:left;
margin:-10px 0 0 0;
   
}    
    
#english {
position:absolute;
float: left;
margin: -22px 0 0 690px; 
z-index:1000;    
}

#german {
position:absolute;
float: left;
margin: -22px 0 0 750px; 
z-index:1000;
    
}    

.english_inaktiv {
float: left;
font-size: 16px;
color: #cdcccc;   
}
    
.german_inaktiv {
float: left;
font-size: 16px;
color: #cdcccc;   
}
    
.english_aktiv {
float: left;
font-size: 16px;
color: #005ec5;    
}
    
.german_aktiv {
float: left;
font-size: 16px;
color: #005ec5;   
}
    
    
/******************************************************************************************/
/* Hauptnavigation	  */
/******************************************************************************************/

    
    
#navigationframe  { 
display: none;
     }


    
/******************************************************************************************/
/* Footer	  */
/******************************************************************************************/

#footer_mobile {
display: none;       
}

#footer {
float:left;
width:60em;
}

#footerelement {
float:left;
width:56.250em;
min-height:0.313em;
margin-left:1.250em;
padding:0;
}

#footer_quentin {
float:left;
margin:1.250em 0 0.938em 170px;
font-size:0.938em;
color:#646464;
}



    
/******************************************************************************************/
/* Bottomadvertising	  */
/******************************************************************************************/



#bottomboarder {
width:60em;
clear:both;
height:0;
/* background-image:url(../img/footer_neu_os.png);*/
margin:0;
padding:0;
}

#solarlogo {
float:left;
margin-left:50.0em;
margin-top:0.938em;
}

#bottomadvertising A {
float:left;
color:#ff0000;
margin:-1.8em 0 0 61em;
padding:0;
font-size: 0.850em;
font-weight:bold;
background-color:#ffffff;
}

    
    
/******************************************************************************************/
/* Contentlayout	  */
/******************************************************************************************/

H1 {
font-size:1.325em;
color:#040b25;
margin: 0 0 -0.625em 0;

}

H6 {
font-size:1.325em;
color:#040b25;
margin: -15px 0 10px 0;

}
  
    
H2 {
font-size:0.875em;
line-height:1.188em;
color:#141baf;
}

P {
font-size:1.225em;
line-height:22px;
color:#0f0f3d;
}
    
    
.download {
background-image:url(../img/downloads_adobe.gif);
background-repeat:no-repeat;
padding-left:1.563em;
padding-top:0.125em;
}

.mail {
background-repeat:no-repeat;
padding-left:0;
padding-top:0.125em;
text-decoration:underline;
color:#005ec5;
}    
    
    
    
    
    
   
#navi {
    
 display: none;      
    
}

    
        
sup, sub{
	line-height:0px;
    font-size: 10px;
}
   
    
    
        






  

    
/*****************************************************/
/* Kacheln                                            */
/*****************************************************/    

.kachel3d {
float: left;
width: 210px;
height: 190px;    
cursor:pointer; 
}

.kachel3d > .kachelfront {
    position:absolute;
    -webkit-transform: perspective( 600px ) rotateY( 0deg );
    transform: perspective( 600px ) rotateY( 0deg );
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: -webkit-transform .5s linear 0s;
    transition: transform .5s linear 0s;
}

.kachel3d > .kachelback {
    position:absolute;
    -webkit-transform: perspective( 600px ) rotateY( 180deg );
    transform: perspective( 600px ) rotateY( 180deg );
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: -webkit-transform .5s linear 0s;
    transition: transform .5s linear 0s;
}

.kachel3d:hover > .kachelfront {
    -webkit-transform: perspective( 600px ) rotateY( -180deg );
    transform: perspective( 600px ) rotateY( -180deg );
}

.kachel3d:hover > .kachelback {
    -webkit-transform: perspective( 600px ) rotateY( 0deg );
    transform: perspective( 600px ) rotateY( 0deg );
}




.kachelpositionlinks {
float: left;
width: 210px;
height: 190px;
margin: 0 0 0 20px;    
cursor:pointer;
}

.kachelpositionrechts {
float: left;
width: 210px;
height: 190px;
margin: 0 0 0 20px;    
cursor:pointer;
}


#alpha_wrapper {
float: left;
width: 210px;
height: 190px;    
position: relative;    
}

#kacheldefinition {
float: left;
width: 210px;
height: 190px;   
border: 1px #e1e1e1 solid;
background: -moz-linear-gradient(top,  rgba(255,249,249,1) 0%, rgba(237,233,231,0) 29%, rgba(219,216,212,0.43) 59%, rgba(201,199,190,1) 99%, rgba(201,199,189,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,249,249,1)), color-stop(29%,rgba(237,233,231,0)), color-stop(59%,rgba(219,216,212,0.43)), color-stop(99%,rgba(201,199,190,1)), color-stop(100%,rgba(201,199,189,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,249,249,1) 0%,rgba(237,233,231,0) 29%,rgba(219,216,212,0.43) 59%,rgba(201,199,190,1) 99%,rgba(201,199,189,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,249,249,1) 0%,rgba(237,233,231,0) 29%,rgba(219,216,212,0.43) 59%,rgba(201,199,190,1) 99%,rgba(201,199,189,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,249,249,1) 0%,rgba(237,233,231,0) 29%,rgba(219,216,212,0.43) 59%,rgba(201,199,190,1) 99%,rgba(201,199,189,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,249,249,1) 0%,rgba(237,233,231,0) 29%,rgba(219,216,212,0.43) 59%,rgba(201,199,190,1) 99%,rgba(201,199,189,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff9f9', endColorstr='#c9c7bd',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;     
-webkit-box-shadow: -2px 4px 5px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    -2px 4px 5px 0px rgba(50, 50, 50, 0.3);
box-shadow:         -2px 4px 5px 0px rgba(50, 50, 50, 0.3); 
}


.kachelposition1 {
clear:both;
float: left;
width: 210px;
height: 190px;
margin: -190px 0 0 230px;    
cursor:pointer;
}
    
.kachelposition2 {
clear:both;
float: left;
width: 210px;
height: 190px;
margin: -190px 0 0 460px;    
cursor:pointer;
}
    
.kachelposition3 {
clear:both;
float: left;
width: 210px;
height: 190px;
margin: -190px 0 0 690px;    
cursor:pointer;
}

#alpha_wrapper {
float: left;
width: 190px;
height: 210px;
position: relative;    
}

#kacheldefinition {
float: left;
width: 210px;
height: 190px;   
border: 1px #e1e1e1 solid;
background: -moz-linear-gradient(top,  rgba(255,249,249,1) 0%, rgba(237,233,231,0) 29%, rgba(219,216,212,0.43) 59%, rgba(201,199,190,1) 99%, rgba(201,199,189,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,249,249,1)), color-stop(29%,rgba(237,233,231,0)), color-stop(59%,rgba(219,216,212,0.43)), color-stop(99%,rgba(201,199,190,1)), color-stop(100%,rgba(201,199,189,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,249,249,1) 0%,rgba(237,233,231,0) 29%,rgba(219,216,212,0.43) 59%,rgba(201,199,190,1) 99%,rgba(201,199,189,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,249,249,1) 0%,rgba(237,233,231,0) 29%,rgba(219,216,212,0.43) 59%,rgba(201,199,190,1) 99%,rgba(201,199,189,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,249,249,1) 0%,rgba(237,233,231,0) 29%,rgba(219,216,212,0.43) 59%,rgba(201,199,190,1) 99%,rgba(201,199,189,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,249,249,1) 0%,rgba(237,233,231,0) 29%,rgba(219,216,212,0.43) 59%,rgba(201,199,190,1) 99%,rgba(201,199,189,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff9f9', endColorstr='#c9c7bd',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;     
-webkit-box-shadow: -2px 4px 5px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    -2px 4px 5px 0px rgba(50, 50, 50, 0.3);
box-shadow:         -2px 4px 5px 0px rgba(50, 50, 50, 0.3); 
}


#kachel1_pic {
position: absolute;
width: 210px;
height:155px;
background-image:url(../img/Bovel_AGS.jpg);   
margin: 2px 0 0 1px;    
clear: both;  
}    
#kachel1a_pic {
position: absolute;
width: 210px;
height:155px;
background-image:url(../img/Bovel_AGS.jpg);   
margin: 2px 0 0 1px;    
clear: both;  
}    


#kachel2_pic {
position: absolute;
width: 210px;
height:155px;
background-image:url(../img/Gastro_1S.jpg);   
margin: 2px 0 0 1px;    
clear: both;  
}    
#kachel2a_pic {
position: absolute;
width: 210px;
height:155px;
background-image:url(../img/Gastro_2S.jpg);   
margin: 2px 0 0 1px;    
clear: both;  
}

#kachel3_pic {
position: absolute;
width: 210px;
height:155px;
background-image:url(../img/bet1S.jpg);   
margin: 2px 0 0 1px;    
clear: both;  
}    
#kachel3a_pic {
position: absolute;
width: 210px;
height:155px;
background-image:url(../img/bet2S.jpg);   
margin: 2px 0 0 1px;    
clear: both;  
}


#kachel4_pic {
position: absolute;
width: 210px;
height:155px;
background-image:url(../img/tour1S.jpg);   
margin: 2px 0 0 1px;    
clear: both;  
}    
#kachel4a_pic {
position: absolute;
width: 210px;
height:155px;
background-image:url(../img/tour2S.jpg);   
margin: 2px 0 0 1px;    
clear: both;  
}


#kachel_text {
position: absolute;
font-size: 1.063em;
margin: 161px 0 0 3px;    
clear: both;    
}    


#kachel_text A{
color:#03052a;
}    
    



}

/************ ENDE von 640 bis 1024 ***********************************************************************************************************************************************/






/************ ANFANG 1025 bis 1920 ***********************************************************************************************************************************************/



@media screen and (min-width: 1025px) and (max-width:3500px) {

    

html,body  {
background-color: #ffffff;
}

    
#container {
width:68.75em;
color:#0f0f3d;
margin:15px auto;
padding:0;
}
    
#aussenrahmen {
float: left;
width:68.75em;
margin: 30px 0 0 10px;
border:1px white solid;
-webkit-box-shadow: 2px 2px 2px 2px #cdcdcd;
box-shadow: 2px 2px 5px 5px #cdcdcd;
}

#innenrahmen {
float: left;
width:68.625em;
margin: 0 0 0 0;
border:1px #808184 solid;
background-color: #ffffff;
background-color: rgba(255,255,255, 0.95);
}
    
    
    
/******************************************************************************************/
/* Topboarder  */
/******************************************************************************************/


#topboarder {
height:1.25em;
width:68.75em;
/*background-image:url(../img/top_home_neu_os.png); */
/* background-repeat: no repeat;*/
margin:0px 0 0 0px;
}
    
#bookmarks {
height:0.125em;
margin-top:-1.375em;
margin-left:52.125em;
}

    
div.sexybookmarks {
clear:both!important;
float:right;
position:absolute;
margin:-0.75em 0 0 -2.5em;
}

    
div.sexybookmarks-expand {
height:2px;
overflow:hidden;
}


#assistmenu {
float:left;
width:14.688em;
height:0;
text-decoration:none;
color:#000000;
margin:-0.313em 0 0 0;
padding:-11px 0 0;
}

.statischesmenu {
font-size:1.05em;
color:#000000;
}


/******************************************************************************************/
/* Contentcontainer  */
/******************************************************************************************/

    
#contentcontainer {
float:left;
width:68.75em;
margin:0;
padding:0;
/*border:2px black dotted;*/
}    

    

/******************************************************************************************/
/* Headerparts  */
/******************************************************************************************/

#headerparts {
float:left;
width:1098px;
height:423px;
margin: 0.125em 0 0 1px;
}
     
#logo {
float:left;
width:1096px;
height:423px;
/*border:1px red solid;*/
margin:0px 0 0 0px;
}
    
    
/******************************************************************************************/
/* Contentbereich  */
/******************************************************************************************/

#middle {
float: left;    
width:1100px;
}
     

    
/******************************************************************************************/
/* content1	  */
/******************************************************************************************/
    
#content1 {
display: none;  
}

#subnavbereich {
float:left;
width:29.03em;
margin:0 0 1.250em 20px;
padding:0 0 0 0.625em;
}

#subnavigationsbereich {
float:left;
width:29.03em;
min-height: 10em;
margin:0px 0 0 0;
padding:0 0 0 0.625em;
}

#subnavigation {
margin:0 0 10px 7px;
width:11.250em;
min-height:5em;
padding:0;
}
    
#mobile {  
display: none;        
} 

    
/******************************************************************************************/
/* content2	  */
/******************************************************************************************/

#english {
position:absolute;
float: left;
margin: -2px 0 0 810px; 
z-index:1000;    
}

#german {
position:absolute;
float: left;
margin: -2px 0 0 880px; 
z-index:1000;
    
}    
    
#content2 {
position: relative;
width:1098px;
height:260px;
margin: 26px 0 0 17px;
}
    
#content2_inhalt{
clear:both;
float:left;
margin:10px 0 0 0;
   
}
    
.english_inaktiv {
float: left;
font-size: 18px;
color: #cdcccc;   
}
    
.german_inaktiv {
float: left;
font-size: 18px;
color: #cdcccc;   
}
    
.english_aktiv {
float: left;
font-size: 18px;
color: #005ec5;    
}
    
.german_aktiv {
float: left;
font-size: 18px;
color: #005ec5;   
}

   
    
/******************************************************************************************/
/* Hauptnavigation	  */
/******************************************************************************************/

    
    
#navigationframe  { 
display: none;
     }

#navigation  { 
    float:left;
    width: 1040px;
    height: 77px;
    margin-top:0px;
    margin: -00px 0 0 2px;
    background-image:url(../img/navigation1025.png);
     }

#hauptnavigation  { 
    float:left;
    margin-top: 26px;
    margin-left: 22px;
/*    border: yellow 1px solid;    */
     }
    


    
/******************************************************************************************/
/* Footer	  */
/******************************************************************************************/

#footer_mobile {
display: none;       
}

#footer {
float:left;
width:64em;
}

#footerelement {
float:left;
width:56.250em;
min-height:0.313em;
margin-left:1.250em;
padding:0;
}

#footer_quentin {
float:left;
margin:1.250em 0 0.938em 240px;
font-size:0.938em;
color:#646464;
}



    
/******************************************************************************************/
/* Bottomadvertising	  */
/******************************************************************************************/


#bottomboarder {
width:69em;
clear:both;
height:0;
/* background-image:url(../img/footer_neu_os.png);*/
margin:0;
padding:0;
}

#solarlogo {
float:left;
margin-left:60em;
margin-top:0.938em;
}

#bottomadvertising A {
float:left;
color:#ff0000;
margin:-1.8em 0 0 73em;
padding:0;
font-size: 0.850em;
font-weight:bold;
background-color:#ffffff;
}



    
    
/******************************************************************************************/
/* Contentlayout	  */
/******************************************************************************************/

H1 {
font-size:1.325em;
color:#040b25;
margin: 0 0 -0.625em 0;

}

H6 {
font-size:1.325em;
color:#040b25;
margin: -15px 0 10px 0;

}
    
    
    
    
H2 {
font-size:0.875em;
line-height:1.188em;
color:#141baf;
}

P {
font-size:1.225em;
line-height:22px;
color:#0f0f3d;
}
    
    
.download {
background-image:url(../img/downloads_adobe.gif);
background-repeat:no-repeat;
padding-left:1.563em;
padding-top:0.125em;
}

.mail {
background-repeat:no-repeat;
padding-left:0;
padding-top:0.125em;
text-decoration:underline;
color:#005ec5;
}    
    
    
    
    
    
   
#navi {
    
 display: none;      
    
}

    
        
sup, sub{
	line-height:0px;
    font-size: 10px;
}
   
    
    
        




  

    
/*****************************************************/
/* Kacheln                                            */
/*****************************************************/    

.kachel3d {
float: left;
width: 250px;
height: 226px;    
cursor:pointer; 
}

.kachel3d > .kachelfront {
    position:absolute;
    -webkit-transform: perspective( 600px ) rotateY( 0deg );
    transform: perspective( 600px ) rotateY( 0deg );
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: -webkit-transform .5s linear 0s;
    transition: transform .5s linear 0s;
}

.kachel3d > .kachelback {
    position:absolute;
    -webkit-transform: perspective( 600px ) rotateY( 180deg );
    transform: perspective( 600px ) rotateY( 180deg );
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: -webkit-transform .5s linear 0s;
    transition: transform .5s linear 0s;
}

.kachel3d:hover > .kachelfront {
    -webkit-transform: perspective( 600px ) rotateY( -180deg );
    transform: perspective( 600px ) rotateY( -180deg );
}

.kachel3d:hover > .kachelback {
    -webkit-transform: perspective( 600px ) rotateY( 0deg );
    transform: perspective( 600px ) rotateY( 0deg );
}





.kachelposition1 {
clear:both;
float: left;
width: 250px;
height: 226px;
margin: -226px 0 0 270px;    
cursor:pointer;
}
    
.kachelposition2 {
clear:both;
float: left;
width: 250px;
height: 226px;
margin: -226px 0 0 540px;    
cursor:pointer;
}
    
.kachelposition3 {
clear:both;
float: left;
width: 250px;
height: 226px;
margin: -226px 0 0 810px;    
cursor:pointer;
}
    

#alpha_wrapper {
float: left;
width: 250px;
height: 226px;    
position: relative;    
}

#kacheldefinition {
float: left;
width: 250px;
height: 226px;   
border: 1px #e1e1e1 solid;
background: -moz-linear-gradient(top,  rgba(255,249,249,1) 0%, rgba(237,233,231,0) 29%, rgba(219,216,212,0.43) 59%, rgba(201,199,190,1) 99%, rgba(201,199,189,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,249,249,1)), color-stop(29%,rgba(237,233,231,0)), color-stop(59%,rgba(219,216,212,0.43)), color-stop(99%,rgba(201,199,190,1)), color-stop(100%,rgba(201,199,189,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,249,249,1) 0%,rgba(237,233,231,0) 29%,rgba(219,216,212,0.43) 59%,rgba(201,199,190,1) 99%,rgba(201,199,189,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,249,249,1) 0%,rgba(237,233,231,0) 29%,rgba(219,216,212,0.43) 59%,rgba(201,199,190,1) 99%,rgba(201,199,189,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,249,249,1) 0%,rgba(237,233,231,0) 29%,rgba(219,216,212,0.43) 59%,rgba(201,199,190,1) 99%,rgba(201,199,189,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,249,249,1) 0%,rgba(237,233,231,0) 29%,rgba(219,216,212,0.43) 59%,rgba(201,199,190,1) 99%,rgba(201,199,189,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff9f9', endColorstr='#c9c7bd',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;     
-webkit-box-shadow: -2px 4px 5px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    -2px 4px 5px 0px rgba(50, 50, 50, 0.3);
box-shadow:         -2px 4px 5px 0px rgba(50, 50, 50, 0.3); 
}


#kachel1_pic {
position: absolute;
width: 250px;
height:184px;
background-image:url(../img/Bovel_AG.jpg);   
margin: 2px 0 0 1px;    
clear: both;  
}    
#kachel1a_pic {
position: absolute;
width: 250px;
height:184px;
background-image:url(../img/Bovel_AG.jpg);   
margin: 2px 0 0 1px;    
clear: both;  
}    


#kachel2_pic {
position: absolute;
width: 250px;
height:184px;
background-image:url(../img/Gastro_1.jpg);   
margin: 2px 0 0 1px;    
clear: both;  
}    
#kachel2a_pic {
position: absolute;
width: 250px;
height:184px;
background-image:url(../img/Gastro_2.jpg);   
margin: 2px 0 0 1px;    
clear: both;  
}

#kachel3_pic {
position: absolute;
width: 250px;
height:184px;
background-image:url(../img/bet1.jpg);   
margin: 2px 0 0 1px;    
clear: both;  
}    
#kachel3a_pic {
position: absolute;
width: 250px;
height:184px;
background-image:url(../img/bet2.jpg);   
margin: 2px 0 0 1px;    
clear: both;  
}


#kachel4_pic {
position: absolute;
width: 250px;
height:184px;
background-image:url(../img/tour1.jpg);   
margin: 2px 0 0 1px;    
clear: both;  
}    
#kachel4a_pic {
position: absolute;
width: 250px;
height:184px;
background-image:url(../img/tour2.jpg);   
margin: 2px 0 0 1px;    
clear: both;  
}


#kachel_text {
position: absolute;
font-size: 1.063em;
margin: 190px 0 0 3px;    
clear: both;    
}    


#kachel_text A{
color:#03052a;
}    



}



/************ ENDE 1025 bis 1920 ***********************************************************************************************************************************************/





img {
	  max-width: 100%;
	  height: auto;
	}



.ke_search_sword {
position:absolute;
top:1px;
width:120px;
height:auto;
display:inline;
margin:0;
padding:8px 40px 7px 9px;
}


img.download {
vertical-align:middle;
}




UL,LI {
list-style:square outside;
margin-left:0.625em;
padding:0;

}

P A,A {
color:#005ec5;
text-decoration:none;
}

.internal-link,.external-link-new-window {
/* background-image:url(../img/link.png); */
/* background-repeat:no-repeat; */ 
/* padding-left:1.063em;*/
/* padding-top:0px;*/
text-decoration:none;
}


.csc-textpic-imagewrap {
font-size:0.88em;    
    
}


a img { border: 0 }