@charset "UTF-8";
/* CSS Document */

/*--------------CSS RESET---------------------*/
/*--------------CSS RESET---------------------*/
/*--------------CSS RESET---------------------*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
body,html
{height:100%; font-family:Verdana, Arial, Helvetica, sans-serif;}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	padding-left: 7px;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/*--------------Misc---------------------*/
/*--------------Misc---------------------*/
/*--------------Misc---------------------*/


div#language
{position:absolute; right:7px; bottom:5px;}

div#language_2
{
	position:absolute;
	left:630px;
	top:0px;
	margin-top:5px;
}

div#language_2 img
{display:block; margin:0 0 10px 0}


div#facebook{
	position:absolute;
	left:630px;
	top:41px;
	margin-top:5px;
}


div#wrapper
{margin:10px auto; width:700px; height:auto; overflow:visible;  position:relative}
.clr{clear:both}

#fullcolumn ul{  list-style: disc; margin-left:15px; }
#fullcolumn ul li { font-size:12px; line-height:1.4em; margin:0 7px 10px 7px; }



/*--------------Headlines---------------------*/
/*--------------Headlines---------------------*/
/*--------------Headlines---------------------*/

h1
{font-size:16px; margin:10px 0 10px 7px; font-weight:bold}

h2
{font-size:14px; margin:18px 0 10px 7px; font-weight:bold}


/*--------------Fonts / Colors / Links---------------------*/
p
{font-size:12px; line-height:1.4em; margin:0 7px 10px 7px; clear:both}

p.rightcolumntext
{font-size:12px; line-height:1.4em; margin:10px 7px 0 0; clear:both; overflow:visible;}


strong
{font-weight:bold}

.purple
{color:#cf007d; font-weight:bold}

.lila
{color:#3f134c}

.lilabold
{color:#3f134c; font-weight:bold}

.orangebold
{color:#ee7d00; font-weight:bold}

.bold
{font-weight:bold}

.white
{color:#fff}

.whitebold
{color:#fff; font-weight:bold;}

a:link
{color:#000; text-decoration:underline;}

a:visited
{color:#000; text-decoration:underline;}

a:hover
{color:#000; text-decoration:underline;}

a:active
{color:#000; text-decoration:underline;}

a.bold
{font-weight:bold; color:#000; text-decoration:underline;}

a.bold:hover
{font-weight:bold; color:#000; text-decoration:underline;}

a.purple
{color:#cf007d; font-weight:bold; text-decoration:none;}

a.purple:hover
{color:#cf007d; font-weight:bold; text-decoration:underline;}

a.lang
{font-size: 14px; font-weight:bold; color:#cf007d; text-decoration:none;}

a.lang:hover
{font-size: 14px; font-weight:bold; color:#cf007d; text-decoration:underline;}

/*--------------Backgrounds---------------------*/
/*--------------Backgrounds---------------------*/
/*--------------Backgrounds---------------------*/
#startbg
{background:#fff url(../img/start/bg_lila.gif) left top repeat-y}

#startbg strong
{color:#cf007d}

#startbg h1
{color:#cf007d}

#pressbg h1
{color:#ee7d00}

#kollektionbg
{background:#9ea5d7 url(../img/ctnt/bg_kollektion.gif) 20% top no-repeat}

#kollektionbg h1
{color:#681a7d}

#haendlerbg
{background:#d881a7 url(../img/ctnt/bg_haendler.gif) 20% top no-repeat}

#ueberunsbg
{background:#d5cfb6 url(../img/ctnt/bg_ueberuns.gif) 20% top no-repeat}

#ueberunsbg h1
{color:#491718}

#pressbg
{background:#ee7d00 url(../img/ctnt/bg_press.gif) 20% top no-repeat}

#ecobg
{background:#cbf299 url(../img/ctnt/bg_eco.gif) 20% top no-repeat}

#purplebg
{background:#68c1bf url(../img/ctnt/bg_kollektion.gif) 20% top no-repeat}

#lightboxbg
{background:#68c1bf url(../img/ctnt/bg_kollektion.gif) -400px top no-repeat;}

#lightboxbg h1
{color:#fff}


/*--------------Startseite---------------------*/
/*--------------Startseite---------------------*/
/*--------------Startseite---------------------*/


#startmenu
{width:600px}

#startmenu li
{float:left; position:relative; padding:7px; width:186px; height:186px; display:block;}

#startmenu li a span {display:none}
#startmenu li a {background-repeat:no-repeat; width:100%; height:100%; display:block;}

a#kollektion {background-image:url(../img/start/Jan02.jpg)}
a#kollektion:hover {background-image:url(../img/start/kollektion_hover.gif)}

a#ueberuns {background-image:url(../img/start/Jan03.jpg)}
a#ueberuns:hover {background-image:url(../img/start/ueberuns_hover.gif)}

a#presse {background-image:url(../img/start/Jan04.jpg)}
a#presse:hover {background-image:url(../img/start/presse_hover.gif)}

a#haendler {background-image:url(../img/start/Jan01.jpg)}
a#haendler:hover {background-image:url(../img/start/haendler_hover.gif)}

a#eco {background-image:url(../img/start/start_aug_11_06.gif)}
a#eco:hover {background-image:url(../img/start/eco_hover.gif)}

a#ecoen {background-image:url(../img/start/start_aug_11_06.gif)}
a#ecoen:hover {background-image:url(../img/start/eco_hover.gif)}

a#collection {background-image:url(../img/start/Jan02.jpg)}
a#collection:hover {background-image:url(../img/start/collection_ho.gif)}

a#contact {background-image:url(../img/start/Jan03.jpg)}
a#contact:hover {background-image:url(../img/start/aboutus_ho.gif)}

a#press {background-image:url(../img/start/Jan04.jpg)}
a#press:hover {background-image:url(../img/start/press_ho.gif)}

a#retailers {background-image:url(../img/start/Jan01.jpg)}
a#retailers:hover {background-image:url(../img/start/retailers_ho.gif)}

a#aboutus {background-image:url(../img/start/start_aug_11_06.gif)}
a#aboutus:hover {background-image:url(../img/start/aboutus_ho.gif)}




/*--------------Hauptmenu---------------------*/
/*--------------Hauptmenu---------------------*/
/*--------------Hauptmenu---------------------*/

#mainmenu
{width:620px;}

#mainmenu li
{float:left; position:relative; padding:0 0 0 7px; margin:0 0 10px 0; width:96px; height:96px;}

#mainmenu li a span {display:none}
#mainmenu li a {background-repeat:no-repeat; width:100%; height:100%; display:block;}

a#mainkollektion {background-image:url(../img/menu/kollektion.gif)}
a#mainkollektion:hover {background-image:url(../img/menu/kollektion_hover.gif)}

a#mainkontakt {background-image:url(../img/menu/kontakt.gif)}
a#mainkontakt:hover {background-image:url(../img/menu/kontakt_hover.gif)}

a#mainpresse {background-image:url(../img/menu/presse.gif)}
a#mainpresse:hover {background-image:url(../img/menu/presse_hover.gif)}

a#mainhaendler {background-image:url(../img/menu/haendler.gif)}
a#mainhaendler:hover {background-image:url(../img/menu/haendler_hover.gif)}

a#mainueberuns {background-image:url(../img/menu/ueberuns.gif)}
a#mainueberuns:hover {background-image:url(../img/menu/ueberuns_hover.gif)}

a#maincollection {background-image:url(../img/menu/collection_s.gif)}
a#maincollection:hover {background-image:url(../img/menu/collection_s_ho.gif)}

a#maincontact {background-image:url(../img/menu/aboutus.gif)}
a#maincontact:hover {background-image:url(../img/menu/aboutus_ho.gif)}

a#mainpress {background-image:url(../img/menu/press_s.gif)}
a#mainpress:hover {background-image:url(../img/menu/press_s_ho.gif)}

a#mainretailers {background-image:url(../img/menu/retailers_s.gif)}
a#mainretailers:hover {background-image:url(../img/menu/retailers_s_ho.gif)}

a#maineco {background-image:url(../img/menu/eco.gif)}
a#maineco:hover {background-image:url(../img/menu/eco_hover.gif)}



/*--------------Kollektion---------------------*/
/*--------------Kollektion---------------------*/
/*--------------Kollektion---------------------*/





ul#submenu_kollektion {
	clear:both;
	width:611px;
	height: 22px;
    margin: 0 0 0 7px;
    text-align: center;
    background-color:#681a7d;
	overflow:hidden;
  }

ul#submenu_kollektion li {
	width: auto;
	font-size: 12px;
    list-style: none;
	position:relative;
	float:left;
    padding:0;
	margin:0;
	height:22px;
	overflow:hidden;
  }

ul#submenu_kollektion li a {
    padding: 5px 25px 2px 10px;
    height:22px;
	display:block;
	text-decoration:none; 
	font-weight: bold;
    color:#FFF; 
	background:#681a7d url(../img/menu/arrow.gif) top right no-repeat;
}

ul#submenu_kollektion a:hover, ul#submenu_kollektion a.active {
	color:white;
	background:#9ea5d7 url(../img/menu/arrow_ho.gif) top right no-repeat;
}

.neu
{background: url(../img/ctnt/neu.gif); position:absolute; right:-5px; top:-8px;	width:37px;	height:37px; z-index: 1;}

.new
{background: url(../img/ctnt/new.gif); position:absolute; right:-5px; top:-8px;	width:37px;	height:37px; z-index: 1;}

ul#listkollektion
{clear:both}

ul#listkollektion li
{float:left; width:96px; height:96px; overflow:visible; margin:0 0 10px 7px; position:relative;}

ul#listkollektion li:hover .hoverlistkollektion
{display:block}

ul#listkollektion li img
{width:96px; height:96px}

ul#listkollektion li span {behavior: url(../../iepngfix.htc)}

ul#listkollektion li a:hover .thmbover {display:block; text-decoration:none;}

ul#listkollektion li a:link, ul#listkollektion li a:hover {text-decoration:none;}

ul#listkollektion li a .thmbover {display:none; position:absolute; right:0; top:0; width:96px; height:60px; padding-top: 36px; overflow:hidden; text-align:center; font-weight:bold; background-image:  url("../img/lauflernschuhe/thmb_trnsprnt.png"); font-size:11px; color:#FFFFFF; text-decoration:none;}


/*--------------Eco---------------------*/
/*--------------Eco---------------------*/
/*--------------Eco---------------------*/




ul#submenu_eco {
	clear:both;
	width:611px;
	height: 22px;
    margin: 17px 0 0 7px;
    text-align: center;
    background-color:#76bb4f;
	overflow:hidden;
  }

ul#submenu_eco li {
	width: auto;
	font-size: 12px;
    list-style: none;
	position:relative;
	float:left;
    padding:0;
	margin:0;
	height:22px;
	overflow:hidden;
  }
  
ul#submenu_eco li a {
    padding: 5px 21px 2px 21px;
    height:22px;
	display:block;
	text-decoration: none; 
	font-weight: bold;
    color:white; 
	background:#76bb4f url(../img/menu/arrow.gif) top right no-repeat;
}

ul#submenu_eco a:hover, ul#submenu_eco a.active {
	color:white;
	background:#cbf299 url(../img/menu/arrow_ho.gif) top right no-repeat;
}







/*--------------Presse---------------------*/
/*--------------Presse---------------------*/
/*--------------Presse---------------------*/



ul#submenu_presse {
	clear:both;
	width:611px;
	height: 22px;
    margin: 7px 0 7px 7px;
    text-align: center;
    background-color:#ee7d00;
	overflow:hidden;
  }

ul#submenu_presse li {
	width:auto;
	font-size:12px;
    list-style:none;
	position:relative;
	float:left;
    padding:0;
	margin:0;
	height:22px;
	overflow:hidden;
  }
  
ul#submenu_presse li a {
    padding: 5px 25px 2px 20px;
    height:22px;
	display:block;
	text-decoration: none; 
	font-weight: bold;
    color:#FFF; 
	background:#ee7d00 url(../img/menu/arrow_presse.gif) top right no-repeat;
}

ul#submenu_presse a:hover, ul#submenu_presse a.active {
	color:white;
	background:#f0d2b7 url(../img/menu/arrow_ho.gif) top right no-repeat;
}


/*--------------Haendler---------------------*/
/*--------------Haendler---------------------*/
/*--------------Haendler---------------------*/


ul#submenu_haendler {
	clear:both;
	width:611px;
	height: 22px;
    margin: 7px 0 7px 7px;
    text-align: center;
    background-color:#d9227c;
	overflow:hidden;
  }

ul#submenu_haendler li {
	width:auto;
	font-size: 12px;
    list-style: none;
	position:relative;
	float:left;
    padding:0;
	margin:0;
	height:22px;
	overflow:hidden;
  }
  
ul#submenu_haendler li a {
    padding: 5px 25px 2px 20px;
    height:22px;
	display:block;
	text-decoration: none; 
	font-weight: bold;
    color:white; 
	background:#d9227c url(../img/menu/arrow_haendler.gif) top right no-repeat;
}

ul#submenu_haendler a:hover, ul#submenu_haendler a.active {
	color:white;
	background:#e9d0e1 url(../img/menu/arrow_ho.gif) top right no-repeat;
}



/*--------------Ueber uns---------------------*/
/*--------------Ueber uns---------------------*/
/*--------------Ueber uns---------------------*/


ul#submenu_ueberuns {
	clear:both;
	width:611px;
	height: 22px;
    margin: 7px 0 7px 7px;
    text-align: center;
    background-color:#491718;
	overflow:hidden;
  }

ul#submenu_ueberuns li {
	width:auto;
	font-size: 12px;
    list-style: none;
	position:relative;
	float:left;
    padding:0;
	margin:0;
	height:22px;
	overflow:hidden;
  }
  
ul#submenu_ueberuns li a {
    padding: 5px 25px 2px 20px;
    height:22px;
	display:block;
	text-decoration: none; 
	font-weight: bold;
    color:#FFF; 
	background:#491718 url(../img/menu/arrow_presse.gif) top right no-repeat;
}

ul#submenu_ueberuns a:hover, ul#submenu_ueberuns a.active {
	color:white;
	background:#d5cfb6 url(../img/menu/arrow_ho.gif) top right no-repeat;
}





/*--------------2column---------------------*/
/*--------------2column---------------------*/
/*--------------2column---------------------*/



div#leftcolumn
{width:202px; height:auto; overflow:hidden; margin:25px 7px 0 7px; float:left }
div#rightcolumnkontakt
{
	width:300px;
	height:auto;
	overflow:hidden;
	margin:10px 7px 0 0;
	float:left;
}

div#rightcolumn
{
	width:407px;
	height:auto;
	overflow:hidden;
	margin:25px 10px 0 0;
}


.anchors a, .anchors a:visited, .anchors a:active
{font-size:12px; color:#d183aa; text-decoration:none; float:left; display:block; text-align:left; padding:0 10px 5px 0; height:auto}
.anchors a:hover
{color:#be3f83; text-decoration:underline}


/*--------------1column---------------------*/
/*--------------1column---------------------*/
/*--------------1column---------------------*/

div#fullcolumn
{
	width:620px;
	float:left;
	overflow:hidden;
	height:auto;
	margin: 25px 0 10px 0;
	font-size: 9px;
}

.contentimg {padding: 0 14px 14px 0;}



/*--------------lightbox---------------------*/
/*--------------lightbox---------------------*/
/*--------------lightbox---------------------*/


div#lightboxcntnt
{padding: 20px 0 0 20px}

div#images
{width:100%; height:228px}

div#leftcollightbox
{width:370px; float:left; overflow:visible; height:auto}

div#leftcollightbox p
{font-size:10px;}

ul.lightbox {list-style-type: disc; margin: 20px 0 20px 25px; font-size:12px; line-height:1.4em;}