/*********************************************************
  HTML Elements
*********************************************************/

html, body {
 height: 100.1%;
}

body {
 margin: 0;
 padding: 0;
 background:#ddeef4 url(/images/backgrounds/body.jpg) repeat-x 0px 0px;
 font: 0.7em verdana, arial, sans-serif;
 line-height: 1.7em;
}

/* Headers */
h1, h2, h3, h4, h5, h6 {
 margin: 0 0 10px 0;
 padding: 0;
}

h1 {

 padding-top: 5px;
 line-height: 30px;
 font: 400 1.6em arial, sans-serif;
 color: #1b3f87;
}

h2 {
 font-size: 1.2em;
 color: #586B7A;
}

h3 {
 text-transform: uppercase;
 font-size: 0.9em;
 color: #5D6F73;
}

h4 {
 font-size: 0.85em;
}

h5 {
 font-size: 0.8em;
}

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

body.default.index p {
	margin: 0;
	padding: 0;
}

body.default.index .tags p {
	padding: 0.5em;
}

/* Needed to horizontally pad in a coloured container */
.horzPad h1,
.horzPad h2,
.horzPad h3,
.horzPad h4,
.horzPad h5,
.horzPad p {
 padding-left: 5px;
 padding-right: 5px;
}

/* Links */
a {
 text-decoration: none;
 color: #69a6df;
}

a:hover {
 color: #668FA3;
}

a img {
 border: 0;
}

a img.border {
 border: 1px solid #FC3307;
}

a:hover img.border {
 /* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */
 border: 1px solid #668FA3 !important;
 border: 1px solid #FC3307;
}

/* Images */
img.floatRight {
 margin: 5px 0 10px 10px;
}

img.floatLeft {
 margin: 5px 10px 10px 0;
}

/* Lists */
ul li {
 list-style-image: url(/images/bg/submenu1.gif);
}

ol li {
 font-weight: bold;
 color: #668FA3;
}

ol li span {
 font-weight: normal;
 color: #444;
}

/* Blockquote */
blockquote {
 margin: 0;
 padding: 0 20px;
 background: #E7F1F3;
 border-top: 1px solid #AAD3DB;
 border-bottom: 1px solid #AAD3DB;
}



/**************************************************************
  Form Elements
**************************************************************/

form {
 padding: 0;
 margin: 0;
}

/* If you're finding the input elements get pushed down, increase the width */
fieldset {
	padding: 0px;
	margin: 0px;
	border-width: 0px;
}

label {
 display: inline;
 vertical-align: top;
}

input, textarea, select {
 padding: 1px;
 font: 400 1em verdana, sans-serif;
}

input.radio {
 background: none;
 border: 0px;
}

/**************************************************************
  All page content except for footer
**************************************************************/

/**************************************************************
  Topbar with newsletter form and theme change buttons
**************************************************************/


/**************************************************************
  Top menu and logo
**************************************************************/

/**************************************************************
  Header Image/Flash Movie
**************************************************************/

/**************************************************************
  Top Block Menu
**************************************************************/

/* Top menu icons */
/**************************************************************
  Page Content
**************************************************************/

#page {
 clear: both;
 float: left;
 width: 100%;
 margin-bottom: 6em;
 text-align: left;
}

#columns {
 margin: 0 auto;
}


/* Column widths */
.width {
 width: 776px;
}

.widthPad {
 width: 746px;
}

.width25 {
 width: 24%;
}

.width50 {
 width: 48%;
}

.width73 {
 width: 73%;
}

.width75 {
 width: 75%;
}

.width100 {
 width: 100%;
}


/**************************************************************
  Footer
**************************************************************/
#footer-blurb {
	color: #668FA3;
	font-size: 0.9em;
	width: 830px;
	margin: 1em auto 0;
	overflow: auto;
	max-height: 65px;
	border: 1px solid #eef;
	padding: 0.2em;
}

/**************************************************************
  Icons specific to the colour theme
**************************************************************/

a.lightTheme img,
a.darkTheme img,
a.submitButton img {
 width: 20px;
 height: 20px;
 vertical-align: middle;
}

a.lightTheme img {
 background: url(/images/icons/light_light_theme.gif) no-repeat center center;
}

a.darkTheme img {
 background: url(/images/icons/light_dark_theme.gif) no-repeat center center;
}

a.submitButton img {
 background: url(/images/icons/light_submit.gif) no-repeat center center;
}


/**************************************************************
  Posts
**************************************************************/

.post {
 float: left;
 width: 100% !important;
 width: 99%;
 position: relative;

 margin-bottom: 1.5em;

 border-bottom: 1px solid #CCCCCC;
}

.post .date {
 position: absolute;
 top: 0;
 left: 5px;

 width: 2.3em;
 text-align: right;
}

.post .date .month {
 text-transform: uppercase;
 font: 700 1.0em arial, sans-serif;
 color: #888;
}

.post .date .day {
 display: block;
 margin-top: -5px;
 font: 700 2.1em arial, sans-serif;
 color: #888;
}

.post .title {
 display: block;
 padding: 0 0 5px 0;

 font-size: 1.2em;
 font-weight: bold;
 color: #586B7A;
}

.post p {
 margin: 0 0 0 3.5em;
 padding:  0 0 1em 1.2em;
 border-left: 1px solid #CCCCCC;
}



/**************************************************************
  Thumbnail Lists
**************************************************************/

ul.thumbs,
ul.thumbs li {
 margin: 0;
 padding: 0;
}

ul.thumbs li {
 margin: 0 0 15px 0 !important;
 margin: 0;
 padding: 0px;
 list-style: none;
}

a.thumb img {

 border: 5px solid #ccc;
}

a:hover.thumb img {
 background: #8EB4C6;
 border: 5px solid #668FA3;
}

a:hover.thumb {
 background: none;
}

a.thumb span {
 display: block;
 margin-top: -5px !important;
 margin-top: -2px;
}



/**************************************************************
  Submenu Styles
**************************************************************/

ul.submenu1,
ul.submenu2 {
 margin: 0 0 20px 0;
 padding: 0;
}

ul.submenu1 li,
ul.submenu2 li{
 margin: 0;
 padding: 0;
 list-style: none;
 list-style-image: url(foo.gif); /* because IE is balls */
}

ul.submenu1 li a,
ul.submenu2 li a {
 display: block;
 height: auto !important;

 /* Start hide from IE Mac \*/
 height: 1%;
 /* End hide from IE Mac */

 padding: 1px 5px 1px 20px;
}

ul.submenu1 li a {
 background: url(/images/bg/submenu1.gif) no-repeat 5px 50%;
}

ul.submenu1 a:hover {
 color: #426F85;
 background: #B3C6C4 url(/images/bg/submenu1.gif) no-repeat 5px 50%;
}

ul.submenu2 li a {
 color: #426F85;
 background: url(/images/bg/submenu2.gif) no-repeat 3px 50%;
}

ul.submenu2 a:hover {
 color: #426F85;
 background: #B3C6C4 url(/images/bg/submenu2.gif) no-repeat 3px 50%;
}

/**************************************************************
  Generic Display
**************************************************************/


.block {
 display: block;
}

.clear {
 clear: both;
}

.marginRight {
 margin-right: 15px;
}

.paddingLeft {
 padding-left: 5px;
}

.paddingRight {
 padding-right: 5px;
}

.floatLeft {
 float: left;
}

.floatRight {
 float: right;
}

.alignLeft {
 text-align: left;
}

.alignRight {
 text-align: right;
}

.alignTop {
 vertical-align: top;
}

.alignMiddle {
 vertical-align: middle;
}

.alignBottom {
 vertical-align: bottom;
}

.lightBlueBg {
 background-color: #EAF2F5;
}

.dark {
 color: #353E47;
}


/**********/
/* Layout */
/**********/

#head {
	margin: auto;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-image: url(/images/backgrounds/head.gif);
	height: 86px;
	width: 880px;
}

#topnav {
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-image: url(/images/backgrounds/topnav.gif);
	margin: auto;
	height: 32px;
	width: 880px;
}

#path {
	height: 32px;
	margin: auto;
	width: 880px;
}

#container {
	font-size: 0.9em;
	background-repeat: repeat-y;
	background-position: 0px 0px;
	background-image: url(/images/backgrounds/container.gif);
	margin: 0 auto;
	width: 880px;
}

#content {
	font-size: 14px;
	padding-top: 6px;
	padding-right: 19px;
	padding-left: 19px;
	padding: 6px 19px 19px 19px;
	margin: 0px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-image: url(/images/backgrounds/content.gif);
}

body.default.index #content {
	font-size: 10px;
}

#foot {
	height: 128px;
	background-position: center 0px;
	background-repeat: no-repeat;
	background-image: url(/images/backgrounds/foot.gif);
	margin: auto;
	width: 880px;
}


/*************/
/* Sublayout */
/*************/

#loginbox {
	clear: both;
	float: right;
	height: 61px;
	width: 449px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-image: url(/images/backgrounds/loginbox.gif);
}

#loginbox.logged-in, body.loginins #loginbox {
	background-image: none;
}

#loginbox form {
	margin-left: 40px;
	margin-top: 8px;
}

#loginbox fieldset {
	padding-left: 0px;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-top: 0px;
}

#loginbox span.links {
	margin-left: 30px;
}

#mainlogin {
	padding: 3em 0;
	width: 30em;
	margin: auto;
}

#mainlogin label {
	width: 8em;
	text-align: left;
	display: block;
	float: left;
	padding-right: 0.7em;
}

#mainlogin #l_pw, #mainlogin #l_user  {
	width: 20em;
	display: block;
}

#mainlogin #submit  {
	width: 8em;
	margin-left: 21em;
}

#flags {
	clear: both;
	margin-top: 6px;
	margin-right: 26px;
	height: 15px;
	float: right;
}

#flags img {
	border-width: 0px;
	margin-left: 6px;
	float: right;
}

#path p {
	color: #69a6df;
	line-height: 32px;
	margin-left: 20px;
	margin-bottom: 0px;
	margin-right: 20px;
	margin-top: 0px;
	padding: 0px;
}

#topnav ul {
	margin-left: 13px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
}

#topnav ul li {
	display: inline;
}

#topnav a {
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(/images/backgrounds/topnav_divider.gif);
	padding-left: 18px;
	margin: 0px;
	padding-right: 18px;
	text-transform: uppercase;
	float: left;
	line-height: 32px;
	height: 32px;
	display: block;
	color: white;
}

#topnav a.last {
	background-image: url(none);
}

.headline {
	margin-bottom: 9px;
	float: left;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-image: url(/images/backgrounds/content_headline.gif);
	height: 292px;
	width: 611px;
}

.traumpartner {
	color: #005751;
	margin-bottom: 9px;
	margin-left: 7px;
	float: left;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-image: url(/images/backgrounds/content_traumpartner.gif);
	height: 292px;
	width: 224px;
}

.photos {
	margin-bottom: 9px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-image: url(/images/backgrounds/content_photos.gif);
	float: left;
	height: 198px;
	width: 611px;
}

.onlineuser {
	color: #69a6df;
	margin-left: 7px;
	float: left;
	background-position: 0px 0px;
	background-image: url(/images/backgrounds/content_onlineuser.gif);
	background-repeat: no-repeat;
	height: 90px;
	width: 224px;
	margin-bottom: 9px;
}

.tags {
	color: #69a6df;
	margin-left: 7px;
	float: left;
	background-position: 0px 0px;
	background-image: url(/images/backgrounds/content_tags.gif);
	background-repeat: no-repeat;
	height: 90px;
	width: 224px;
	margin-bottom: 9px;
	overflow: hidden;
}

div.headline h1 {
	color: #005751;
	margin-left: 410px;
	margin-top: 15px;
	margin-right: 25px;
	font-size: 2.5em;
	text-align: right;
}

div.headline p {
	margin-right: 10px;
	color: #005751;
	font-size: 1.25em;
	display: block;
}

div.headline p.p1 {
	margin-top: 20px;
	margin-left: 410px;
}

div.headline p.p2 {
	margin-top: 15px;
	margin-left: 390px;
}

div.headline p.p3 {
	margin-top: 15px;
	margin-left: 380px;
}

div.headline p.p4 {
	margin-top: 21px;
	font-size: 1.6em;
	margin-left: 45px;
}

div.headline p.p4 a {
	color: #005751;
}

div.traumpartner h1 {
	margin-left: 10px;
	line-height: 35px;
	font-size: 1.85em;
	color: white;
}

body.default.index p.weiterekriterien {
	line-height: 1.2em;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	margin-left: 10px;
	margin-top: 35px;
	float: left;
	display: block;
	width: 80px;
}

p.weiterekriterien a {
	color: #005751;
}

.traumpartner input.btnsearch {
	margin-right: 10px;
	margin-top: 35px;
	float: right;
}

.traumpartner table {
	margin-right: 10px;
	margin-left: 10px;
}

.onlineuser table {
	margin-left: 10px;
	margin-bottom: 5px;
	margin-right: 10px;
	margin-top: 5px;
	width: 200px;
}

.onlineuser td.progressbar {
	font-size: 1.2em;
	color: white;
}

.onlineuser td.progressbar span {
	padding-right: 10px;
	padding-left: 10px;
	display: block;
	height: 18px;
}

.onlineuser td.count {
	font-size: 1.2em;
	text-align: right;
}

.onlineuser td.head {
	padding-bottom: 5px;
	font-size: 1.5em;
}

div.tags span {
	font-size: 1.5em;
}

div.tags p {
	margin-right: 10px;
	margin-left: 10px;
}

.pager {
	margin: 10px 0 10px 10px;
	font-size: 0.9em;
}

.pager a.first, .pager a.last{
}

.pager a, .pager strong {
	margin-right: 0.3em;
	padding: 2px 5px;
	border: 1px solid #bbddff;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.pager strong{
	color: #eee;
	background-color: #69A6DF;
	border-color: #69A6DF;
}

.pager a {
	color: #5692b8;
}

#foot div.level1 {
	float: left;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 10px;
	margin-top: 0px;
	width: 286px;
	padding: 0px;
	background-position: 0px 0px;
	background-repeat: repeat-x;
	background-image: url(/images/backgrounds/foot_box_middle.gif);
	height: 78px;
	overflow: hidden;
}

#foot div.level2 {
	height: 78px;
	background-position: 0px 0px;
	padding: 0px;
	margin: 0px;
	background-repeat: no-repeat;
	background-image: url(/images/backgrounds/foot_box_left.gif);
	overflow: hidden;
}

#foot div.level3 {
	height: 78px;
	background-position: right 0px;
	padding-left: 8px;
	padding-bottom: 10px;
	padding-right: 8px;
	padding-top: 10px;
	background-repeat: no-repeat;
	margin: 0px;
	background-image: url(/images/backgrounds/foot_box_right.gif);
	overflow: hidden;
}

#foot div.shortlevel1 {
	margin-left: 14px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	float: left;
	width: 224px;
	padding: 0px;
	background-position: 0px 0px;
	background-repeat: repeat-x;
	background-image: url(/images/backgrounds/foot_box_middle.gif);
	height: 78px;
	overflow: hidden;
}

#foot div.shortlevel2 {
	height: 78px;
	background-position: 0px 0px;
	padding: 0px;
	margin: 0px;
	background-repeat: no-repeat;
	background-image: url(/images/backgrounds/foot_box_left.gif);
	overflow: hidden;
}

#foot div.shortlevel3 {
	height: 78px;
	background-position: right 0px;
	padding-left: 8px;
	padding-bottom: 10px;
	padding-right: 8px;
	padding-top: 10px;
	background-repeat: no-repeat;
	margin: 0px;
	background-image: url(/images/backgrounds/foot_box_right.gif);
	overflow: hidden;
}

#foot div.wrapper {
	padding-left: 32px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 15px;
}

#foot div.wrapper img {
	margin-right: 10px;
	float: left;
}

#foot div.wrapper h2 {
	color: #69a6df;
	padding: 0px;
	margin: 0px;
}

#foot div.wrapper p {
	line-height: 1.2em;
	padding: 0px;
	margin: 0px;
}

#nav-2 {
list-style: none;
	border-bottom: 1px solid #bbddff;
	height: 1.9em;
}

#nav-2 li {
	display: inline;
}

#nav-2 li a, #nav-2 li strong {
	display: inline;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	line-height: 1.5em;
	padding: 0.6em 1.2em;
	-moz-border-radius: 6px 6px 0 0;
	-khtml-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
	font-weight: normal;
	font-size: 0.9em;
}

#nav-2 li strong {
	border-color: #bbddff;
	background-color: #eff6fd;
	border-bottom: 2px solid #eff6fd;
	color: #333;
}

#nav-2 li a {
	border-color: #aaccee;
	background-color: #edf4fb;
}

.photos div.previous_photo {
	margin-top: 65px;
	margin-left: 4px;
	float: left;
	height: 69px;
	width: 12px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-image: url(/images/backgrounds/content_photos_previous.gif);
}

.photos div.previous_photo a {
	height: 69px;
	width: 13px;
	display: block;
}

.photos div.next_photo {
	margin-top: 65px;
	margin-right: 5px;
	float: right;
	height: 69px;
	width: 12px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-image: url(/images/backgrounds/content_photos_next.gif);
}

.photos div.next_photo a {
	height: 69px;
	width: 12px;
	display: block;
}

.photos div.register {
	margin-left: -1px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 10px;
	padding: 0px;
	text-align: center;
	border-color: #69a6df;
	border-style: solid;
	border-width: 0px;
	float: left;
	height: 30px;
	width: 145px;
}

.photos div.register p {
	line-height: 30px;
	padding: 0px;
	margin: 0px;
	display: block;
}

.photos div.register a {
	text-decoration: underline;
	font-size: 1.5em;
	margin-left: 3px;
	margin-bottom: auto;
	margin-right: auto;
	margin-top: 1px;
	height: 28px;
	width: 142px;
	display: block;
}

.photos div.register a.active {
	text-decoration: none;
	color: #ff0089;
}

.photos div.photo {
margin:0;
	margin-left: 5px;
	margin-top: 10px;
	float: left;
	text-align: center;
}

.photos div.photo img {
	display: block;

}

/* styles for specific modules and actions */

.benutzer.anmeldung #radio_gender {
	text-align: bottom;
	height: 160px;
}

.benutzer.anmeldung label#l_gen_m, .benutzer.anmeldung label#l_gen_f, .benutzer.anmeldung #radio_gender input {
	vertical-align: middle;
}

.benutzer.anmeldung img#icon_mann {
	margin-right: 40px;
}

.benutzer.pmall caption {
	text-align: left;
	padding: 0 0 0 0.5em;
	background-color: #4FA7E4;
	color: #e0e0ff;
	background: url(/images/backgrounds/topnav.gif) -20px 0px;
	margin: 5px 3px;
	padding: 0.1em 0.5em;
}
.benutzer.pmall table {
	width: 100%;
	font-size: 0.9em;
	margin-bottom: 1em;
}

.benutzer.pmall th {
	font-weight: normal;
	border-bottom: 1px solid #A7D3F2;
	text-align: left;
	color: #444454;
	font-size: 0.9em;
}

.benutzer.pmall td {
	vertical-align: top;
	border-bottom: 1px dotted #A7D3F2;
	padding: 0.2em 0.3em 1em;
	color: #333;
}

.benutzer.pmall td.checkmark, .benutzer.pmall th.checkmark  {
	text-align: center;
}

.benutzer.pmall col.checkmark {
	width: 2em;
}

.benutzer.pmall .username {
	width: 8em;
}

.benutzer.pmall .msg-date {
	width: 10em;
}

.benutzer.pmall .msg-body {
}

.benutzer.pmall .msg-status, .benutzer.pmall .msg-readon {
	width: 5em;
}

.benutzer.pmall input, .benutzer.pmall select, .benutzer.pmall label, .benutzer.pmlesen input {
	font-size: 0.8em;
}

.benutzer.pmall div.operation  {
	padding: 20px 0;
}

.benutzer.pmlesen div.operation  {
	padding: 20px 0;
}

.benutzer p.error, .benutzer div.error {
	text-align: center;
	background-color: #fff8f8;
	border: 1px solid #ff0000;
	width: 67%;
	margin: 2em auto;
	padding: 3em;
}

.benutzer p.success {
	text-align: center;
	background-color: #f0ffff;
	border: 1px solid #080;
	width: 67%;
	margin: 2em auto;
	padding: 3em;
}

.benutzer #thumbnails img {
	border-width: 1px;
	border-style: solid;
	border-color: #eee #aaa #888 #eee;
	background-color: #fffff8;
	padding: 3px;
}

.benutzer #thumbnails a {
	display: block;
	margin: 0 0 10px;
	width: 130px;
}

.benutzer.pmlesen #mugshot {
	float: right;
	border-width: 1px;
	border-style: solid;
	border-color: #eee #aaa #888 #eee;
	background-color: #fffff8;
	padding: 3px;
	margin: 8px 8px 0;
}

.benutzer.profil #ID {
	color: #000044;
	font-size: 0.9em;
	text-align: right;
	margin-right: 2em;
}

ul#profile-actions {
	list-style: none;
	padding: 0;
}

ul#profile-actions li {
	margin: 0.6em 0;
	padding: 0 0 0 22p;
}

ul#profile-actions li a {
	padding: 0 0 0 22px;
}

ul#profile-actions li#uebermich{
	margin-top: 2.5em;
}

ul#profile-actions li#pmschreiben a{
	background: transparent url(/images/envelope.gif) no-repeat left center;
}

ul#profile-actions li#favorisieren a{
	background: transparent url(/images/favourite.gif) no-repeat left center;
}

ul#profile-actions li#remfav a{
	background: transparent url(/images/unfavourite.gif) no-repeat left center;
}

ul#profile-actions li#uebermich a{
	background: transparent url(/images/vcard.gif) no-repeat left center;
}

ul#profile-actions li#traum a{
	background: transparent url(/images/wetdream.gif) no-repeat left center;
}

ul#profile-actions dt {
	text-align: left;
	padding: 0;
	color: #4B779F;
	margin: 1em 0;
	border-top: 1px solid #69A6DF;
	margin-top: 1em;
}

ul#profile-actions dd {
	color: #666;
	font-size: 11px;
}

.payment_details th {
	width: 15em;
	text-align:right;
	padding-right: 0.5em;
}

.payment_details table {
	width: 100%;
	padding: 10px 0;
}

ul#payment_provider {
	list-style: none;
	padding: 0;
}

ul#payment_provider label {
	display: inline-block;
	height: 35px;
	width: 100px;
	text-indent: -999px;
}

li#payment_provider_paypal  {
}

li#payment_provider_paypal label {
	background: url(/images/icons/PayPal_logo_80x35.gif) no-repeat left -5px;
}

li#payment_provider_cc label {
	background: url(/images/icons/credit_card_logos.gif) no-repeat left 0;
}