/**
// +----------------------------------------------------------------------+
// | fashionet                                                            |
// | (c) 2006 monsun media (http://www.monsun-media.com)                  |
// +----------------------------------------------------------------------+
// $Id: antency.css 89 2007-02-06 09:23:22Z dierker $
*/

@import url(mainnavi.css);
@import url(subnavi-gfx.css);

body {
	background:#f3f8f8 url(common/body-bground.jpg) 0 0 repeat-x;
	font:normal 0.7em/1.4em Verdana,Arial,sans-serif;
	text-align:center;
	margin:0;
	padding:0 0 10px 0;
}
#metanavi {
	height:24px;
	text-align:right;
	width:794px;
	margin:0 auto;
}
#metanavi ul {
	list-style:none;
	margin:0;
	padding:0;
}
#metanavi ul li {
	list-style:none;
	margin:0;
	padding:0;
	display:inline;
}
#metanavi a {
	color:#d0e8ec;
	text-decoration:none;
	font-size:9px;
	line-height:24px;
}
#metanavi a:hover {
	text-decoration:underline;
}
#outerleft {
	margin:0 auto 10px auto;
	width:802px;
	background:transparent url(common/shadowleft.png) top left repeat-y;
	padding:0;
}
#outerright {
	background:transparent url(common/shadowright.png) top right repeat-y;
	padding:0;
}
#innerleft {
	background:transparent url(common/shadowleft-top.png) top left no-repeat;
	padding:0 0 0 4px;
}
#innerright {
	background:transparent url(common/shadowright-top.png) top right no-repeat;
	padding:0 4px 0 0;
}

#site-container {
	width:794px; /* collapsing margins! */
	padding:0;
	background:#fff;
	text-align:left;
}

/* ~~~~~~~~~~~~~~~ styles for the different page-layouts ~~~~~~~~~~~~~~~ */ 
/* Layout Type 1: 2 columns (wide content column + small sidebar) */
#content { position:relative; }
body.layout-ws #content {
	float:left;
	width:457px;
	margin:0;
	padding:0;
	clear:left;
	/*_height:0.01%;*/
}
body.layout-ws #sidebar {
	width:337px;
	margin:0;
	padding:0;
	float:right;
}

/* Layout Type 1: 2 columns (extra-wide content column + small sidebar) */
body.layout-xws #content {
	float:left;
	width:588px;
	margin:0;
	padding:0;
	clear:left;
	/*_height:0.01%;*/
}
body.layout-xws #sidebar {
	width:206px;
	margin:0;
	padding:0;
	float:right;
}

/* Layout Type 1: 2 columns (small sidebar + wide content column) */
body.layout-sw #content {
	float:right;
	width:469px;
	margin:0;
	padding:0;
	clear:left;
}
body.layout-sw #sidebar {
	width:325px;
	margin:0;
	padding:0;
	float:left;
}
body.layout-sw #contentwrapper {
	background:#fff url(common/layout/layout2sw-bground.png) 0 0 repeat-y;
	clear:both;
	overflow:auto;
}


/* ~~~~~~~~~~~~~~~ common styles ~~~~~~~~~~~~~~~ */
form {
	margin:0;
}
select { 
	color:#067C8F;
	background-color:#bfdce1;
}
a img { border:0; }
h1, h2, h3 {
	margin:0.5em 0;
}
p {
	margin:0.5em 0;
}
a {
	color:#939492;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

#sidebar {
	color:#939492;
}
/* cyan h1, orange h2 */
#content h1 {
	font-weight:normal;
	letter-spacing:-2px;
	font-size:1.7em;
	color:#128DA2;
	margin:0 0 0.25em;
	line-height:1em;
}
 #content h2
,#content dl dt {
	font-weight:bold;
	font-size:1.2em;
	letter-spacing:-1px;
	line-height:1em;
	color:#f4a907;
	margin:0 0 .75em 0;
}
#content {
	color:#939492;
}
#content a {
	color:#939492;
}

#content dl {
	margin:0;
	padding:0;
}
#content dl dt {
	margin:0;
}
#content dl dd {
	margin:0;
}

#content .article {
	padding:20px;
}
#content .article dl {
}
#content .article dl dt {
	margin:0.50em 0 0.30em 0;
	background:transparent url(common/bullets/4dots-orange.png) left center no-repeat;
	padding:0 0 0 6px;
}
#content .article dl dd {
}

/* ~~~~~~~~~~~~~~~ styles for the header/mainnavi ~~~~~~~~~~~~~~~ */
#header {
	position:relative;
	height:43px;
	overflow:hidden;
	background:#d0e8ec;
}

#header .subline {
	width:325px;
	height:43px;
	margin:0;
	padding:0;
	background-color:#fff;
	display:block;
}


/*  ~~~ mainnavi ~~~ */
#header #mainnavi {
	position:absolute;
	top:0;
	left:325px;
	width:469px;
}

/* ~~~~~~~~~~~~~~~ styles for the title(-area) ~~~~~~~~~~~~~~~*/
#title {
	position:relative;
	background:transparent url(titles/title-bground.png) 0 0 repeat-y;
	width:794px;
	height:309px;
}
#title #title-image {
	background:transparent url(titles/default.jpg) 16px 0 no-repeat;
	height:309px;
}


/* ~~~ small title-image in the bottom right corner of the title-area */
#title #title-image-small {
	position:absolute;
	right:0;
	bottom:0;
	width:207px;
	height:149px;
}



/* ~~~ the "title-image-slogan" (on the top left of the title-image) */
#title-image-slogan {
	background-color:transparent;
	background-position:0 0;
	background-repeat:no-repeat;
	width:206px;
	height:21px;
}
#title-image-slogan p {
	display:none;
}


/* the "left" and the "right arrow slogans" */
#title #title-right-arrow-slogan {
	background-color:transparent;
	background-position:0 0;
	background-repeat:no-repeat;
	width:495px;
	height:26px;
	position:absolute;
	top:134px;
	right:0;
}

#title #title-right-arrow-slogan p {
	display:none;
}

#title #title-right-arrow-slogan-2 {
	background-color:transparent;
	background-position:0 0;
	background-repeat:no-repeat;
	width:495px;
	height:26px;
	position:absolute;
	top:234px;
	right:0;
}

#title #title-left-arrow-slogan {
	background-color:transparent;
	background-position:0 0;
	background-repeat:no-repeat;
	width:149px;
	height:26px;
	position:absolute;
	top:134px;
	left:0;
}

#title #title-left-arrow-slogan-2 {
	background-color:transparent;
	background-position:0 0;
	background-repeat:no-repeat;
	width:149px;
	height:26px;
	position:absolute;
	top:134px;
	left:0;
}

#title #title-left-arrow-slogan p {
	display:none;
}

#title a#title-logo-link {
	display:block;
	position:absolute;
	top:63px;
	left:627px;
	width:141px;
	height:43px;
	background:transparent url(titles/fashionet-logo.gif) 0 0 no-repeat;
}
#title a#title-logo-link img {
	display:none;
}
#title #title-slogan {
	background-color:transparent;
	background-position:0 0;
	background-repeat:no-repeat;
	position:absolute;
	left:325px;
	top:200px;
	width:263px;
	height:65px;
	text-align:center;
	overflow:hidden;
}
#title #title-slogan p {
	display:none;
}


/* ~~~~~~~~~~~~~~~ teaser box ~~~~~~~~~~~~~~~ */
#teaser {
	background:#D0E8EC url(teaser-box/bground-cyan.png) 0 0 no-repeat;
	color:#067C90;
	width:457px;
	margin:0;
	padding:0;
}
#teaser #teaser-gutter {
	margin:0;
	padding:20px 20px;
}
#teaser h1 {
	margin:0;
}
#teaser p {
	margin:1em 0 0 0;
}


/* ~~~~~~~~~~~~~~~ trace & track box ~~~~~~~~~~~~~~~ */
#trace-n-track-box {
	position:absolute;
	left:588px;
	top:161px;
	background:transparent url(trace-n-track-box/box-bground.png) 0 0 no-repeat;
	width:160px; /* 206px */
	height:93px; /* 148px */
	padding:55px 0 0 46px;
}
#trace-n-track-box label {
	font-size:9px;
	color:#777777;
	margin:0;
	padding:0 0 2px 0;
	display:block;
}
#trace-n-track-box input#tracentrack-number {
	border:0;
	padding:3px 5px 0 5px;
	width:100px;
	height:17px;
	background:transparent url(trace-n-track-box/textinput-bground.png) 0 0 no-repeat;
}
#trace-n-track-box button {
	background:transparent url(common/buttons/submit-cyan.png) 0 0 no-repeat;
	height:13px;
	width:13px;
	border:0;
	padding:0;
	margin:0 0 5px 0;
}
#trace-n-track-box button:hover {
	cursor:pointer;
}
#trace-n-track-box button span {
	display:none;
}


/* ~~~~~~~~~~~~~~~ current-issue (on the startpage) ~~~~~~~~~~~~~~~ */
.current-issue {
	width:417px;
	color:#939492;
	padding:20px;
}
.current-issue .current-issue-photo {
	float:left;
	width:111px;
	text-align:center;
}
.current-issue .current-issue-photo img {
	border:1px solid #128da2;
}
.current-issue .link-more a  {
	display:block;
	width:13px;
	height:13px;
	background:transparent url(common/buttons/submit-hover-cyan.png) 0 0 no-repeat;
	margin:-1em 0 1em auto;
	padding:0;
}
.current-issue .link-more a:hover {
	background-position:0 -13px;
	cursor:pointer;
}
.current-issue .link-more a span {
	display:none;
}
.current-issue-wo-img .current-issue-body {
	margin:0; 
}
.current-issue-wi-img .current-issue-body {
	margin:0 0 0 130px;
}

/* ~~~~~~~~~~~~~~~ issues listing in the sidebar ~~~~~~~~~~~~~~~ */

.current-issues-listing {
	margin:auto 0 auto auto;
	width:285px;
	color:#939492;
}
.current-issues-listing h3 {
	width:285px;
	height:32px;
	display:block;
}

body.de .current-issues-listing h3 {
	background:transparent url(current-issues-listing/de-hl-aktuelles-von-fashionet.png) 0 0 no-repeat;
}
body.en .current-issues-listing h3 {
	background:transparent url(current-issues-listing/en-hl.png) 0 0 no-repeat;
}

.current-issues-listing h3 span {
	display:none;
}
.current-issues-listing dl {
	margin:0 20px 0 0;
	padding:0;
}
.current-issues-listing dl dt {
	font-size:1.2em;
	font-weight:bold;
	letter-spacing:-1px;
	line-height:1em;
	color:#61B3C1;
}
.current-issues-listing dl dd {
	margin:0;
	padding:0;
}
.current-issues-listing div.link-more {
}
.current-issues-listing div.link-more a {
	display:block;
	width:13px;
	height:13px;
	background:transparent url(common/buttons/submit-hover-cyan.png) 0 0 no-repeat;
	margin:-1em 0 1em auto;
	padding:0;
}
.current-issues-listing div.link-more a:hover {
	background-position:0 -13px;
	cursor:pointer;
}
.current-issues-listing div.link-more a span {
	display:none;
}

/* ~~~~~~~~~~~~~~~ news-listing & news-details ("aktuelles.php") ~~~~~~~~~~~~~~~ */
.news-details {
	padding:30px 23px 20px 50px;
}
.news-details .meta {
	color:#096179;
}
.news-details .photo {
	float:right;
	margin:10px 0 0 0;
}
.news-details .photo img {
	border:1px solid #128da2;
}
.news-details .body {
	width:369px;
}


/* ~~~ listing  */
.news-listing {
	background-color:#e7f3f6;
	border:1px solid #e7f3f6;
	padding:12px 0 0 23px;
}
.news-listing div.no-news {
	padding:3em;
	text-align:center;
}
.news-listing ul {
	list-style:none;
	padding:0;
	margin:0;
}
.news-listing ul li {
	list-style:none;
	padding:0;
	margin:0 0 1em 0;
	color:#6C6C6C;
}
.news-listing ul li h3 {
	display:inline;
	font-size:1em;
	color:#6C6C6C;
	margin:0 .5em 0 0;
}
.news-listing ul li h3 a {
	color:#6C6C6C;
	text-decoration:none;
	background:url(common/buttons/submit-hover-cyan-orange.png) 0 0 no-repeat;
	padding:0 0 0 30px;
}
.news-listing ul li h3 a:hover {
	color:#f4a907;
	background-position:0 -13px;
}
.news-listing ul li div.meta {
	color:#096179;
}
.news-listing ul li p {
	margin:0 0 0 30px;
}

/* ~~~~~~~~~~~~~~~ navi for the news in the title-area ~~~~~~~~~~~~~~~ */
/* ~~~ title navi  */
#news-title-navi {
	position:absolute;
	bottom:5px;
	left:15px;
	color:#d0e8ec;
}
#news-title-navi select {
	font-size:.8em;
}
#news-title-navi button {
	border:0;
	background:none;
	color:#d0e8ec;
	font-weight:normal;
	font-size:.8em;
	margin:0;
	padding:0;
}
#news-title-navi button:hover {
	cursor:pointer;
}



/* ~~~~~~~~~~~~~~~ quotebox (in the sidebar) ~~~~~~~~~~~~~~~ */
.quotebox {
	margin:0;
	color:#0e8b99;
	font-size:1.1em;
	line-height:1.4em;
	text-align:center;
	width:285px;
	padding:109px 20px 20px 20px;
	background:transparent url(quotebox/top-bground.png) 0 0 no-repeat;
}
.quotebox p {
	margin:0;
}
.quotebox blockquote {
	margin:0;
}
.quotebox blockquote strong {
	color:#F5B428;
}
.quotebox blockquote .author {
	font-weight:bold;
	font-size:0.8em;
	margin:1em 0 0 0;
}

/* ~~~~~~~~~~~~~~~ our address ~~~~~~~~~~~~~~~ */
.our-address {
	margin:0;
	border:1px solid #fff;
	padding:25px 0 25px 20px;
	color:#939492;
	font-size:1em;
	line-height:1.25em;
}
.our-address h4 {
	background:transparent url(our-address/unsereanschrift.png) 0 0 no-repeat;
	width:314px;
	height:8px;
}
body.en .our-address h4 {
	background:transparent url(our-address/unsereanschrift_en.png) 0 0 no-repeat;
}
.our-address h4 span {
	display:none;
}

.our-address .company {
	font-weight:bold;
	color:#128da2;
}
.our-address .separator {
	height:10px;
}


/* ~~~~~~~~~~~~~~~ location-info ~~~~~~~~~~~~~~~ */
.location-info {
	padding:20px;
}
.location-info .company {
	font-weight:bold;
	color:#128da2;
}
.location-info .zipcity {
	margin-bottom:1em;
}
 .location-info .fon span
,.location-info .fax span
,.location-info .email span
,.location-info .homepage span {
	display:block;
	float:left;
	width:80px;
	text-align:right;
	padding:0 10px 0 0;
}
 .location-info .email a 
,.location-info .homepage a {
	color:#939492;
	text-decoration:none;
}
 .location-info .email a:hover 
,.location-info .homepage a:hover {
	color:#000; 
	text-decoration:underline;
}


/* ~~~~~~~~~~~~~~~ language select for the contacts */
#contact-country-select {
	position:absolute;
	bottom:10px;
	left:456px;
	width:131px;
	text-align:center;
}
#contact-country-select select {
	font-size:0.8em;
}
/* ~~~~~~~~~~~~~~~ contact person box ~~~~~~~~~~~~~~~ */
.contact-person {
	margin:0 0 auto auto;
	padding:20px 0 0 0;
	width:316px;
	padding:0;
}
.contact-person h5 {
	background:transparent url(contact-person/de.png) 0 0 no-repeat;
	width:316px;
	height:9px;
	border:1px solid black; 
}
.contact-person h5 span {
	display:none;
}
.contact-person img {
	float:left;
	border:1px solid #cedde5;
}
.contact-person .data {
	margin: 0 0 0 104px;
	line-height:1.2em;
	color:#757575;
}

.contact-person .name {
	color:#128DA2;
}
.contact-person .position {}
.contact-person .fon { margin-top:0.5em; }
.contact-person .fax { margin-bottom:0.5em; }
.contact-person .vcf-link a { color:#128DA2; }

/* ~~~~ contact form ~~~ */
.contact-form {
	padding:25px 28px;
}
.contact-form label.error { 
	color:red !important;
}
.contact-form label {
	display:block;
	color:#128da2;
	font-size:0.8em;
}
 .contact-form input#cf-name
,.contact-form input#cf-company {
	background:transparent url(contact-form/input-background-small.png) 0 0 no-repeat;
	width:109px;
	height:18px;
	border:0;
	padding:3px 5px 0 5px;
}
 .contact-form input#cf-email
,.contact-form input#cf-subject {
	background:transparent url(contact-form/input-background-wide.png) 0 0 no-repeat;
	width:260px;
	height:18px;
	border:0;
	padding:3px 5px 0 5px;
}
.contact-form textarea#cf-body {
	background:transparent url(contact-form/textarea-bground.png) 0 0 no-repeat;
	width:261px;
	height:91px;
	border:0;
	padding:3px 5px 0 5px;
}

div.cf-name-block {
	position:relative;
}
div.cf-company-block {
	position:absolute;
	top:0;
	left:150px;
}
div.cf-body-block {
	margin:5px 0 0 0;
	width:100px;
}

.contact-form .buttonrow {
	text-align:right;
	margin:2px 0 5px 0;
	padding:0 9px 0 0;
}
.contact-form button {
	border:0;
	right:0;
	background:none;
	color:#128DA2;
	background:transparent url(common/buttons/submit-cyan.png) 100% 50% no-repeat;
	padding:0 15px 0 0;
	font-size:.8em;
}


/* ~~~~~ the response of the contact form */
.contact-form-response {
	background-color:#fff;
	text-align:center;
	padding:3em 1em;
}

/* ~~~~~~~~~~~~~~~ contact person extended (for the wide-content-column) ~~~~~~~~~~~~~~~ */
.contact-person-extended {
	padding:5px 0 5px 32px;
	color:#757575;
	margin:0 0 10px 0;
	position:relative;
	clear:both;
	overflow:hidden;
}
.contact-person-extended h2 {
	background:transparent url(contact-person-extended/headline-de.png) 0 0 no-repeat;
	width:425px;
	height:9px;
}
body.en .contact-person-extended h2 {
	background:transparent url(contact-person-extended/headline-en.png) 0 0 no-repeat;
}
.contact-person-extended h2 span {
	display:none;
}

.contact-person-extended img {
	border:1px solid #cedde5;
	float:left;
}
 .contact-person-extended .name
,.contact-person-extended .company {
	color:#128da2;
}

.contact-person-extended div.img {
	float:left;
	width:250px;
}
.contact-person-extended div.img div.person-data {
	float:right;
	width:150px;
}
.contact-person-extended div.company-data {
	float:right;
	width:160px;
}

.contact-person-extended div.vcf-link {
	background:transparent url(common/buttons/save-contact.png) 0 0 no-repeat;
	padding:0 0 0 18px;
	height:14px;
	display:block;
}
.contact-person-extended div.vcf-link a {
	color:#757575;
	text-decoration:none;
}
.contact-person-extended div.vcf-link a:hover {
	border-bottom:1px dotted #757575;
}


/* ~~~~~~~~~~~~~~~ contact-data for the partner  ~~~~~~~~~~~~~~~ */
.partner-data-container {
	text-align:center;
}
.partner-data-block {
	text-align:left;
	margin:0 0 2em 0;
}
.partner-data-block div.company {
	font-weight:bold;
}


/* ~~~~~~~~~~~~~~~ styles for the footer ~~~~~~~~~~~~~~~ */
#footer {
	position:relative;
	clear:both;
	margin:0;
	color:#fff;
	background:#067c90;
	color:#d0e8ec;
	padding:0;
	font-size:.9em;
	/* _height:0.1%; */
}
#footer #servicebar dl {
	margin:0 1em 0 1em;
	padding:0;
}
#footer #servicebar dl dt {
	display:none;
}
#footer #servicebar dl dd {
	display:inline;
	border:0;
	margin:0 1em 0 0;
	padding:0;
}
#footer #servicebar dl dd a {
	color:#d0e8ec;
	text-decoration:none;
	border:0;
	margin:0;
	padding:0;
}
#footer #servicebar dl dd a:hover {
	text-decoration:underline;
}


/* ~~~~~~~~~~~~~~~ Hacks ~~~~~~~~~~~~~~~ */
.clearfix {
	clear:both;
	margin:0;
	padding:0;
	height:0;
	height:0;
	display:block;
	visibility:hidden;
}
*[class="clearfix"] {
	display:none;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix { border:5px solid transparent; visibility:visible; }


/* ~~~~~~~~~~~~~~~ debug ~~~~~~~~~~~~~~~ */
#debug {
	position:fixed;
	bottom:10px;
	right:10px;
	background:#fff;
	border:1px solid #999;
	padding:2px;
	text-align:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
}

/* ~~~~~ mcm message ~~~~~ */
.mcm-message {
	margin:10px;
	background:#efefef;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*
#header .subline {
	background-image:url(styles/antency/debug/subline.png);
	border:5px solid red;
}
#title-image-slogan {
 	background-image:url(styles/antency/debug/title-image-slogan.png);
 	border:5px solid red;
}
#title #title-slogan { 
	background-image:url(styles/antency/debug/title-slogan.png);
	border:5px solid red;
}
#t	itle #title-left-arrow-slogan {
	background-image:url(styles/antency/debug/title-left-arrow-slogan.png);
	border:5px solid red;
}
#title #title-right-arrow-slogan {
	background-image:url(styles/antency/debug/title-right-arrow-slogan.png);
	border:5px solid red;
}
*/