/* CSS RESET  ----  CSS RESET  ----  CSS RESET  ----  CSS RESET  ----  CSS RESET  ----  CSS RESET  ----  CSS RESET  ----  CSS RESET  ----  CSS RESET  ----  CSS RESET  ----  CSS RESET  ----  CSS RESET  ----  CSS RESET  ----  CSS RESET  ----  CSS RESET  ----  CSS RESET  */
@media screen, projection, tv {
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-family: inherit;
		vertical-align: baseline;
	}
}



body {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: white;
	color: #666666;
	font-size: 100%;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:normal;
	line-height:1em;
}

td, th  {
	vertical-align: top;
}
   
   
   	


/* GENERAL   GENERAL   GENERAL   GENERAL   GENERAL   GENERAL   GENERAL   GENERAL   GENERAL   GENERAL   GENERAL   GENERAL   GENERAL   GENERAL   GENERAL   GENERAL   GENERAL   GENERAL   GENERAL   GENERAL   GENERAL   GENERAL   GENERAL   GENERAL     */
strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

a{	
	text-decoration: none;
	color: #006699;
}

a:hover{
	text-decoration: underline;
}
	
.hide {
	display: none;
}	

.clear {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height: 0px;
}	

.aligncenter {
	text-align: center;
}
.aligncenter .image {
	margin-left: auto;
	margin-right: auto;
}		
.alignleft {
	float: left;
	margin-right: 10px !important;
/*	
	margin-bottom:4px !important;
*/
}
.alignright {
	float: right;
	margin-left: 10px !important;
}





@media screen, projection, tv {	
	hr, div.hr  {
		background: url(../images/layout/hr.png) no-repeat center center transparent;
		border: none;
		width: 100%;
		height: 3px;
		padding: 1px;
	}


	code {
		background: url(../images/layout/code_bg.gif);
		border: 1px solid #CCC;
		display: block;
		font-family: 'Courier New', Courier, monospace;
		font-size:12px;
		line-height:18px;
		margin-left:20px;
	}
	
	
	
	#dialog {
		display: none; 
		background: white; 
		border: 1px solid gray; 
		position: relative;
		padding: 10px;
		font-size:0.75em;
	}
	#dialog .button {
		font-size:0.9167em;
	}
	
	#dialog .headline {
		background-color:#FF66CC;
		border-bottom:4px solid #FFFFFF;
		color:#FFFFFF;
		float:left;
		font-size:1.5em;
		padding:6px 16px 6px 8px;
	}
	.dialogCloseButton {
		font-weight: bold;
		position:absolute;
		right: 10px;
		top: 10px;
	}
	#simplemodal-container {
	}
	#simplemodal-overlay {
		background-color: black;
	}
	
	/*
	#dialog  input.error, #dialog  textarea.error{
		background-Color: #F6CECE;
		color: white;
	}
	*/
	#dialog .error span {
		display: block !important;
	}

	#dialog span.error {
		display: none;
		color: red;
		font-weight: bold;
	}

	
	.button {
		cursor: pointer;
		background:transparent url(../images/layout/button.png) no-repeat scroll left top;
		display: inline-block;
		color:white;
		font-weight:bold;
		margin: 3px 6px 0 3px !important;
		padding:1px 3px 0 6px;
		position:relative;
		text-decoration:none;
		vertical-align:middle;
		white-space:nowrap;
		height:19px;
	}
	.button:hover{
	   text-decoration: none;
	}
	.button span {
		cursor: pointer;
		background:transparent url(../images/layout/button.png) no-repeat scroll right top;
		display:inline-block;
		margin:0;
		padding-right: 6px;
		position:absolute;
		right:-3px;
		height:20px;
		top:0;
	}

	
/*	.button {
		cursor: pointer;
		background-color:#006699;
		color:white;
		font-weight:bold;
		margin: 3px 0 0 0 !important;
		padding: 1px 6px 1px 6px;
		text-decoration:none;
		vertical-align:middle;
		white-space:nowrap;
	}
	.button:hover{
	   text-decoration: none;
	}
*/



	/* MAIN     MAIN     MAIN     MAIN     MAIN     MAIN     MAIN     MAIN     MAIN     MAIN     MAIN     MAIN     MAIN     MAIN     MAIN     MAIN     MAIN     MAIN     MAIN     MAIN     MAIN     MAIN     MAIN     MAIN     MAIN     MAIN     MAIN     MAIN     MAIN   */
	.wrapper{
		position: relative;
		left: -5px;
		width: 970px;
		margin: 0 auto;
		font-size:0.75em;
		overflow: hidden;
	}				

	.main {
		position: relative;
		overflow: hidden;
	}

	.ie6warning {
		width:100%;
		background:#787878 url(../images/layout/bg_ie6_warning.png) repeat-x left bottom;
		vertical-align:middle;
		overflow:hidden;
	}
	.ie6warning .attention {
		height:23px;
		background-color:#ff0000;
		padding:6px 12px 6px 12px;
		margin: 10px;
		vertical-align:middle;
		font-size:1.5em;
		color:white;
		float:left;
		line-height:23px;
	}
	.ie6warning .advice {
		margin: 10px;
		vertical-align: middle;
		font-size: 13px;
		color: white;
	}
	.ie6warning .advice  a{
		color: white;
		text-decoration: underline;
	}
	
	



	/* HEADER       HEADER       HEADER       HEADER       HEADER       HEADER       HEADER       HEADER       HEADER       HEADER       HEADER       HEADER       HEADER       HEADER       HEADER       HEADER       HEADER       HEADER       HEADER       HEADER       HEADER       HEADER     */
	.header {
		position: relative;
		z-index: 100;
		height: 125px !important;
	}
	.header h1 a span{
		display: none;
	}
	.header h1 a {
		display: block;
		width: 450px;
		height: 75px;
		background: url(../images/layout/logo.png);
	}

	.header .breadcrumb {
		display: none;
	}







	/* CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT   */

	.content {
		position: relative;
		margin-right: 10px;
		float: left;
		display: inline;
		width:470px;
		overflow: hidden;
	}

	.contentMainHeadline {
		position: relative;
/*		margin-bottom: 8px; */
	}

	.backLink {
		background: url(../images/layout/back.png) #CCFFFF no-repeat 10px 5px;
		height: 22px;
		display: block;
		text-indent: 1000px;
		overflow: hidden;
		margin-bottom:4px;
	}
	.backLink:hover {
		background-image: url(../images/layout/back_hover.png);
	}	



	.wide2 .content {
		width:715px !important;
	}
	.wide3 .content {
		width:960px !important;
	}
	.sidebarleft .content {
		margin-left: 245px;
	}
	.sidebarleft .sidebar0 {
		margin-left: -725px;
	}
	.wide2 .sidebarleft {
		margin-left: -970px;
	}
	
	
	


	
	/* .content  */
	h2 {
		text-align:left;
		background-repeat: no-repeat;
		background-position: 10px 10px;
		overflow: hidden;
		border-bottom: 4px solid white;
		padding: 8px 5px 2px 8px;
	}
	.content .contentMainHeadline {width: 470px;}
	.wide2 .content .contentMainHeadline {width: 715px;}
	.wide3 .content .contentMainHeadline {width: 960px;}

	
	h2 img {
		margin: 3px;
	}
	h2 span {
		display: none;
	}
	h2.nolinebreak b {
		display: block;
		height: 25px;
		width: 2000px;
	}	
	h2.nolinebreak b img {
		float: left;
	}

	

	a.lightblue {
		color: #66ccff;
	}

	a.arrow {
		font-weight:bold;
		padding-left: 10px;
		background: url(../images/layout/arrow_darkblue.png) no-repeat left center;
	}

	a.arrow_lightblue {
		color: #66ccff;	
		font-weight:bold;
		padding-left: 10px;
		background: url(../images/layout/arrow_lightblue.png) no-repeat left center;
	}


	a.back_to_top {
		font-size:8pt;
		font-weight:bold;
		padding: 3px 3px 3px 13px;
		background: #CCFFFF url(../images/layout/arrow_up.png) no-repeat 3px 8px;
	}



	.content h3 {
		font-weight: normal;
		font-size: 1.5em;
		color: #3385ad;
		margin-bottom: 3px;
		line-height:1.15em;
	}
	.content h4 {
		font-weight: normal;
		font-size: 12pt;
		color: #FF66CC;
		margin-bottom: 8px;
	}
	
	.content h5 {
		font-weight: bold; 
		font-size: 100%;
	}

	

	.content .headline_sep {
		height: 10px;
	}


	.content .image  .subtitle {
		padding: 3px 3px 0 3px;
		font-size: 80%;
		color: #663366;
		text-align: left;
	}

	.content ul {
		margin-left: 20px;
	}
	
	.content sup,
	.answers sup,
	.faq sup {
		font-size:75%;
		margin-bottom:6px;
		vertical-align:top;
	}

	#dialog .button {
		font-size:0.9167em;
	}

	.footnotes {
		font-size:0.8333em;
	}

	/*
		<ul> next to floated elements get their bullet point hidden (http://www.webmasterworld.com/css/3591443.htm)
	.content ul li {
		list-style-position: inside;
	}
	*/
	
	.content ol {
		width: 470px;
	}
	
	.content ol li,
	.answer ol li {
		margin-bottom:1em;
		margin-left:30px;
	}

	.content .paragraph, .content .image, .content .morelink , .content .headline, .content .application, .content .video {
		margin-bottom: 10px;
	}
	
	
	.paragraph p {
		margin-bottom: 10px;
	}
	
	.content .video {
		background: url(/html/images/layout/ajax-loader.gif) center center no-repeat;
		width: 100%;
		text-align: center;
		position: relative;
	}
	.content .video object{
		width: 470px; 
		background-color: #E5E5E5;
	}
	.content .video_youtube {height: 402px;}					/* 370 of standard 4:3 youtube video + 32 of share app */
	.content .video_youtube object {height: 370px;}
	.content .video_youtube_widescreen {height: 322px;}		/* 290 of widescreen 16:9 youtube video + 32 of share app */
	.content .video_youtube_widescreen object {height: 290px !important;}
	
	.content .video_custom {height: 407px;}					/* 375 of standard 4:3 custom video + 32 of share app */
	.content .video_custom object {height: 375px;}
	.content .video_custom_widescreen {height: 317px;}		/* 285 of widescreen 16:9 costom video + 32 of share app */
	.content .video_custom_widescreen object {height: 285px !important;}




	
	




	/* SIDEBAR  SIDEBAR  SIDEBAR  SIDEBAR  SIDEBAR  SIDEBAR  SIDEBAR  SIDEBAR  SIDEBAR  SIDEBAR  SIDEBAR  SIDEBAR  SIDEBAR  SIDEBAR  SIDEBAR  SIDEBAR  SIDEBAR  SIDEBAR  SIDEBAR  SIDEBAR  SIDEBAR */
	.sidebar {
		display: inline;
		position: relative;
		margin-right: 10px;
		overflow: hidden;
		float: left;
		width: 235px;
	}


	/*  PORTLET    PORTLET    PORTLET    PORTLET    PORTLET    PORTLET    PORTLET    PORTLET    PORTLET    PORTLET    PORTLET    PORTLET    PORTLET    PORTLET    PORTLET    PORTLET    PORTLET    PORTLET    PORTLET    PORTLET    PORTLET    PORTLET   */
	.sidebar .portlet {
		position: relative;
		margin-bottom: 10px;
		overflow: hidden;
	}

	.sidebar .portlet .spacer {
		height: 4px;
		background-color: white;
		width:100%;
		overflow:hidden;
	}


	.sidebar .paragraph, .sidebar .image, .sidebar .morelink , .sidebar .headline {
		padding: 5px 10px;
	}
	
	.sidebar .morelink {
		font-size:0.9167em;
	}
	
	.sidebar .firstElement {
		padding-top: 10px;
	}
	.sidebar .lastElement {
		padding-bottom: 10px;
	}

	.sidebar .portlet  h2 {
		border-bottom:4px solid white;
		width: 235px;
	}


	
	
	
	/*  content background in portlet  */
	.contentStyle_lightblue  {background-color: #66ccff;}
	.contentStyle_lightblue  a {color: #006699;}
	.contentStyle_blue  {background-color: #0099cc;}
	.contentStyle_blue  a {color: #FFFFFF;}
	.contentStyle_darkblue  {background-color: #006699;}
	.contentStyle_lightturquoise  {background-color: #ccffff;}
	.contentStyle_turquoise  {background-color: #99ffff;}
	.contentStyle_green  {background-color: #99CC00;}
	.contentStyle_orange  {background-color: #FF9900;}
	.contentStyle_pink {background-color: #ff66cc;}
	.contentStyle_red {background-color: #e00042;}
	.contentStyle_yellow  {background-color: #FFFF00;}

	
	

	.jquery-corner {
		z-index: 10; 
		position: relative
		/* 
			width: 100%; 
			position: absolute; 
		*/
	}




	/* FOOTER     FOOTER     FOOTER     FOOTER     FOOTER     FOOTER     FOOTER     FOOTER     FOOTER     FOOTER     FOOTER     FOOTER     FOOTER     FOOTER     FOOTER     FOOTER     FOOTER     FOOTER     FOOTER   */
	.footer {
		clear: both;
		font-size: 1em;
		margin: 20px 0;
		padding: 3px 0;
		border-top: 1px solid #66ccff;
	}

	.footer .logo {
		width: 195px;
		height: 15px;
		text-align: right;
		background: url(../images/layout/wcd_logo_small.png) no-repeat left 2px;		/* right not working in IE */	
		float: right;
		color: #006699;	
		font-weight: bold;
		text-indent: 10000px;
		overflow: hidden;
	}

	.footer  .additional_text {
		margin-top: 4px;
		clear: both;
	}

	.footer_links {
		height: 20px;
		float: left;
		margin: 0px;
		padding: 0px;
	}
	.footer_links  li{
		height: 9px;
		float: left;
		margin: 3px 10px 0 0;
		padding: 0 0 0 10px;
		list-style: none;
		border-left: 1px solid #006699;
		
	}
	.footer_links  li.first {
		padding-left: 0px;
		border-left: none;
	}

	.footer_links  li a{
		position: relative;
		top: -3px;
	}

	
	
	
	
	
	
	/***    FORMS SUBMIT - start  ***/
		
	form.submitform { 
		width: 440px; 
		background:#f8f8f8;
		padding-left:20px;
	}

	form.submitform  label { 
		display: block; 
		color:#838383;
		font-size:11px;
		line-height:19px;
		margin-top:5px;
	}

	form.submitform fieldset {
		margin:15px 0 0 0;
	}
	
	form.submitform legend {
		color:#007aaa;
		font-size:17px;
		line-height:25px;
		font-weight:bold;
		padding-left:25px;
		padding-top: 8px;
	}

	form.submitform legend.num1 {
		background:url(/html/images/love_talk/num1.png) no-repeat scroll 0px 10px;
	}
	form.submitform legend.num2{
		background:url(/html/images/love_talk/num2.png) no-repeat scroll 0px 10px;
	}
	form.submitform legend.num3 {
		background:url(/html/images/love_talk/num3.png) no-repeat scroll 0px 10px;
	}
	form.submitform legend.num4 {
		background:url(/html/images/love_talk/num4.png) no-repeat scroll 0px 10px;
	}


	form.submitform input, form.submitform select , #lovetalk textarea{
		border:1px solid #424242;
	}

	form.submitform .error, form.submitform  input.error, form.submitform  select.error, form.submitform  textarea.error {
		border: 1px solid #e90550;
	}
	label.avatarlabel {
		clear:both;	
	}

	img.avatar {
		cursor:pointer;
	}

	div.avatarholder {
		width:400px;
	}

	form.submitform div#userimgshow {
		width:60px;
		height:60px;
		margin-right:10px;
		margin-bottom:10px;
		background:#efefef;
		float:left;
		text-align:center;
	}

	form.submitform  .noborder {
		border:0px;
	}

	form.submitform  .large {
		width:420px;
	}

	form.submitform  .small {
		width:200px;
	}

	form.submitform  .leftcol {
		width:220px;
		float:left;
		clear:both;
	}

	form.submitform  .bdcol {
		float:left;
		width:260px;
		clear:both;
	}

	form.submitform .rightcol, form.submitform .gendercol{
		float:left;
		width:200px;
	}

	form.submitform label.error{
		display:block;
		width:375px;
		margin-top:5px;
		margin-bottom:5px;
		padding:10px;
		padding-left:35px;
		background:white;
		color:#e90550;
		background:url(/html/images/love_talk/error.png) no-repeat 10px 10px #FFF;

	}

	form.submitform  p.leftcol label.error , form.submitform  p.rightcol label.error{
		width:155px;
	}

	form.submitform p.genders {
		position:relative;
	}
	form.submitform p.genders label.error{
		position:absolute;
		top:50px;
	}

	form.submitform #fileupload {
		float:left;
		width:300px;
	}

	form.submitform #fileupload label.error{
		width:200px;
	}

	form.submitform  span.noerrormsg label.error {
		display:none;
		width:0px;
		height:0px;
		
	}

	/***  FORMS SUBMIT  -  ENDE  ***/


	iframe#girls_talk_tv {
		border:0;
		overflow-x:hidden;
		overflow-y:scroll;
	}



}

/*   PRINT CSS   -    PRINT CSS   -    PRINT CSS   -    PRINT CSS   -    PRINT CSS   -    PRINT CSS   -    PRINT CSS   -    PRINT CSS   -    PRINT CSS   -    PRINT CSS    */
@media print, aural, braille, embossed, handheld, tty {
	.countrySelectorWrapper, .main_links, .sidebar, .backLink, h2 img, .footer_links, .back_to_top {
		display: none;
	}
	
	h2 {
		background: none;
	}
}