html, body{
	padding: 0;
	margin: 0;
}

body{
	background: white url("img/bg/bg.jpg") no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

img{
	border: 0;
}

a, a:active, a:hover, a:visited{
	text-decoration: none;
	color: inherit;
}

/*---------------------------------------*/
/* START LOGO-BEREICH */
#logobereich{
	height: 106px;
}

#logobereich #logo{
	margin: 20px 0 0 20px;
}
/* ENDE LOGO-BEREICH */
/*---------------------------------------*/




/*---------------------------------------*/
/* START FACEBBOOK-BEREICH */
#facebookbereich {
	border: 0px;
	position: fixed;
	bottom: 0px;
	right: 0px;
	margin: 0 auto;
	z-index: 500;
}

#facebookbereich a:focus{
	outline: none;

}

#facebookbereich #facebook {
	border: 0px;
	vertical-align: bottom;
}

#facebookbereich #facebook a:focus{	
	outline: none;
}

/* ENDE FACEBBOOK-BEREICH */
/*---------------------------------------*/




/*---------------------------------------*/
/* START OBERE LEISTE*/
#kopf{
	height: 78px;
	background: url("img/navi/kopf_bg.png") repeat-x;
	position: absolute;
	top: 106px;
	left: 0;
	width: 100%;
}

#kopf #menuLink{
	background-image: url("img/navi/menue_button_inaktiv.png");
	position: absolute;
	top: 14px;
	left: 21px;
	display: block;
	width: 30px;
	height: 9px;
	cursor: pointer;
}

#kopf #menuLink img{
	background-image: url("img/navi/menue_button_inaktiv.png");
	width: 30px;
	height: 9px;
}

#kopf #menuLink:hover{
	background-image: url("img/navi/menue_button_aktiv.png");
}

#kopf #seiten_navi{
	position: absolute;
	bottom: 13px;
	left: 20px;
	height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#kopf #seiten_navi .collection_seiten_navi_aktiv{
	color: #8d8d8d;
}

#kopf #seiten_navi span{
	vertical-align: top;
	margin: 0 2px 0 2px;
	color: white;
}

#kopf #seiten_navi span:hover{
	color: #8d8d8d;
}

#kopf #seiten_navi .linkerPfeil{
	margin-right: 1px;
}

#kopf #seiten_navi .rechterPfeil{
	margin-left: 5px;
}
/* ENDE OBERE LEISTE */
/*---------------------------------------*/



/*---------------------------------------*/
/* START HAUPT-BEREICH */
#haupt{
	position: absolute;
	top: 184px;
	left: 0;
	height: 476px;
	width: 100%;
}

#haupt a{
	color: #777777;
}

#haupt em{
	font-size: 16pt;
	font-style: normal;
	font-weight: normal;
}

#haupt h6{
	margin: 0;
}
/* ENDE HAUPT-BEREICH */
/*---------------------------------------*/



/*---------------------------------------*/
/* BEGIN UNTERE NAVI-LEISTE */
.navi_unten{
	position: absolute;
	top: 622px;
	left: 0;
	width: 100%;
}

.navi_unten #aktiv{
	height: 38px;
	margin-bottom: 1px;
	background: url("img/navi/unten_aktiv_bg.png") repeat-x;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

#navi_collection_collection{
	position: absolute;
	top: 5px;
	left: 20px;
}

#navi_collection_men{
	position: absolute;
	top: 8px;
	left: 270px;
}

#navi_collection_strich{
	position: absolute;
	top: 6px;
	left: 307px;
}

#navi_collection_women{
	position: absolute;
	top: 8px;
	left: 318px;
}

#navi_shops_shops{
	position: absolute;
	top: 6px;
	left: 20px;
}

#navi_misc_service{
	position: absolute;
	top: 10px;
	left: 20px;
}

#navi_misc_jobs{
	position: absolute;
	top: 10px;
	left: 89px;
}

#navi_misc_contact{
	position: absolute;
	top: 10px;
	left: 204px;
}

#navi_misc_impressum{
	position: absolute;
	top: 10px;
	left: 282px;
}

#navi_misc_face{
	position: absolute;
	top: 6px;
	left: 380px;
}

#navi_misc_like{
	position: absolute;
	top: 5px;
	left: 408px;
}

.navi_unten #shops{
	height: 31px;
	margin-bottom: 1px;
	background: url("img/navi/unten_bg.png") repeat-x;
	position: absolute;
	top: 39px;
	left: 0;
	width: 100%;
}

.navi_unten #misc{
	height: 31px;
	background: url("img/navi/unten_bg.png") repeat-x;
	position: absolute;
	top: 71px;
	left: 0;
	width: 100%;
}
/* ENDE UNTERE NAVI-LEISTE */
/*---------------------------------------*/



/*---------------------------------------*/
/* SLIDE DOWN NAVI */
.slide_navi{
	display: none;
	background-color: #e6e8e7;
}
/* ENDE SLIDE DOWN NAVI*/
/*---------------------------------------*/



/* An hier kommen Angaben für spezielle Seiten-Arten */
/*---------------------------------------*/

#serviceBody{
	background-image: url("img/bg/service.jpg");
}

#jobsBody{
	background-image: url("img/bg/jobs.jpg");
}

#contactBody{
	background-image: url("img/bg/contact.jpg");
}

#impressumBody{
	background-image: url("img/bg/impressum.jpg");
}

/* INDEX SEITE */
#indexBody{
	background-repeat: no-repeat;
}

#index_navi{
	width: 100%;
	height: 203px;
	background-image: url("img/navi/index_navi_bg.png");
	position: absolute;
	top: 106px;
	left: 0;
	z-index: 3;
}

#index_navi .navi_liste{
	list-style: none;
	margin: 0;
	padding: 20px 0 0 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

#index_navi .navi_liste li{
	display: block;
	width: 100%;
	height: 38px;
	position: relative;
	top: 0;
	left: 0;
}
/*
#index_navi .navi_liste_bg_rahmen{
	height: 38px;
	width: 100%;
	display: none;
}*/

#index_navi .navi_liste li:hover{
	background-image: url("img/navi/index_navi_bg_aktiv.png");
}

#index_navi .navi_gross{
	position: absolute;
	top: 5px;
	left: 20px;
}

#news_banner{
	background-color:black;
	color:white;
	font-family:Arial;
	font-size:14px;
/*	font-weight:bold; */
	height:23px;
	left:0;
	padding-top:8px;
	position:absolute;
	top:342px;
	width:100%;
	letter-spacing:1px;
}

#news_banner #banner_text{
	margin-left: 20px;
}

/* menüpunkt "collection" */
#index_navi .collection #index_navi_collection_men{
	position: absolute;
	top: 9px;
	left: 264px;
}

#index_navi .collection #index_navi_collection_strich{
	position: absolute;
	top: 5px;
	left: 302px;
}

#index_navi .collection #index_navi_collection_women{
	position: absolute;
	top: 9px;
	left: 312px;
}

/* menüpunkt "friends" */
#index_navi .friends #index_navi_friends_friendsevents{
	position: absolute;
	top: 5px;
	left: 185px;
}

#index_navi .friends #index_navi_friends_strich{
	position: absolute;
	top: 5px;
	left: 267px;
}

#index_navi .friends #index_navi_friends_join{
	position: absolute;
	top: 5px;
	left: 328px;
}


.pos_fb_like{
	position: absolute;
	top: 5px;
	left: 328px;
}


/* menüpunkt "news" */
#index_navi .news #index_navi_news_news{
	position: absolute;
	top: 9px;
	left: 140px;
}

#index_navi .news #index_navi_news_strich{
	position: absolute;
	top: 5px;
	left: 187px;
}

#index_navi .news #index_navi_news_campaign{
	position: absolute;
	top: 6px;
	left: 197px;
}

/* menüpunkt "stories" */
#index_navi .stories #index_navi_stories_shoecare{
	position: absolute;
	top: 5px;
	left: 184px;
}

#index_navi .stories #index_navi_stories_strich{
	position: absolute;
	top: 5px;
	left: 270px;
}

#index_navi .stories #index_navi_stories_company{
	position: absolute;
	top: 9px;
	left: 280px;
}

#index_navi #index_navi_shops{
	background:transparent url(img/navi/unten_bg.png) repeat-x scroll 0 0;
	height:31px;
	left:0;
	margin-bottom:1px;
	position:absolute;
	top:204px;
	width:100%;
}
/* ENDE INDEX SEITE*/
/*---------------------------------------*/



/*---------------------------------------*/
/* TEXT-SEITEN*/
.text_seite_haupt{
	background: url("img/bg/nur_text_bg.png") repeat;
}

#text_content{
	height:455px;
	left:20px;
	position:absolute;
	top:0;
	width:600px;
	padding-top: 20px;
	overflow: auto;
}

.text_navi_unten{
	position: absolute;
	top: 622px;
	left: 0;
	width: 100%;
}

.text_navi_unten #shops{
	background:transparent url(img/navi/unten_bg.png) repeat-x scroll 0 0;
	height:31px;
	left:0;
	margin-bottom:1px;
	position:absolute;
	top:38px;
	width:100%;
}

.text_navi_unten #misc{
	background:transparent url(img/navi/unten_aktiv_bg.png) repeat-x scroll 0 0;
	height:31px;
	left:0;
	position:absolute;
	top:70px;
	width:100%;
}
/* ENDE TEXT-SEITEN */
/*---------------------------------------*/



/*---------------------------------------*/
/* TEXT/BILD-SEITEN */
.text_bild_bild_links{
	position: absolute;
	top: 0;
	left: 0;
}

.text_bild_overlay_raster{
	position: absolute;
	top: 0;
	left: 0;
}

.text_bild_overlay_linie2{
	left:880px;
	position:absolute;
	top:0
}

.text_bild_seite_haupt{
	height: 438px;
}

.text_bild_content{
	height:418px;
	left:441px;
	position:absolute;
	top:0;
	width:399px;
	overflow: auto;
	padding: 20px;
}


/* Elemente von Aktiv-Leiste bei "FRIENDS & EVENTS" & "JOIN FRIENDS" */
#navi_friends{
	position: absolute;
	left: 20px;
	top: 5px;
}

#navi_friends_friends{
left:185px;
position:absolute;
top:5px;
}

#navi_friends_strich{
left:317px;
position:absolute;
top:5px
}

#navi_friends_join{
left:328px;
position:absolute;
top:5px;
}

/* Elemente von Aktiv-Leiste bei "NEWS" & "CAMPAIGN" */
#navi_news{
	position: absolute;
	left: 20px;
	top: 5px;
}

#navi_news_news{
left:145px;
position:absolute;
top:9px;
}

#navi_news_strich{
left:190px;
position:absolute;
top:5px
}

#navi_news_campaign{
left:200px;
position:absolute;
top:6px;
}

/* Elemente von Aktiv-Leiste bei "SHOE CARE" & "COMPANY" */
#navi_stories{
	position: absolute;
	top: 5px;
	left: 20px;
}

#navi_stories_shoe_care{
	position: absolute;
	top: 5px;
	left: 182px;
}

#navi_stories_strich{
	position: absolute;
	top: 5px;
	left: 268px;
}

#navi_stories_company{
	position: absolute;
	top: 9px;
	left: 278px;
}
/* ENDE TEXT/BILD-SEITEN */
/*---------------------------------------*/



/*---------------------------------------*/
/* START SHOP FINDER SEITEN*/
.shop_finder_content{
	overflow-y: auto;
	font-family: Verdana;
	font-size: 12px;
	padding: 0;
	width: 440px;
	overflow-x: hidden;
}

/*
.shop_finder_content .shop{
	border-bottom: 1px solid #dfdfdf;
	position: relative;
	top: 0;
	padding-left: 20px;
	margin-top: 13px;
	padding-bottom: 28px;
}

.shop_finder_content ul{
	list-style: none;
	margin: 0;
	padding: 0;
	display: none;
}

.shop_finder_content .shop_header{
	height: 1em;
	float: left;
	margin: 0 20px 0 0;
}

.shop_finder_content .shop_header *{
	display: block;
	float: left;
}

.shop_finder_content .shop_header .shop_button{
	margin-right:16px;
	margin-top:3px;
	cursor: pointer;
}

.shop_finder_content .shop_header .plz{
	margin-right: 4px;
}

.shop_finder_content .shop_strasse{
	margin-bottom: 20px;
}

.shop_finder_content .shop_tel{
	margin-top: 20px;
}

.shop_finder_content h2{
	font-size: 12px;
	margin: 0;
	padding: 0;
}

.shop_finder_content .strong{
	font-weight: bold;
}


.shop_finder_content .shop_stadt{
	padding-right: 20px;
}

.shop_finder_content .shop_spacer{
	height: 20px;
}
*/

/* new shop finder */
.shop_finder_content .shop{
	border-bottom: 1px solid #dfdfdf;
	position: relative;
	top: 0;
	padding-left: 20px;
	margin-top: 13px;
	padding-bottom: 8px;
	width: 100%;
}

.shop_finder_content h2{
	font-size: 12px;
	margin: 0;
	padding: 0;
}

.shop_zeiten_heading{
	display: block;
	font-weight: bold;
}

.shop_tel_heading{
	font-weight: bold;
}

.shop_leitung_heading{
	font-weight: bold;
}

.shop_zeiten_text{
	display: block;
	margin-bottom: 20px;

}

.shop_details{
	display: none;
	margin-bottom:5px;
	margin-top:14px;
}

td.left{
	width: 150px;
}

.shop_finder_navi_unten{
	position: absolute;
	top: 622px;
	left: 0;
	width: 100%;
}

#shop_finder_leiste{
	background:transparent url(img/navi/unten_bg_1x37.png) repeat-x scroll 0 0;
	height:37px;
	left:0;
	position:absolute;
	top:0px;
	width:100%;
}

#shop_finder_leiste input{
	background-color: #a9a9a9;
	border:1px solid #DFDFDF;
	color:white;
	height:18px;
	left:20px;
	padding: 3px 0 0 3px;
	position:absolute;
	top:8px;
	width:198px;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
}

#shop_finder_leiste #shop_finder_go{
	position: absolute;
	top: 8px;
	left: 228px;
}

.shop_finder_navi_unten #shops{
	background:transparent url(img/navi/unten_aktiv_bg.png) repeat-x scroll 0 0;
	height:31px;
	left:0;
	margin-bottom:1px;
	position:absolute;
	top:38px;
	width:100%;
}

.shop_finder_navi_unten #misc{
	background:transparent url(img/navi/unten_bg.png) repeat-x scroll 0 0;
	height:31px;
	left:0;
	position:absolute;
	top:70px;
	width:100%;
}
/* ENDE SHOP FINDER*/
/*---------------------------------------*/



/*---------------------------------------*/
/* START SHOE STORIES*/
#shoe_care_bild1{
	position: absolute;
	top: 146px;
	left: 0;
}

#shoe_care_kasten_links{
	height:218px;
	left:294px;
	position:absolute;
	top:220px;
	width:146px;
}

#shoe_care_content{
	overflow-y: hidden;;
	height:438px;
	left:441px;
	position:absolute;
	top:0;
	width:439px;
}

#shoe_care_detail_links{
	margin-top: 20px;
}

#shoe_care_detail_links a{
	display: block;
	margin-bottom: 5px;
	color: #8D8D8D;
}

.shoe_care_detail_info{
	display: block;
}

.shoe_care_detail_content{
	overflow: hidden;;
	height:438px;
	left:441px;
	position:absolute;
	top:0;
	width:400px;
	padding: 20px 20px 0px 20px;
}

/* ENDE SHOE STORIES*/
/*---------------------------------------*/



/*---------------------------------------*/
/* START COLLECTION-SEITE */
#collection_heading{
	color:white;
	font-family:Arial;
	font-size:10pt;
	font-weight:normal;
	height:23px;
	left:0;
	margin:0;
	padding:0;
	position:absolute;
	text-align:right;
	top:29px;
	width:880px;
}

.collection_haupt img{
	border: 0;
}

#collection_overlay{
	position: absolute;
	top: 0px;
	left: 0;
	z-index: 3;
}

#collection_overlay1{
left:0;
position:absolute;
top:0;
}

#collection_overlay2{
left:0;
position:absolute;
top:146px;
}

#collection_overlay3{
left:294px;
position:absolute;
top:0;
}

#collection_overlay_linie1{
left:440px;
position:absolute;
top:0;
}

#collection_overlay_linie2{
left:882px;
position:absolute;
top:0;
}

#collection_bild1{
	position: absolute;
	top: 0;
	left: 0;
}

#collection_bild2{
	position: absolute;
	top: 146px;
	left: 0;
}

#collection_bild3{
	position: absolute;
	top: 0;
	left: 294px;
}

#collection_kasten_links{
	height:218px;
	left:294px;
	position:absolute;
	top:220px;
	width:146px;
}

#collection_kasten_links .collection_infotext{
	display: none;
	margin: 10px 0 0 10px;

}

#collection_kasten_links .collection_info_active{
	display: block;
}

.collection_content{
	overflow: hidden;;
	height:438px;
	left:441px;
	position:absolute;
	top:0;
	width:439px;
}

/* für zooom */
.collection_haupt #zoom1{
left:0;
position:absolute;
top:0;
}

.collection_haupt #zoom2{
left:0;
position:absolute;
top:146px;
}

.collection_haupt #zoom3{
left:294px;
position:absolute;
top:0;
}

.collection_haupt #collection_overlay1{
	position: static;

}

.collection_haupt #collection_overlay2{
	position: static;

}

.collection_haupt #collection_overlay3{
	position: static;
}

.collection_haupt .displayImg_1{
	position: absolute;
	top:0;
	left:-222px;
}

.collection_haupt .displayImg_2{
	height:438px;
}

.collection_haupt .displayImg_3{
	position: absolute;
	top: -109px;
	left: 0;
}

/* ENDE COLLECTION */
/*---------------------------------------*/


/*---------------------------------------*/
/* Start Overlay Editor*/

/* Editor Modus Tag*/
.editTag{
	display:block;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url("img/editor/ecke.jpg");
	width: 45px;
	height: 30px;
	background-repeat: no-repeat;
}

#editModeTag{
left:5px;
position:absolute;
top:72px;
z-index:1;
}

#editModeTag:hover{
	color: #8d8d8d;
}

.editTag{
	display:block;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url("img/editor/ecke.jpg");
	width: 45px;
	height: 30px;
}

.editTag:hover{
	color: white;
	cursor: pointer;
}

#overlay{
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 2;
	background-color: black;
	opacity: 0.8;
}

#overlayEditor{
	position: absolute;
	top: 50px;
	left: 50px;
	display: none;
	background-color: white;
	width: 70%;
	height: 80%;
	margin-left: 10%;
	z-index: 3;
}

#editor_loading_placeholder{
margin:50px auto 0;
text-align:center;
width:200px;
}

#editorCloseSpan{
	position:absolute;
	top: 2px;
	right: 2px;
	cursor: pointer;
}

#editorControls{
bottom:8px;
left:10px;
position:absolute;
}

#editorLog{
	margin-top: 6px;
}

.xinhaP{
	margin: 0;
	padding: 0;
}
/* Ende overlay editor*/
/*---------------------------------------*/


/*---------------------------------------*/
/* Start mp3 player in campaign */
.text_bild_content iframe{
	width: 400px;
	height: 320px;
	border: 0;
	margin: 10px 0 0 0;
	overflow: hidden;
}

/* Ende mp3 player in campaign */