/* Vive La Dame */
/* CSS File - Medium: Screen */
/* erstellt am: 17.09.2008 */
/* aktualisiert: --.--.---- */
/* Autor: Artkolchose */
/* Version: 1.0 */


/* ### FARBEN ### */

/* magenta:		#FF0099 */
/* blau:		#00C5E7 */
/* schwarz:		#000000 */
/* weiss:		#FFFFFF */
/* grau:		#ECF0F3 */

/* ### GRUNDAUFBAU ### */

.clear {
	display: block;
	clear: both;
	line-height: 0px;
	font-size: 0px;
	height: 0px;
}
.small_clear {
	display: block;
	clear: both;
	line-height: 0px;
	font-size: 0px;
	height: 1px;
}

.right {
	float: right;
}
.left {
	float: left;
}

.block {
	display: block;
	margin: 0 0 2px 0;
}

html {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: Georgia, Arial, sans-serif;
	font-size: 9pt;
	line-height: 12pt;
	font-weight: normal;
	color: #000000;
}

body  {
	color: #000000;
	font-size: 9pt;
	font-family: Georgia, Arial, sans-serif;
	font-weight: normal;
	line-height: 12pt;
	background: #000000 url(../../shared_gif/VLD_bg_pattern.gif) fixed;
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;
}

div {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: Georgia, Arial, sans-serif;
	font-size: 9pt;
	line-height: 12pt;
	font-weight: normal;
	text-align: left;
}

img {
	border: 0px;
	margin: 0 0 0 0;
}

p {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div#page {
	width: 790px;
	background-color: #ffffff;
	padding: 0 10px 10px 10px;
	margin: 0px auto;
}

div#head {
	width: 710px;
	height: 135px;
	background-color: #000000;
	margin-bottom: 10px;
	padding: 0 40px 0 40px;
}

div#head_navi {
	color: #ffffff;
	margin-top: 10px;
}

div#head_navi a{
	margin-right: 12px;
}

div#head_navi_right a{
	display: block;
	margin: 0 0 10px 0;
	text-align: right;
}

div#head_navi_right {
	position: absolute;
	top: -10px;
	right: 0;
}

div#logo {
	position: absolute;
	top: 55px;
	width: 710px;
}

div#head a {
	color: #ffffff;
	text-decoration: none;
}

div#head a:hover {
	color: #FF0099;
}

div#head a.pink {
	color: #FF0099;
}

div#head a.men:hover{
	color: #00C5E7;
}

div#head a.blue{
	color: #00C5E7;
	background: none;
}

div#path {
	font-size: 7.5pt;
	float: left;
}

div#login {
	font-size: 7.5pt;
	text-align:right;
	margin: 0 40px 0 0;
}

div#language {
	color:#ffffff;
	font-size: 7.5pt;
	top: 5px;
	float: right;
	position: relative;
}
div#men {
	margin: 12px 8px 10px 9px;
	color: #FFFFFF;
}
div#men_article {
	color: #ffffff;
	padding: 10px;
}
div#footer {
	background: #000000;
	color: #ffffff;
	text-align: center;
	width: 810px;
	margin: 0px auto;
	padding: 10px 0 10px 0;
	font-size: 7.5pt;
}


/*STUFF*/
div.border_top {
	border-top: 1px dashed #000000;
	height: 10px;
}
div.border_bottom {
	border-bottom: 1px dashed #000000;
	height: 10px;
}
div#men div.border_top, div#men_article div.border_top {
	border-color: #FFFFFF;
}
div#men div.border_bottom, div#men_article div.border_bottom {
	border-color: #FFFFFF;
}

div.pinkborder {
	border: 1px dashed #ffffff;
	padding: 7px 3px 10px 5px;
	margin: 10px 0 10px 0;
	width: 560px;
}
div.pinkborder div.c4m {
	width: 360px;
}

/*Links*/

a {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #FF0099;
}

#path a {
	color: #000000;
	text-decoration: none;
}
#path a:hover {
	color: #00C5E7;
}

div#men a{
	color: #FFFFFF;
	text-decoration: none;
}
div#men a:hover{
	color: #000000;
	text-decoration: none;
}

div#teaser a {
	color: #00C5E7;
	text-decoration: none;
}
div#teaser a:hover {
	color: #000000;
	text-decoration: none;
}

div#men_article a{
	color: #FFFFFF;
	text-decoration: none;
}
div#men_article a:hover{
	color: #000000;
	text-decoration: none;
}

a.pink {
	color: #FFFFFF;
	text-decoration: none;
}

#login a.pink {
	color: #00C5E7;
	text-decoration: none;
}

a.pink:hover {
	color: #000000;
}

#login a.pink:hover {
	color: #000000;
	text-decoration: none;
}

a.shopping_cart  {
	text-decoration: none;
	background: url(../../shared_gif/VLD_shopping_cart.gif) no-repeat right center;
	padding: 2px 20px 0 0;
}

a.leaflet  {
	text-decoration: none;
	background: url(../../shared_gif/VLD_leaflet.gif) no-repeat right center;
	padding: 2px 20px 0 0;
}
a.client_area  {
	text-decoration: none;
	background: url(../../shared_gif/VLD_client_area.gif) no-repeat right center;
	padding: 2px 20px 0 0;
}

a.teaser {
	display: block;
	margin: 0 0 10px 0;
	padding: 0;
}

div#language a.de{
	float: left;
	display: block;
	background: url(../shared_gif/de.gif);
	width: 16px;
	height: 11px;
	margin-right: 5px;
}
div#language a.de:hover, div#language a#de_active{
	float: left;
	display: block;
	background: url(../shared_gif/de_active.gif);
	width: 16px;
	height: 11px;
	margin-right: 5px;
}

div#language a.gb{
	display: block;
	float: left;
	background: url(../shared_gif/gb.gif);
	width: 16px;
	height: 11px;
}
div#language a.gb:hover, div#language a#gb_active{
	background: url(../shared_gif/gb_active.gif);
}

/*TEXT*/
span.left {
	text-align: left;
}
span.right {
	text-align: right;
}
span.center {
	text-align: center;
}
.pink {
	color: #00C5E7;
}
#men .pink {
	color: #000000;
}
#men_article .pink {
	color: #000000;
}
.white {
	color: #FFFFFF;
}
#men .white {
	color: #00C5E7;
}
#men_article .white {
	color: #00C5E7;
}
.bold {
	font-weight: normal;
}
.error_msg {
	color: #000000;
}
.form {
	display: block;
	padding: 3px 0 0 0;
}
.small {
	padding: 0 0 0 0;
	margin: 2px 5px 0 0;
	font-size: 7.5pt;
	font-weight: normal;
}
.big {
	font-size: 12pt;
	line-height: 12pt;
	font-weight: normal;
}
.bigger {
	padding: 0 0 0 0;
	margin: 2px 5px 0 0;
	font-size: 11pt;
	line-height: 13pt;
	font-weight: normal;
}
.margin {
	margin: 0 0 15px 0;
}
.margin_right {
	margin: 0 10px 0 0;
}
.list{
	width: 180px;
}
.price {
	font-size: 16pt;
}
.passage {
	margin: 0 0 7px 0;
}

.quest {
	display: block;
	margin: 0 0 4px 0;
}
.answer {
	display: block;
	float: left;
	width: 540px;
	margin: 0 0 2px 0;
}

/*HINTERGRUND*/
.bg_black{
	background: #000000;
	color: #ffffff;
	padding: 5px 5px 5px 10px;
	margin: 0 0 0 0;
}
.grey_bg {
	background: #ECF0F3;
}
.blue {
	color: #000000;
	background: url(../../shared_gif/blue_bg.gif) repeat-y ;

}

/*RASTER*/
.c1{
	width: 90px;
	float: left;
}
.c1m{
	width: 90px;
	margin: 0px 10px 0px 0px;
	float: left;
}
.c1_half{
	width: 140px;
	margin: 0px 0px 0px 0px;
	float: left;
}
.c1m_half{
	display: block;
	width: 140px;
	margin: 0px 10px 0px 0px;
	float: left;
}
.c2{
	width: 190px;
	float: left;
}
.c2m{
	width: 190px;
	margin: 0px 10px 0px 0px;
	float: left;
}
.c2_half{
	width: 240px;
	float: left;
}
.c2m_half{
	width: 240px;
	margin: 0px 10px 0px 0px;
	float: left;
}

.c3{
	width: 290px;
	float: left;
}
.c3m{
	width: 290px;
	margin: 0px 10px 0px 0px;
	float: left;
}
.c3m_half{
	width: 340px;
	margin: 0px 10px 0px 0px;
	float: left;
}

.c4{
	width: 390px;
	float: left;
}
.c4m{
	width: 390px;
	margin: 0px 10px 0px 0px;
	float: left;
}
.c4_half{
	width: 440px;
	float: left;
}
.c4m_half{
	width: 440px;
	margin: 0px 10px 0px 0px;
	float: left;
}

.c5{
	width: 490px;
	float: left;
}
.c5m{
	width: 490px;
	margin: 0px 10px 0px 0px;
	float: left;
}

.c6{
	width: 590px;
	float: left;
}
.c6m{
	width:590px;
	margin: 0px 10px 0px 0px;
	float: left;
}

/*MEN-RASTER*/

div#men .c1{
	width: 80px;
	float: left;
}
div#men .c1m{
	width: 80px;
	margin: 0px 10px 0px 0px;
	float: left;
}
div#men .c2 {
	width: 185px;
}
div#men .c2m{
	width: 185px;
	margin: 0 8px 0 0;
}
div#men .c2_half{
	width: 220px;
	float: left;
}
div#men .c2m_half{
	width: 220px;
	margin: 0px 10px 0px 0px;
	float: left;
}
div#men_article div.pinkborder div.c2 {
	width: 170px;
}
div#men .c3{
	width: 280px;
}
div#men .c3m{
	width: 280px;
}
div#men .c4{
	width: 380px;
}
div#men .c4m{
	width: 380px;
}
div#men_article .c4{
	width: 370px;
}
div#men_article .c4m{
	width: 370px;
}

div#men .c6{
	width: 570px;
}
div#men .c6m{
	width:570px;
}

/* HEADLINES */

h1 {
	border-top: #000000 dashed 1px;
	padding: 12px 0 0 0;
	margin: 0 0 20px 0;
	font-size: 15pt;
	line-height: 16pt;
	font-weight: normal;
}
div#men h1 {
	border-color: #FFFFFF;
}
h1.c2 {
	width: 190px;
}
h1.c3 {
	width: 290px;
}
h1.c4 {
	width: 390px;
}
h1.c5 {
	width: 490px;
}
h1.c6 {
	width: 590px;
}

h2 {
	padding: 12px 0 0 0;
	margin: 0 10px 5px 0;
	font-size: 9pt;
}
h3 {
	padding: 0 0 0 0;
	margin: 0 10px 12px 0;
	font-size: 15pt;
	line-height: 16pt;
	font-weight: normal;
}
div#men h3.c2{
	width: 175px;
}

h4 {
	padding: 0 0 0 0;
	margin: 0 0 5px 0;
	font-size: 21pt;
	line-height: 21pt;
	font-weight: normal;
}

h5 {
	color: #000000;
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
	font-size: 11pt;
	line-height: 14pt;
	font-weight: normal;
	font-style: italic;
}

h6 {
	padding: 0 0 0 0;
	margin: 0 0 5px 0;
	font-size: 18pt;
	line-height: 18pt;
	font-weight: normal;
}

/* PICTURES */

img.summary_pic {
	display: block;
	margin: 0 0 10px 0;
}

img.shop_listm {
	display: block;
	float: left;
	margin: 10px 10px 0 0;
	padding: 0;
}
div#men img.shop_listm {
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
}

img.shop_list {
	display: block;
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
}
img.detail_large {
	display: block;
	float: left;
	margin: 0 0 10px  0;
	padding: 0;
}

img.detail_small {
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
}
img.detail_small_last {
	display: block;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
}

img.c2 {
	float: left;
	margin: 0 0 5px 0;
}
img.c2_right {
	float: right;
	margin: 0 0 5px 10px;
}
img.c2m {
	float: left;
	margin: 0 10px 5px 0;
}

img.c4 {
	float: left;
	margin: 0 0 5px 0;
}
img.c4_right {
	float: right;
	margin: 0 0 5px 10px;
}
img.c4m {
	float: left;
	margin: 0 10px 5px 0;
}

img.c6 {
	float: left;
	margin: 0 0 5px 0;
}

.teaser img {
	display: block;
	margin: 0;
}

/*FORMS*/
.textarea_c3{
	display: inline;
	width: 386px;
	height: 120px;
	padding: 0 0 0 2px;
	border: solid 1px #000000;
	background-color: #FFFFFF;
	overflow: auto;
}
.input_c2_half{
	width: 218px;
	border: solid 1px #000000;
	background-color: #FFFFFF;
	height: 16px;
	padding: 0px 0px 0px 5px;
	margin: 2px 0 2px 0;
}
.input_lang{
	width: 290px;
	border: solid 1px #000000;
	background-color: #FFFFFF;
	height: 16px;
	padding: 0px 0px 0px 5px;
	margin: 0;
}
.input_kurz{
	width: 68px;
	border: solid 1px #000000;
	background-color: #FFFFFF;
	height: 16px;
	padding: 0px 0px 0px 5px;
	margin: 2px 0 2px 0;
}
.input_numbers{
	width: 21px;
	border: solid 1px #000000;
	background-color: #FFFFFF;
	height: 15px;
	text-align: right;
	padding: 0px 2px 0px 0px;
	margin: 1px 0 2px 0;
}
.input_c1_half{
	width: 140px;
	border: solid 1px #000000;
	background-color: #FFFFFF;
	height: 16px;
	padding: 0px 0px 0px 5px;
	margin: 2px 0 2px 0;
}
.select_half{
	width: 45px;
	border: solid 1px #000000;
	background-color: #FFFFFF;
	height: 15px;
	font-size: 7.5pt;
}
.select_c2_half{
	width: 225px;
	border: solid 1px #000000;
	background-color: #FFFFFF;
	height: 17px;
	padding: 0px 0px 0px 2px;
}
.select_kurz{
	width: 73px;
	border: solid 1px #000000;
	background-color: #FFFFFF;
	height: 17px;
	padding: 0px 0px 0px 2px;
}
.submit_c1{
	width: 90px;
	height: 25px;
	margin: 1px 0 0 5px;
}
.submit_c2pink {
	color: #00c5e7;
	background: url(../../shared_gif/VLD_in_warenkorb_white.gif);
	font-family: Georgia, Arial, sans-serif;
	margin: 0;
	width: 185px;
	height: 25px;
	border: none;
}
.cart_button1, .cart_button2{
	width: 96px;
	height: 40px;
	margin: 0 0 0 0;
	border: none;
	background: url(../../shared_gif/VLD_warenkorb_button_white.gif);
	font-family: Georgia, Arial, sans-serif;
	color: #000000;
	cursor: pointer;
}
.submit_black{
	width: 75px;
	height: 17px;
	margin: 0 0 0 0;
	border: none;
	background: #000000;
	color: #FFFFFF;
}
.radio_answer {
	display: block;
	float: left;
	margin: 2px 5px 0 10px;
}