body { font-size:10px; color: #666666; text-align:center; font-family:Arial, Helvetica, sans-serif; background-image: url(http://www.youngslips.de/shared/images/backgr_01.gif); }

p {
	margin:0px;
}

td {
}
a {
	color: #ff00cc;
	text-decoration: none;
}
input {
	font-size:11px;
	color: #666666;
}
textarea {
	font-size:11px;
	color: #666666;
}
h1 {
	font-size:12px;
	font-weight:bold;
	color: #ff00cc;
	letter-spacing: 2px;
}
h5 { color: #ff00cc; font-size: 16px; font-weight: bold; letter-spacing: 2px; margin: 0; padding: 0; }
div.content h1 {
	margin-left:5px;
}
h2 {
	font-size:11px;
	font-weight:bold;
	color: #888888;
	letter-spacing: 1px;
}
h3 { color: #ccc; font-size: 6px; letter-spacing: 1px; }
h4 { color: #f0f; font-size: 10px; letter-spacing: 1px; }
img.online {
	margin-right:3px;
	border:none;
}

.inline {
	display:inline;
}

.keywords {
	display:none;
}

#wrap_center {
	width: 820px;
	margin-left:auto;
	margin-right:auto;
}

#wrap_center_large {
	width: 1020px;
	margin-left:auto;
	margin-right:auto;
}

#promotions {
	float: right;
	width: 190px;
	text-align: left;
}
#outer_frame {
	width: 820px;
	background-color: #fef5fe;
	border: 1px solid #666666;
	padding: 0px 0px 10px 0px;
	padding:0px;
	margin-top:10px;
	margin-bottom:10px;
	text-align:left;
}
#top {
	font-size:11px; 
	/* margin-left:170px; */
	text-align:center;
	margin-bottom:2px;
	font-weight:bold;
	border: 1px solid #f9f;
	margin:7px;
	margin-right:6px;
	padding:2px;
}
#content_frame_wide {
	/* width: 780px; */
	
	margin-left:8px;
	margin-right:8px;
	margin-bottom:8px;
	background-color: #f2f2f2;
	border: 1px solid #f9f;
}

#content_frame_small {
	width:633px;
	/* overflow:hidden; */
	background-color: #f2f2f2;
	border: 1px solid #f9f;
	float:left;
	margin-left:7px;
	padding:0px;
	text-align:left;
	margin-bottom:5px;
}
#content_left_column {
	width:334px;
	float:left;
	padding:0px;
	margin:4px;
	margin-left:2px;
}
#content_right_column {
	float: left;
	width: 281px;
	padding:0px;
	margin:4px;
	margin-right:0px;
}

.content_link_block p {
	background-color:#fff;
	margin:3px;
}	
	
table.portrait {
}

table.portrait td {
}
	
.picture_frame {
	width: 165px;
	background-color: #ffffff;
	border: 1px solid #ffccff;
/*
	padding: 2px 5px 2px 5px;
*/
	font-size:11px;
	color: #666666;
	float: left;
}
.picture_header {
	background-color: #ffccff;
	margin: 2px;
	padding:0px;
	padding-left:2px;
	padding-right:2px;
	font-size:10px;
}
.picture_header img {
	float:right;
	margin-top:2px;
	border:none;
}
table.portrait div.portrait {
	padding:0px;
	margin:1px;
	width:160px;
	height:160px;
	border:solid 1px #000;
}
table.portrait div.portrait img {
	border:none !important;
	margin:0px;
}
.picture_ranking {
	float: left;
	padding:2px;
}
.picture_ranking img,
.picture_languages img {
	cursor:help;
}

.picture_languages {
	float: right;
	padding:2px;
}
.alert {
	border: 1px solid #f00;
	background-color:#900;
	padding: 2px;
	font-weight:bold;
	font-size:12px;
	color:#fff;
	text-align: center;
	margin:5px;
}
.success {
	border: 1px solid #0f0;
	background-color:#090;
	padding: 2px;
	font-weight:bold;
	font-size:12px;
	color:#fff;
	text-align: center;
	margin:5px;
}
a.top_link {
	border:solid 1px #ccc;
	padding: 1px;
	padding-left: 2px;
	padding-right: 2px;
	background-color:#fff;
	color: #ff00cc;
	text-align: center;
	margin:0px;
	margin-right:2px;
	font-size:10px;

/*
	font-size:11px;
	font-weight:bold;
*/

}
a.top_link:hover, 
a.top_link:focus {
	background-color:#fcf;
}

a.top_menu {
	display:block; 
	float:left; 
	text-align:center; 
	background-color:#fff; 
	border:solid 1px #ccc; 
	padding:38px 2px 1px 2px; 
	margin-right:2px;
	width:60px;
	background-image:none;
	background-position:center 2px;
	background-repeat:no-repeat;
	white-space:nowrap;
	overflow:hidden;
}
a.top_menu:hover, 
a.top_menu:focus {
	border-color:#f0f;
}

a.top_menu img {
	border:none;
}

.sub_menu a.tm_act {
	border:solid 1px #f0f !important;
	border-bottom:solid 5px #f0f !important;
}

div.sub_menu a.active {
	background-color:#e4e;
	color:#fff;
}

div.sub_menu {
	width:623px;
	background-color: #f2f2f2;
	background-color: #f8eaf8;
	border: 1px solid #f9f;
	float:left;
	margin-left:7px;
	padding:5px;
	padding-top:7px;
	padding-bottom:7px;
	text-align:left;
	margin-bottom:5px;	
}

div.content {
	background-color:#fff;
	margin:0px;
	margin-bottom:5px;
	padding: 1px;
	width:99%;
}
div.content p {
	margin-left:5px;
	margin-right:5px;
}
div.content_table {
	padding:0px; 
	margin:0px; 
	margin-bottom:5px; 
}
div.content_table table {
	width:100%;
}
div.content_table table.small td {
	width:33%;
	vertical-align:top;
	text-align:center;
}

table.upload td {
	border-bottom: solid 1px #999;
}

table.upload th,
table.order th {
	background-color:#F8EAF8;
	text-align:left;
	font-weight:normal;
	font-size:10px;
	padding-top:2px;
	padding-bottom:2px;
}

.separator {
	background-color: #f2f2f2;
	border-top: 1px dashed #f9f;
	border-bottom: 1px dashed #f9f;
	height: 5px;
	padding:0px;
	overflow:hidden;
	margin:0px;
	margin-bottom:5px;
	
}
p.normal, p.formfield_desc {
	font-size:11px;
	color: #666666;
}
p.normal {
	margin-bottom:5px;
}

p.small {
	font-size:10px;
	color: #666666;
}
p.x-small {
	font-size:9px;
	color: #666666;
}
p.info {
	background-color: #f8eaf8;
	font-size:10px;
	color: #ff00cc;
	padding: 3px;
}
p.data_split {
	font-size:11px;
	padding: 3px;
	text-align: center !important;
}

p.data_split a.active {
	padding-left:5px;
	padding-right:5px;
	border:solid 1px #f0c;
}

.pink {
	color: #f0c;
}
.red {
	background-color: #ffccff;
	color: #c00;
	font-style: italic;
	font-size: 11px;
	padding-right:7px;
	padding-left:5px;
}
.green {
	color:#0c3;
}
.calendar {
	background-color: Gray;
}
.calendar_day {
	background-color: White;
}
.calendar_today {
	border: 1px solid #ff00cc;
	background-color: White;
}
.calendar_link_inactive {
	display:block;
	font-size:11px;
	color: #ff99ff;
}
.calendar_link_active {
	display:block;
	font-size:11px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	background-color: #f0c;
	/* text-decoration: underline; */
	
}

div.gesamtpreis {
	width: 130px;
	border:solid 1px #ff00cc;
	background-color:#f8eaf8;
	padding:10px;
	font-size:10px;
	margin:5px;
	float:right;
	text-align:center !important;
	font-size:12px;
	color: #ff00cc;
}

	input,
	select,
	option {
		font-size:10px;
	}
	input.button,
	input.submit {
		font-size:9px;
	}
	input.text {
		border:solid 1px #999; 
		margin-right:5px; 
		margin-left:5px;		
	}
	input.w50 {
		width:50px; 
	}
	input.w100 {
		width:100px; 
	}
	input.w200 {
		width:200px; 
	}

	div.artikel {
		width:198px;
		border:solid 1px #ccc;
		background-color:#f8eaf8;
		padding-top:10px;
		padding-bottom:3px;
		font-size:10px;
		margin:3px;
		float:left;
		overflow:hidden;
	}
	div.artikeltop {
		border:solid 1px #f9f;
	}
	
	div.artikel div.box{
		margin-left:10px;
		margin-right:10px;
		border:solid 1px #ccc;
		background-color:#fff;
		margin-bottom:7px;
	}
	div.artikel div.full {
		padding:3px;
	}
	div.artikel div.blind {
		margin-left:10px;
		margin-right:10px;
		width:178px;
		padding:0px;
		margin-bottom:7px;
	}
	div.artikel div.bildbox {
		margin-left:10px;
		margin-right:10px;
		background-color:#f8eaf8;
		margin-bottom:7px;
		border:solid 1px #f8eaf8;
	}
	div.artikel div.bildbox img.klein,
	img.s
	 {
		height:80px;
		width:80px;
		border:solid 1px #000;
		cursor:pointer;
	}

	div.artikel div.bildbox img.medium,
	img.m {
		height:160px;
		width:160px;
		border:solid 1px #000;
		cursor:pointer;
	}
	label {
		display:block;
		cursor:pointer;
		width:100%;
	}
	.right {
		text-align:right;
	}
	.left {
		text-align:left;
	}


div.payment {
	font-size: 10px;
}

div.payment a {
	background-position: center;
	background-repeat: no-repeat;
	display:block;
	height: 125px;
	width:245px;
	text-align: center;
}



a.payment_paypal {
	background-image: url(/shared/images/payment/paypal-01.jpg);
}
a.payment_paypal:hover {
	background-image: url(/shared/images/payment/paypal-02.jpg);
}
a.payment_sofortueberweisung {
	background-image: url(/shared/images/payment/sofortueberweisung-01.jpg);
}
a.payment_sofortueberweisung:hover {
	background-image: url(/shared/images/payment/sofortueberweisung-02.jpg);
}
a.payment_kreditkarte {
	background-image: url(/shared/images/payment/icon_kreditkarte_02.jpg);
}
a.payment_kreditkarte:hover {
	background-image: url(/shared/images/payment/icon_kreditkarte_01.jpg);
}
a.payment_ueberweisung {
	background-image: url(/shared/images/payment/ueberweisung_02.jpg);
}
a.payment_ueberweisung:hover {
	background-image: url(/shared/images/payment/ueberweisung_01.jpg);
}
a.payment_lastschrift {
	background-image: url(/shared/images/payment/lastschrift_02.jpg);
}
a.payment_lastschrift:hover {
	background-image: url(/shared/images/payment/lastschrift_01.jpg);
}
a.payment_globalpaycard {
	background-image: url(/shared/images/payment/global_paycard_02.jpg);
}
a.payment_globalpaycard:hover {
	background-image: url(/shared/images/payment/global_paycard_01.jpg);
}
a.payment_uot {
	background-image: url(/shared/images/payment/uot_02.jpg);
}
a.payment_uot:hover {
	background-image: url(/shared/images/payment/uot_01.jpg);
}

/*
	Mainmenu
*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

div.menu_block {
	padding-left:5px;
}

/* Glossy menu 1 */
.glossymenu1{ list-style-type: none; margin: 0 0 5px; padding: 0; width: 149px; border: solid 1px #c0c; }

.glossymenu1 li a{
background: white url(/shared/images/menu/glossyback.gif) repeat-x left bottom;
font: small-caps bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #606;
display: block;
width: auto;
padding: 3px 0 3px 10px;
text-decoration: none;

}
* html .glossymenu1 li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 140px;
}
* html .glossymenu2 li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 140px;
}

.glossymenu1 li a:visited, .glossymenu li a:active{
color: #606;
}
.glossymenu1 li a:hover{ color: #909; background-image: url(/shared/images/menu/glossyback2.gif); }

li a.activeMenu , li a.activeMenu { color: #303; }

/* glossymenu  3 */
.glossymenu2{ list-style-type: none; margin: 0 0 5px; padding: 0; width: 149px; border: solid 1px #f0f; }

.glossymenu2 li a{
background: white url(/shared/images/menu/glossyback_2.gif) repeat-x left bottom;
font: small-caps bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #fff;
display: block;
width: auto;
padding: 3px 0 3px 10px;
text-decoration: none;

}

.glossymenu2 li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu2 li a:hover{ color: #606; background-image: url(/shared/images/menu/glossyback2_2.gif); }

/* Glossy menu chat */
.glossymenuChat{ list-style-type: none; margin: 0 0 5px; padding: 0; width: 149px; border: solid 1px #c0c; }

.glossymenuChat li a{
background: white url(/shared/images/menu/chatback.gif) repeat-x left bottom;
font: small-caps bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #606;
display: block;
width: auto;
padding: 3px 0 3px 10px;
text-decoration: none;

}
* html .glossymenuChat li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 140px;
}
* html .glossymenuChat li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 140px;
}

.glossymenuChat li a:visited, .glossymenuChat li a:active{
color: #606;
}
.glossymenuChat li a:hover{ color: #909; background-image: url(/shared/images/menu/chatback2.gif); }



#link_frame {
	width:172px;
	padding:0px;
	float: left;
	font-size:10px;
}
.link_block {
	background-color: #f2f2f2;
	border: 1px solid #f9f;
	margin:0px;
	margin-left:7px;
	margin-bottom: 7px;
	padding:0px;
	padding-top:1px;
	padding-bottom:1px;
}