body{
	margin:0;
	padding:0;
	background: #fff url(../images/bg.gif) repeat-x 0 9px;
	color: #000000;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
}

img{
	border: 0px;
}

a{
	color: #c10000;
	text-decoration: none;
}
a:hover {color: #c10000 !important;
	text-decoration:underline;
}
a:visited {color: #c10000;}

.clear{
	clear:both;
	font-size:0;
	line-height:0;
	margin:0;
	padding:0;
	height:0;
}	

.boxAll{
	position:relative;
	width: 987px;	
	margin: 0 auto 0 auto;
	padding: 0;
	text-align:left;
}

h1{
	margin:0;
	padding:0 0 9px 0;
	font-size: 28px;
	font-weight:normal;
	color: #c10000;
}

h2{
	margin:0;
	padding:0 0 8px 0;
	font-size: 18px;
	color: #000;
	font-weight:normal;
}
.sidebar h2{
	padding:12px 15px 4px 15px;
	font-size: 16px;
}
h3{
	margin:0;
	padding: 0;
	font-size:14px;
	color: #000;
	font-weight:bold;
}


/*-- buttons -- */

a.btn{
	display:block;
	width:216px;
	/*padding-left:25px;*/
	height: 34px;
	line-height:34px;
	font-size: 13px;
	color: #fff !important;
	text-decoration:none;
	background: url(../images/btn.png) no-repeat 0 0;
}

a.btn span{
	padding-left:25px;
	cursor:pointer;
}
a.btn:hover{
	color: #fff !important;
	background-position: 0 -60px;
	text-decoration:none;
}



/* links */
a.linkArrow{
	display:block;
	padding:6px 0 6px 32px;
	background: url(../images/link-arrow.gif) no-repeat 0 center;
	line-height:30px;
}

/* -- styles for header -- */
.metanav{
	position: relative;
	width: 977px;
	height: 21px;
	margin:14px 0 5px 0;
	padding: 0 10px 0 0;
	background: url(../images/balken-rot.gif) no-repeat 0 0;
	font-size:11px;
	line-height:21px;
	overflow:hidden;	
}
.metanav ul{
	margin:0;
	padding:0;
	list-style:none;
	float:right;
}
.metanav ul li{
	float:left;
	margin-left:26px;
}
.metanav a{
	color: #f2c5c5;
	padding-left:16px;
	background-repeat: no-repeat;
	background-position: 0 center;	
}
.metanav a.meta-home{background-image: url(../images/icn-home.gif);}
.metanav a.meta-blog{background-image: url(../images/icn-blog.gif);}
.metanav a.meta-sitemap{background-image: url(../images/icn-sitemap.gif);}
.metanav a.meta-contact{background-image: url(../images/icn-contact.gif);}
.metanav a.meta-login{background-image: url(../images/icn-key.gif);}
.metanav a:hover{
	color: #fff !important;
	text-decoration:none;
}
.header{
	position: relative;
	width: 987px;
	height: 161px;
	margin: 0 0 10px 0;
	overflow:hidden;	
	font-size:12px;	
}
.heaLeft{
	position:relative;
	width:190px;
	padding: 5px 0 0 13px;
	float:left;
}
.heaLeft .logo{
	position:relative;
	height: 116px;
}
.heaLeft .logo span {
	color:#7f7f7f;
	display:block;
	font-weight:bold;
	padding:3px 0 0;
}
.heaLeft .lang select{
	font:12px, arial, helvetica,sans-serif;
	vertical-align:middle;
	color: #000;
	width: 162px;
	border: solid 1px #aaa;
}
.heaImg{
	position:relative;
	width:783px;
	float:right;
}

/* -- end styles for header -- */

/*-- styles for main navigation--*/
.mainnav{
	position:relative;
	width:982px;
	height:40px;
	padding:0 0 0 5px;
	margin-bottom:40px;
	background: url(../images/bg-mainnav.gif) no-repeat 0 0;
	overflow:hidden;
}
.mainnav ul{
	margin:0;
	padding:0;	
	list-style-type: none;	
}
.mainnav li{
	float:left;
}
.mainnav a{
	display:-moz-box;
	display:inline-block;
	height: 40px;
	padding-right: 15px;
	font-size: 16px;
	font-weight:bold;
	color: #fff;
	text-decoration:none;
	background: none;
}
.mainnav a span{
	display:-moz-box;
	display:inline-block;
	cursor:pointer;
	padding: 10px 0 10px 15px;
	line-height: 20px;
	color: #fff;
	background: none;
}
.mainnav a.active, .mainnav a.active:hover, .mainnav a:hover{
	color: #000;
	text-decoration:none;
	background: url(../images/nav-active.gif) no-repeat right 0;
}
.mainnav a.active span, .mainnav a.active:hover span, .mainnav a:hover span{
	color: #000;
	background: url(../images/nav-active.gif) no-repeat 0 0;
	text-decoration:none;
}
/*.mainnav a:hover, .mainnav a:hover span{
	color: #fff;
	text-decoration:underline;
}*/

/*-- end styles for main navigation --*/

/* -- styles for content -- */
.contentmain{
	position:relative; 
	width:987px;
}
.contenthome{
	background: url(../images/bg-home.jpg) no-repeat 0 0;
}
.content{
	position:relative; 
	width:702px;
	margin:0;
	padding:0 0 0 13px;
	float:left;
}

.content p{
	margin:0;
	padding: 0 0 16px 0;
}
.content ul{
	margin:0;
	padding:0;
	list-style:none;
}
.content li{
	margin:0;
	padding:0 0 2px 8px;
	background: url(../images/bullet.gif) no-repeat 0 4px;
}
.content .container{
	position:relative;
	width:702px;
}
.content .container .col3{
	position:relative;
	width:228px;
	margin-right:9px;
	padding-top:20px;
	float:left;
	font-size:12px;
	background: url(../images/dotted-line.gif) repeat-x 0 0;
}
.content .container .last{
	margin-right:0;
}
.content .container .colleft{
	position:relative;
	width:216px;
	float:left;
	margin-bottom:20px;
}
.content .container .colright{
	position:relative;
	width:468px;
	float:right;
	margin-bottom:20px;
}
.content .container .movieteaser{
	width:156px;
	margin-bottom:20px;
	text-align:center;
}
.content .container .movieteaser a span, .content .container .movieteaser a:hover span{
	display:block;
	padding-bottom:5px;
	text-decoration:none;
}

.content .box{
	border:solid 1px #ccc;
	background-color:#f2f2f2;
	width: 662px;
	padding:20px 20px 5px 20px;
}
.content .box .container{
	position:relative;
	width: 662px;
	padding-bottom:15px;
}
.content .box .container .last{
	padding-right:0;
	float:right;
}
.content .videobox{
	position:relative;
	width:325px;
	font-size:12px;
	float:left;
}
.content .video-wide{
	width:662px;
	float:none;
}
.content .videobox h3{
	font-size:12px;
}
.content .videobox span{
	display:block;
	color:#666;
}
.content .videobox .video{
	position:relative;
	width:104px;
	float:left;
}
.content .videobox .desc{
	position:relative;
	width:211px;
	float:right;
}
.content .video-wide .desc{
	width:548px;
}

.content .mustertabs{
	position:relative;
	width:202px;
	height:613px;
	margin-top:30px;
	padding:0 23px 17px 0;
	background:url(../images/mustertab-bg.gif) repeat-y right 0;
	float:left;
}
.content .mustertabs ul, .content .mustercontent .image ul{
	margin:0;
	padding:0;
	list-style:none;
}
.content .mustertabs li, .content .mustercontent .image li{
	padding:0 0 3px 0;
	background-image:none;
	float: left;
	padding: 0 5px 8px 0;
}
.content .mustertabs a{
	display:block;
	width:60px;
	height:90px;
	background-position: right 0;
	background-repeat:no-repeat;
	text-align:left;
	text-indent:-999px;
	padding: 1px;
	margin: 0;
	outline: none;
}
.content .mustertabs a.dress1{background-image:url(../images/dresses/tab-dress1.jpg);}
.content .mustertabs a.dress2{background-image:url(../images/dresses/tab-dress2.jpg);}
.content .mustertabs a.dress3{background-image:url(../images/dresses/tab-dress3.jpg);}
.content .mustertabs a.dress4{background-image:url(../images/dresses/tab-dress4.jpg);}
.content .mustertabs a.dress5{background-image:url(../images/dresses/tab-dress5.jpg);}
.content .mustertabs a.dress6{background-image:url(../images/dresses/tab-dress6.jpg);}
.content .mustertabs a.dress7{background-image:url(../images/dresses/tab-dress7.jpg);}
.content .mustertabs a.dress8{background-image:url(../images/dresses/tab-dress8.jpg);}
.content .mustertabs a.dress9{background-image:url(../images/dresses/tab-dress9.jpg);}

.content .mustertabs a:hover, .content .mustertabs a.active, .content .mustertabs a.active:hover{
	height:90px;
	text-decoration:none;
	border: 1px solid #000;
	padding: 0px;
}
.content .mustercontent{
	position:relative;
	width:446px;
	padding:30px 15px;
	float:right;
}
.content .mustercontent .image{
	position:relative;
	width:228px;
	float:left;
}
.content .mustercontent .image ul{
	margin:0;
}
.content .mustercontent .image li{
	padding:0 6px 0 0;
	float:left;
}
.content .mustercontent .image a{
	border:solid 2px #fff;
	display:block;
}
.content .mustercontent .image a:hover, .content .mustercontent .image a.active, .content .mustercontent .image a.active:hover{
	border:solid 2px #000;
	text-decoration:none;
}
.content .mustercontent .desc{
	position:relative;
	width:194px;
	padding: 0 0 0 15px;
	float:right;
}
.content .mustercontent .desc .download{
	position:relative;
	width:194px;
	margin:0 0 5px 0px;
	padding:0 0 9px 0;
	background:url(../images/btn-muster-bottom.gif) no-repeat 0 bottom;
}
.content .mustercontent .desc .download .inner{
	position:relative;
	width:102px;
	min-height: 58px;
	height:auto !important;
	height:58px;
	padding:14px 10px 0 82px;
	background-repeat:no-repeat;
	background-position:0 0;
}
.content .mustercontent .desc .download .pattern{background-image:url(../images/btn-muster-top-scissors.gif);}
.content .mustercontent .desc .download .instruction{background-image:url(../images/btn-muster-top-measure.gif);}
.content .mustercontent .desc .download .images{background-image:url(../images/btn-muster-top-image.gif);}
.content .mustercontent .desc .download a{color:#000;}
.content .mustercontent .desc .download span{
	display:block;
	color:#666666;
	font-size:12px;
	padding-top:4px;
}

/* -- end styles for content -- */

/* -- styles for sidebar --*/
.sidebar{
	position:relative; 
	width:240px;
	margin:0;
	padding:0 0 0 31px;
	font-size:12px;
	color:#666;
	float:right;
	height: 760px;
}

.sidebar-patterns{background: url(../images/sidebar-bg.gif) no-repeat 0 bottom;}
.sidebar .teaser{
	position:relative; 
	width:238px;
	margin-bottom:10px;
	border:solid 1px #ccc;
	background-color:#f2f2f2;
}
.sidebar .teaser-noline{
	position:relative; 
	width:240px;
	margin-bottom:20px;
}
.sidebar .teaseradd{
	position:relative; 
	width:208px;
	height:30px;
	padding:15px 15px 0 15px;
}
.sidebar p{
	margin:0;
	padding:0 15px 15px 15px;
}
.sidebar p.sidebtn{
	padding:0 0 15px 9px;
}
.sidebar .linkArrow{
	font-size:16px;
	padding:0 0 0 32px;
	margin-bottom:8px;
}

.sidebar .schnittmuster{
	height:298px;
}
.sidebar .schnittmuster h2{
	color:#FFFFFF;
	font-size:18px;
	left:0;
	position:absolute;
	padding-top: 5px;
	top:0;
}
.sidebar .quality{
	height:157px;
	color:#fff;
	background:url(../images/teaser-qualitaet.jpg) no-repeat 0 0;
}
.sidebar .quality h2{
	color:#fff;
}
.sidebar .naehen{
	height:154px;
	background:url(../images/teaser-naehen.jpg) no-repeat 0 0;
}
.sidebar .schoener{
	height:298px;
	background:url(../images/teaser-schoener.jpg) no-repeat 0 0;
}
.sidebar .schnittmuster p{
	color:#FFFFFF;
	left:15px;
	padding:0;
	position:absolute;
	top:26px;
	width:201px;
}
.sidebar .naehen p{
	width:115px;
}
.sidebar .schnittmuster p.sidebtn, .sidebar .quality p.sidebtn, .sidebar .naehen p.sidebtn, .sidebar .schoener p.sidebtn{
	position:absolute;
	left:9px;
	top:250px;
	width:216px;
	padding:0;	
}
.sidebar .quality p.sidebtn{top:108px;}
.sidebar .naehen p.sidebtn{top:106px;}


/*-- end styles for sidebar --*/

/* -- styles for footer -- */
.footer {
	position: relative;
	width:977px;
	height:21px;
	margin:30px 0 10px 0;
	padding:0 10px 0 0;
	background: url(../images/balken-rot.gif) no-repeat 0 0;
	font-size:11px;
	color:#f2c5c5;
	line-height:21px;
	text-align:right;
	overflow:hidden;
}



/* -- end styles for footer -- */

.invisible {
	display:none;
}

