@charset "utf-8";

/*--------------------------------------------------------------*/
/*--------------------[ CSS Document reset ]--------------------*/
/*--------------------------------------------------------------*/

* {
	margin: 0;
	padding:0;
	outline:none;
}

/*--------------------------------------------------------------*/
/*-------------[ global tags, selectors, classes ]--------------*/
/*--------------------------------------------------------------*/

html {
	overflow-y:scroll;
}

html,
body {
	height:100%;
}

body {
	background:#e50080 url(../images/bg-body.jpg) center 0 repeat-x;
	font:13px/18px "Trebuchet MS", tahoma, sans-serif;
	color:#fff;
}

/*--------------------------------------------------------------
	gloabal => typography
--------------------------------------------------------------*/
p,
#content ul {
	margin:0 0 18px 0;
}

textarea {
	overflow:auto;
}

a {
	text-decoration:underline;
	color:#fff;
}

a:hover {
	text-decoration:none;
}

.highlight {
	font-weight:bold;
}

ul {
	list-style:none;
}

hr {
	height:0;
	overflow:hidden;
	border:0;
	border-bottom:1px solid #ce0073;
	margin:0 0 18px 0;
}

/*--------------------------------------------------------------
	gloabal => positioning
--------------------------------------------------------------*/

.clear {
	clear:both;
	height:0;
	overflow:hidden;
}

.floatRight {
	float:right;
}

.floatLeft {
	float:left;
}

.indent {
	display:block;
	position:absolute;
	text-indent:-9999px;
}

.logos {
	border:1px solid #fff;
	background: #FE7B07;
	padding: 3px;
	margin-bottom: 10px;
	margin-right: 5px;
}

/*--------------------------------------------------------------
	gloabal => images
--------------------------------------------------------------*/
img.floatLeft {
	float:left;
	margin:0 10px 0 0;
}

img.floatRight {
	float:right;
	margin:0 0 0 10px;
}

.image,
a img.image,
.iframe {
	border:1px solid #fff;
	background: #FE7B07;
	padding: 4px;
	margin: 0 5px 10px 0;
}

a img {
	border:0;
}

/*--------------------------------------------------------------*/
/*-------------------------[ =container ]-----------------------*/
/*--------------------------------------------------------------*/

#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width:965px;
	margin: 0 auto -8px;
	background:url(../images/bg-container.jpg) 0 0 repeat-y;
}

/*--------------------------------------------------------------*/
/*---------------------------[ =header ]------------------------*/
/*--------------------------------------------------------------*/

#header {
	height:420px;
	background:url(../images/bg-header.jpg) 0 0 no-repeat;
	position:relative;
}

/*--------------------------------------------------------------
	header => claims & slogans
--------------------------------------------------------------*/
#header blockquote.claim {
	display:block;
	text-indent:-5000px;
	position:absolute;
}

/*--------------------------------------------------------------
	header => logo - sabrina
--------------------------------------------------------------*/
#header h1.branding {
	position:absolute;
}

#header h1.branding a {
	position:absolute;
	display:block;
	text-indent:-5000px;
	left:75px;
	top:28px;
	width:253px;
	height:150px;
	background:url(../images/branding-sabrina.jpg) 0 0 no-repeat;
}

/*--------------------------------------------------------------
	header => logo - schuhmoden neumann
--------------------------------------------------------------*/
#header h2.branding {
	position:absolute;
}

#header h2.branding a {
	position:absolute;
	display:block;
	text-indent:-5000px;
	left:505px;
	top:69px;
	width:256px;
	height:90px;
	background:url(../images/branding-schuhmoden-neumann.jpg) 0 0 no-repeat;
}

h4 {
	font-size: 1.0em;
	color: #fff;
	font-weight: bold;
	margin-bottom: 15px;
}

/*--------------------------------------------------------------
	header => navi-add
--------------------------------------------------------------*/
#header ul#navi-add {
	list-style-type:none;
	background:url(../images/navi-add.jpg) 0 0 no-repeat;
	width:330px;
	height:26px;
	text-indent:-9999px;
	position:absolute;
	top:23px;
	left:413px;
}

#header ul#navi-add li {
	float:left;
	height:26px;
	margin:0 4px 0 0;
	width:78px;
}

#header ul#navi-add li a {
	height:26px;
	background:url(../images/navi-add.jpg) -9999px 0 no-repeat;
	display:block;
	width:78px;
}

/*--------------------------------------------------------------
	header => navi-add => home
--------------------------------------------------------------*/
#header ul#navi-add li a.home {
	background-position:0 0;
}

#header ul#navi-add li a.home:hover,
#header ul#navi-add li.active a.home {
	background-position:0 -26px;
}

/*--------------------------------------------------------------
	header => navi-add => kontakt
--------------------------------------------------------------*/
#header ul#navi-add li a.kontakt {
	background-position:-82px 0;
}

#header ul#navi-add li a.kontakt:hover,
#header ul#navi-add li.active a.kontakt {
	background-position:-82px -26px;
}

/*--------------------------------------------------------------
	header => navi-add => anfahrt
--------------------------------------------------------------*/
#header ul#navi-add li a.anfahrt {
	background-position:-164px 0;
}

#header ul#navi-add li a.anfahrt:hover,
#header ul#navi-add li.active a.anfahrt {
	background-position:-164px -26px;
}

/*--------------------------------------------------------------
	header => navi-add => impressum
--------------------------------------------------------------*/
#header ul#navi-add li a.impressum {
	background-position:-246px 0;
}

#header ul#navi-add li a.impressum:hover,
#header ul#navi-add li.active a.impressum {
	background-position:-246px -26px;
}

/*--------------------------------------------------------------
	header => onlineshop button
--------------------------------------------------------------*/
a.onlineshop {
	display:block;
	width:193px;
	height:128px;
	background:url(../images/bg-onlineshop-button.jpg) 0 0 no-repeat;
	position:absolute;
	left:735px;
	top:12px;
	text-indent:-9999px;
}

a.onlineshop:hover {
	background-position:0 -128px;
}

/*--------------------------------------------------------------
	header => navi-1 (sabrina)
--------------------------------------------------------------*/

#header ul#navi-1 {
	list-style-type:none;
	background:url(../images/navi-1.jpg) 0 0 no-repeat;
	width:128px;
	height:77px;
	text-indent:-9999px;
	position:absolute;
	top:251px;
	left:347px;
}

#header ul#navi-1 li {
	height:14px;
	overflow:hidden;
	margin:0 0 17px 0;
	float:left;
	width:128px;
}

#header ul#navi-1 li a {
	height:14px;
	background:url(../images/navi-1.jpg) -9999px 0 no-repeat;
	display:block;
}

/*--------------------------------------------------------------
	header => navi-1 (sabrina) => damenschuhe
--------------------------------------------------------------*/
#header ul#navi-1 li a.damenschuhe {
	background-position:0 0;
}

#header ul#navi-1 li a.damenschuhe:hover,
#header ul#navi-1 li.active a.damenschuhe {
	background-position:-128px 0;
}

/*--------------------------------------------------------------
	header => navi-1 (sabrina) => kinderschuhe
--------------------------------------------------------------*/
#header ul#navi-1 li a.kinderschuhe {
	background-position:0 -31px;
}

#header ul#navi-1 li a.kinderschuhe:hover,
#header ul#navi-1 li.active a.kinderschuhe {
	background-position:-128px -31px;
}

/*--------------------------------------------------------------
	header => navi-1 (sabrina) => accessoires
--------------------------------------------------------------*/
#header ul#navi-1 li a.accessoires {
	background-position:0 -62px;
}

#header ul#navi-1 li a.accessoires:hover,
#header ul#navi-1 li.active a.accessoires {
	background-position:-128px -62px;
}

/*--------------------------------------------------------------
	header => navi-2 (schuhmoden-neumann)
--------------------------------------------------------------*/

#header ul#navi-2 {
	list-style-type:none;
	background:url(../images/navi-2.jpg) 0 0 no-repeat;
	width:128px;
	height:77px;
	text-indent:-9999px;
	position:absolute;
	top:251px;
	left:783px;
}

#header ul#navi-2 li {
	height:14px;
	overflow:hidden;
	margin:0 0 17px 0;
	float:left;
	width:128px;
}

#header ul#navi-2 li a {
	height:14px;
	background:url(../images/navi-2.jpg) -9999px 0 no-repeat;
	display:block;
}

/*--------------------------------------------------------------
	header => navi-2 (schuhmoden-neumann) => damenschuhe
--------------------------------------------------------------*/
#header ul#navi-2 li a.damenschuhe {
	background-position:0 0;
}

#header ul#navi-2 li a.damenschuhe:hover,
#header ul#navi-2 li.active a.damenschuhe {
	background-position:-128px 0;
}

/*--------------------------------------------------------------
	header => navi-2 (schuhmoden-neumann) => kinderschuhe
--------------------------------------------------------------*/
#header ul#navi-2 li a.kinderschuhe {
	background-position:0 -31px;
}

#header ul#navi-2 li a.kinderschuhe:hover,
#header ul#navi-2 li.active a.kinderschuhe {
	background-position:-128px -31px;
}

/*--------------------------------------------------------------
	header => headlines (h2)
--------------------------------------------------------------*/


#header h2.headline {
	text-indent:-9999px;
	height:18px;
	position:absolute;
	left:53px;
	top:388px;
	width:400px;
}

#header h2.startseite {
	background:url(../images/h2/bg-startseite.jpg) 0 0 no-repeat;
}

#header h2.anfahrt {
	background:url(../images/h2/bg-anfahrt.jpg) 0 0 no-repeat;
}

#header h2.error404 {
	background:url(../images/h2/bg-error404.jpg) 0 0 no-repeat;
}

#header h2.impressum {
	background:url(../images/h2/bg-impressum.jpg) 0 0 no-repeat;
}

#header h2.kontakt {
	background:url(../images/h2/bg-kontakt.jpg) 0 0 no-repeat;
}

#header h2.vielen-dank {
	background:url(../images/h2/bg-vielen-dank.jpg) 0 0 no-repeat;
}

#header h2.newsletter {
	background:url(../images/h2/bg-newsletter.jpg) 0 0 no-repeat;
}

#header h2.online-shop {
	background:url(../images/h2/bg-online-shop.jpg) 0 0 no-repeat;
}

#header h2.sabrina-accessoires {
	background:url(../images/h2/bg-sabrina-accessoires.jpg) 0 0 no-repeat;
}

#header h2.sabrina-damenschuhe {
	background:url(../images/h2/bg-sabrina-damenschuhe.jpg) 0 0 no-repeat;
}

#header h2.sabrina-kinderschuhe {
	background:url(../images/h2/bg-sabrina-kinderschuhe.jpg) 0 0 no-repeat;
}

#header h2.schuhmoden-neumann-damenschuhe {
	background:url(../images/h2/bg-schuhmoden-neumann-damenschuhe.jpg) 0 0 no-repeat;
}

#header h2.schuhmoden-neumann-herrenschuhe {
	background:url(../images/h2/bg-schuhmoden-neumann-herrenschuhe.jpg) 0 0 no-repeat;
}

/*--------------------------------------------------------------*/
/*--------------------------[ =content ]------------------------*/
/*--------------------------------------------------------------*/
#content {
	padding:26px 0 0 53px;
	width:640px;
	float:left;
}

.column-1 {
	width:305px;
	float:left;
	margin:0 30px 0 0;
}

.column-2 {
	width:305px;
	float:left;
	margin:0 0 0 0;
}

#content h2 {
	color:#fff;
	font:22px/26px "Trebuchet MS", tahoma, arial, sans-serif;
}

#content h3 {
	color:#fff;
	font:18px/22px "Trebuchet MS", tahoma, arial, sans-serif;
}

/*--------------------------------------------------------------*/
/*--------------------------[ =sidebar ]------------------------*/
/*--------------------------------------------------------------*/
#sidebar {
	float:left;
	width:231px;
}

#sidebar h3 {
	text-indent:-9999px;
	height:46px;
	background:url(../images/h3/bg-gaestebuch.jpg) 0 0 no-repeat;
}
#sidebar p.margin {
	margin:12px 0 0 18px;	
}

/*--------------------------------------------------------------*/
/*--------------------------[ =footer ]-------------------------*/
/*--------------------------------------------------------------*/

#footer,
#push {
	height: 6px;
	clear:both;
}

#footer {
	height: 6px;
	background:#f28701;
	border-top:2px solid #fff;
	overflow:hidden;
}