html,body
{
margin:0;
padding:0;
height:100%;
}

body
{
background-image: url(bilder/bg-top.jpg	);
background-repeat:repeat-x;
background-color:#fff;
}



.page
{
min-height: 100%;
height:auto !important; /* moderne Browser */
height:100%; /* IE */
position: relative;
background-image: url(bilder-sommersandalen/bg-content.jpg);
background-repeat:repeat-y;
background-position:center;
}




.clearer
{
clear: both;
}





div
{
font-family: Verdana, Arial, Sans-Serif;
color: #4d4d4d;
line-height:18px;
}



.header
{
width:999px;
height:214px;
margin:0 auto;
background-image: url(bilder-sommersandalen/bg-top.jpg);
background-repeat:no-repeat;
}


.footer
{
text-align:center;
height:28px;
width:999px;
font-size:60%;
background-image: url(bilder-sommersandalen/bg-content-bottom.jpg);
background-repeat:no-repeat;
color: #4d4d4d;
background-color:#fff;
position: absolute;
bottom: 0; /* wichtig */
padding-top:30px;
}




.container
{
width:999px;
margin:0 auto;
min-height:400px;
}


.content
{
float:left;
width:520px;
margin-top:0px;
padding-left:60px;
padding-right:20px;
padding-top:30px;
font-size:65%;
height:100%;

}


.nav
{
text-align:right;
float:right;
width:213px;
min-height:247px;
margin-top:50px;
padding-right:20px;
font-size:80%;
background-image: url(bilder-sommersandalen/bg-nav.jpg);
background-repeat:no-repeat;
}



a:link { font-size:110%; color:#076320; text-decoration:none; display:block; padding:4px; padding-right:35px;}
a:visited { font-size:110%; color:#076320; text-decoration:none; display:block; padding:4px; padding-right:35px;}
a:hover { font-size:110%; color:#fff; text-decoration:none; display:block;  background-image:url(bilder-sommersandalen/bg-link.jpg);  background-repeat:no-repeat; background-position:20px;}

a.link4:link { font-size:110%; color:#076320; text-decoration:none; display:block; padding:4px; padding-right:35px;}
a.link4:visited { font-size:110%; color:#076320; text-decoration:none; display:block; padding:4px; padding-right:35px;}
a.link4:hover { font-size:110%; color:#fff; text-decoration:none; display:block;  background-image:url(bilder-sommersandalen/bg-link-gross.jpg);  background-position:20px;}


a.fitflop:link { font-size:110%; color:#525353; text-decoration:none; display:block; padding:4px; padding-right:35px;}
a.fitflop:visited { font-size:110%; color:#525353; text-decoration:none; display:block; padding:4px; padding-right:35px;}
a.fitflop:hover { font-size:110%; color:#fff; text-decoration:none; display:block;  background-image:url(bilder-sommersandalen/bg-link-fitflop.jpg);  background-repeat:no-repeat; background-position:20px;}


a.active:link {
 font-family: Arial; font-size:12px; color:#fff; text-decoration:none; display:block; background-color:#1054a1; background-image:url(bilder/bg-link.jpg); background-repeat:no-repeat;}

a.active:visited{
 font-family: Arial; font-size:12px; color:#fff; text-decoration:none; display:block; background-color:#1054a1; background-image:url(bilder/bg-link.jpg); background-repeat:no-repeat;}

a.active:hover{
 font-family: Arial; font-size:12px; color:#fff; text-decoration:none; display:block; background-color:#1054a1; background-image:url(bilder/bg-link.jpg); background-repeat:no-repeat;}



a.link1:link
 {text-decoration:underline; display:inline;  color:#111111; font-family: Verdana, Arial, Sans-Serif; font-size:90%; padding:0px;}
a.link1:visited
 {text-decoration:underline; display:inline;  color:#111111; font-family: Verdana, Arial, Sans-Serif; font-size:90%; padding:0px;}
a.link1:hover
 {text-decoration:none; display:inline; background-color:#fff; font-family: Verdana, Arial, Sans-Serif; font-size:90%;  padding:0px; background-image:none;}
 
 a.link2:link
 {text-decoration:underline; display:inline;  color:#076320; font-family: Verdana, Arial, Sans-Serif; font-size:100%; padding:0px;}
a.link2:visited
 {text-decoration:underline; display:inline;  color:#076320; font-family: Verdana, Arial, Sans-Serif; font-size:100%; padding:0px;}
a.link2:hover
 {text-decoration:none; display:inline; font-family: Verdana, Arial, Sans-Serif; font-size:100%; color:#06ac2d;  padding:0px; background-image:none;}
 
 
 
  a.link3:link
 {text-decoration:none; display:block; background-color:#f6f6f6;  color:#4d4d4d; font-family: Verdana, Arial, Sans-Serif; font-size:100%; padding:0px; margin-bottom:4px;}
a.link3:visited
 {text-decoration:none; display:block; background-color:#f6f6f6;  color:#4d4d4d; font-family: Verdana, Arial, Sans-Serif; font-size:100%; padding:0px; margin-bottom:4px;}
a.link3:hover
 {text-decoration:underline; display:block; background-color:#f6f6f6; font-family: Verdana, Arial, Sans-Serif; font-size:100%; color:#06ac2d;  padding:0px; background-image:none; margin-bottom:4px;}



.link-content a:link
 {text-decoration:none; display:inline;  color:#fff; font-family: Verdana, Arial, Sans-Serif; padding-right:40px;}
.link-content a:visited
 {text-decoration:none; display:inline;  color:#fff; font-family: Verdana, Arial, Sans-Serif;  padding-right:40px;}
.link-content a:hover
 {text-decoration:underline; display:inline; font-family: Verdana, Arial, Sans-Serif;  padding-right:40px; background-image:none;}
 
 
 
 .menu a:link
 {text-decoration:none; display:inline;  color:#fff; font-family: Verdana, Arial, Sans-Serif; padding-right:3px;}
 .menu  a:visited
 {text-decoration:none; display:inline;  color:#fff; font-family: Verdana, Arial, Sans-Serif;  padding-right:3px;}
  .menu  a:hover
 {text-decoration:underline; display:inline; font-family: Verdana, Arial, Sans-Serif;  padding-right:3px; background-image:none;  
}


.menu img
{
 margin-top:7px;
}


.menu img a:link 
{
filter: alpha(opacity=100);
opacity: 1.0;
}

.menu img a:visited 
{
filter: alpha(opacity=100);
opacity: 1.0;
}

.menu a:hover img 
{
opacity: .5;
filter: alpha(opacity=50);
}



 .menu-modelle a:link
 {text-decoration:none; display:inline;  color:#fff; font-family: Verdana, Arial, Sans-Serif; padding-right:3px;}
 .menu-modelle  a:visited
 {text-decoration:none; display:inline;  color:#fff; font-family: Verdana, Arial, Sans-Serif;  padding-right:3px;}
  .menu-modelle  a:hover
 {text-decoration:underline; display:inline; font-family: Verdana, Arial, Sans-Serif;  padding-right:3px; background-image:none;  
}


.menu-modelle img
{
 margin-top:7px;
}
 
/*

.menu-modelle img a:link 
{
filter: alpha(opacity=100);
opacity: 1.0;
}

.menu-modelle img a:visited 
{
filter: alpha(opacity=100);
opacity: 1.0;
}

.menu-modelle a:hover img 
{
opacity: .5;
filter: alpha(opacity=50);
}
*/



ul li span {visibility:hidden; position:absolute; margin-left:0px; margin-top:-40px; width:200px; height:126px; color:transparent; font-size:105%;}

ul li a:link span {visibility:hidden; position:absolute; margin-left:-10px; margin-top:-120px; z-index:100;}

ul li a:visited span {visibility:hidden; position:absolute; margin-left:-10px; margin-top:-120px; z-index:100;}

ul li a:hover span {visibility:visible; position:absolute; margin-left:-10px; margin-top:-120px; z-index:100;}


ul li a:focus span {visibility:visible; position:absolute; margin-left:-10px; margin-top:-120px; z-index:100;}


h1
{
font-weight:normal;
font-size:120%;
color:#045e21;
background-image: url(bilder-sommersandalen/titel-fitx2.jpg);
background-repeat:repeat-x;
background-position:bottom;
height:30px;
}



h2
{
font-weight:normal;
font-size:120%;
color:#f70000;
background-image: url(bilder-sommersandalen/titel-fitflop.jpg);
background-repeat:no-repeat;
background-position:bottom;
height:30px;
}


h3
{
font-weight:normal;
font-size:120%;
color:#045e21;
}

h4
{
font-weight:bold;
font-size:100%;
color:#045e21;
margin:0px;
padding:0px;
margin-bottom:0px;
}


h5
{
padding-left:4px;
font-weight:normal;
font-size:110%;
color:#045e21;
margin-bottom:0px;
}


.link-content
{
padding-left:230px;
padding-top:13px;
width:300px;
height:32px;
background-image: url(bilder-sommersandalen/bg-link-content-fitflop.jpg);
background-repeat:no-repeat;
color:#fff;
font-style:italic;
}

input
{

font-size:90%;
border: 1px solid #076320;	
}

textarea
{
color:#000;
font-size:11px;
}


.feedback_box
{
width:500px;
padding:10px;
border: 1px solid #caffd7;
background-color:#f8f8f8;
}


.small
{
font-size:85%;
line-height:normal;
color:#313131;
}


#green
{
color:#076320;
}



.yellow
{
color:#ffd41d;
}


.faq
{
margin-left:10px; margin-top:0px; text-align:justify;
}



.seiteoben
{
text-align:right; width:600px; height:30px;
background-image: url(bilder-sommersandalen/pfeil-oben.jpg);
background-repeat:no-repeat;
background-position:right;
padding-top:10px;
}


.fitx2
{
background-color:#006117;
color:#fff;
padding:2px;
}




img a { 
   border: none; 
} 

img { 
   border: none; 
} 

*:focus { outline-style:none; }





#fotos ul
{
margin:0px;
list-style:none;
}


#fotos li
{
width:100px;
display:inline;


}


ul.menu li{
	margin:0px;
	padding:0px;
	line-height:0px;
	float:left;
	list-style: none;
	display:block;
	list-style-position:outside;
	
}

.fitflop-start2{
position:absolute; margin-left:530px;
}




/*
 a:link img
{
display:none;
}


 a:visited img
{
display:none;
}



 a:hover img
{
position:absolute;
margin-top:-20px;
display:inline;
}

*/


/* Texterweiterung */

.text
 {
 height:26px;
 overflow:hidden;
 }
 
.text a:link
{ font-size:110%; color:#076320; text-decoration:none; display:block; padding:4px; padding-right:35px;}
 


.text a:hover
{
font-size:110%; color:#fff; text-decoration:none; display:block;  background-image:url(bilder-sommersandalen/bg-link.jpg);  background-repeat:no-repeat; background-position:20px;
}




a.text_active:link
{ font-size:110%; color:#fff; text-decoration:none; display:block;  background-image:url(bilder-sommersandalen/bg-link.jpg);   background-repeat:no-repeat; background-position:20px; padding:4px; padding-right:35px;}

a.text_active:visited
{ font-size:110%; color:#fff; text-decoration:none; display:block;  background-image:url(bilder-sommersandalen/bg-link.jpg);   background-repeat:no-repeat; background-position:20px; padding:4px; padding-right:35px;}


 
.text_active a:visited


.text_active
 {
 height:125px;
 overflow:auto;
 }

a.text_link1:link
 {

 font-size:12px; color:#076320; text-decoration:none; font-weight:bold;}

a.text_link1:visited
 {

 font-size:12px; color:#076320; text-decoration:none; font-weight:bold;}


a.text_link1:hover
 {

 font-size:12px; color:#076320; text-decoration:underline; font-weight:bold; background-image:url(); }