/*************
 ** Commons **
 *************/
  
* {
	font-family: Arial, Helvetica, sans-serif;
}

body {
	background-color: #FFFFFF;
	text-align: center;
	font-size:12px;
	padding: 0px;
	margin: 0px;
}

div {
	margin: 0px;
	padding: 0px;
}

img {
	border: 0;	
}

.clear {
	clear: both;
}

pre.cake_debug, .cake-stack-trace {
	border: 1px solid #c0c0c0;
	background-color: #f0f0f0;
	font-family: monospace;
	text-align: left;
	margin: 10px;
	padding: 10px;
	color: #000;
}

table.cakeSqlLog {
	background-color: #f0f0f0;
}

table.cakeSqlLog tr {
	vertical-align: top;
}

table.cakeSqlLog tr td {
	text-align: left;
	padding: 5px;
}

div.message_error {
	margin: 15px 50px 15px 0px;
	background-color: #bb5544;
	text-align: center;
	font-weight: bold;
	color: #f8f8f8;
	padding: 5px;
	clear:left;
}

div.message_ok {
	margin: 10px 50px 10px 50px;
	background-color: #55bb44;
	text-align: center;
	font-weight: bold;
	color: #f8f8f8;
	padding: 5px;
}

div.message_email {
	white-space: pre;
	border: 1px solid black;
	background-color: white;
	color: black;
	padding: 0px 5px;
	margin: 0px 30px;
}

/******************
 ** Basic layout **
 ******************/
 
div#outer {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

div#logo {
	padding-top: 10px;
}	

div.left-page {
	position:absolut;
	float:left;
	width: 52%;
	
}


div.right-page {
	margin:0px;
	padding:0px;
	position:relative;
	background-image: url(../img/bg_rechts.png);
	background-repeat: no-repeat;
	height:1100px;
	float:right;
	width: 48%;
    overflow-x: hidden;
}

div#menu-register {
	margin-top:20px;
	background-image: url(../img/jetzt_anmelden.png);
	background-repeat: no-repeat;
	height:161px;
	width: 488px;
}

div#menu-loggedin {
	background-image: url(../img/angemeldet_als.png);
	background-repeat: no-repeat;
	height:161px;
	width: 488px;
}

div.register-form {
	padding-top:80px;
}

div.loggedin-info {
	font-size:18px;
	margin-left:40px;
	padding-top:80px;
}

div#login {
	margin: 14px 30px 0pt 20px;
	width: 70px;
	float: right;
}

div#login-form {
	font-size:11px;
	height: 50px;
	margin: 0px;
}

div#faq h2 {
	font-size:15px;
	display:block;
	color: #b6153e;
	margin-top:20px;
	}

div#faq h3 {
    font-size:12px;
    display:block;
    margin-bottom:3px;
    }

div#faq ol li {
	margin-bottom:8px;
	}	

div.menu {
	margin-top:20px;
	margin-bottom:20px;
}

div.menu a {
	margin-left:30px;
	padding:2px;
	display:block;
	background-repeat: no-repeat;
	height:15px; 
	width:80%;
}

div.menu-overview a {
	background-image: url(../img/uebersicht.png);
}

.menu-overview a:hover {
	background-image: url(../img/uebersicht_aktiv.png);
}

div.menu-overview-aktiv a {
	background-image: url(../img/uebersicht_sel.png);
}

div.menu-start a {
    background-image: url(../img/startseite.png);
}

.menu-start a:hover {
    background-image: url(../img/startseite_aktiv.png);
}

div.menu-start-sel a {
    background-image: url(../img/startseite_sel.png);
}

div.menu-about a {
    background-image: url(../img/nav_so_funktionierts0.png);
}

.menu-about a:hover {
    background-image: url(../img/nav_so_funktionierts1.png);
}

div.menu-about-sel a {
    background-image: url(../img/nav_so_funktionierts2.png);
}

div.menu-settings a {
	background-image: url(../img/profil_einstellungen.png);
	margin-top:3px;
}

.menu-settings a:hover {
	background-image: url(../img/profil_einstellungen_aktiv.png);
	margin-top:3px;
}
div.menu-settings-aktiv a {
    background-image: url(../img/profil_einstellungen_sel.png);
}

div.menu-invite a {
    background-image: url(../img/nav_freunde_einladen.png);
}

.menu-invite a:hover {
    background-image: url(../img/nav_freunde_einladen_aktiv.png);
}
div.menu-invite-aktiv a {
    background-image: url(../img/nav_freunde_einladen_sel.png);
}

div.menu-broadcast a {
    background-image: url(../img/rundrufe.png);
}

.menu-broadcast a:hover {
    background-image: url(../img/rundrufe_aktiv.png);
}
div.menu-broadcast-aktiv a {
    background-image: url(../img/rundrufe_sel.png);
}

div.menu-payment a {
	background-image: url(../img/guthaben_verwenden.png);
}

.menu-payment a:hover {
	background-image: url(../img/guthaben_verwenden_aktiv.png);
}
div.menu-payment-aktiv a {
    background-image: url(../img/guthaben_verwenden_sel.png);
}

div.menu-questions a {
	background-image: url(../img/nav_haeufige_fragen0.png);
}

.menu-questions a:hover {
	background-image: url(../img/nav_haeufige_fragen1.png);
}
div.menu-questions-sel a {
    background-image: url(../img/nav_haeufige_fragen2.png);
}

div.menu-remindpw a {
	background-image: url(../img/nav_passwort_vergessen0.png);
}

.menu-remindpw a:hover {
	background-image: url(../img/nav_passwort_vergessen1.png);
}
div.menu-remindpw-sel a {
    background-image: url(../img/nav_passwort_vergessen2.png);
}

div.menu-press a {
	background-image: url(../img/presse.png);
}

.menu-press a:hover {
	background-image: url(../img/presse_aktiv.png);
}
div.menu-press-sel a {
    background-image: url(../img/presse_sel.png);
}

div.menu-advers a {
	background-image: url(../img/werbung.png);
}

.menu-advers a:hover {
	background-image: url(../img/werbung_aktiv.png);
}

div.menu-advers-sel a {
    background-image: url(../img/werbung_sel.png);
}



div.menu-remove a {
	background-image: url(../img/nav_abbestellen0.png);
}

.menu-remove a:hover {
	background-image: url(../img/nav_abbestellen1.png);
}
div.menu-remove-sel a {
    background-image: url(../img/nav_abbestellen2.png);
}

div.menu-koncept a {
	background-image: url(../img/uebersicht.png);
}

.menu-koncept a:hover {
	background-image: url(../img/uebersicht_aktiv.png);
}
div.menu-koncept-sel a {
    background-image: url(../img/uebersicht_sel.png);
}

div#content-main {
	float: left;
	width:92%;
}

div#content-main h3 {
    font-size: 14px;
    display:block;
    margin-bottom:4px;
}

div#content {
	margin: 0px; 
	padding: 40px 0px 0pt 25px;
	background-color: #ffffff;
	float: left;
	background-image: url(../img/leiste_links.png);
	background-repeat: repeat-y;
	background-position: right top;
	overflow-x: hidden;	
	height:100%;
	width:95%;
	min-height:1060px;
}

div#kontact-form {
	padding-top:5px;
	text-align:left;
    clear:left;
    margin-top:65px
}

div.footer {
	margin-left:50px;
	vertical-align:middle;
	margin-top: 50px;
	float:left;
}

div.footer a {
	background-repeat: no-repeat;
	height:15px;
	display:block; 
}

div.footer li {
	margin:2px;
	float:left;
}

div.footer ul {
	list-style-type: none;
}

div.footer .footer-blog a {
	width:31px;
	background-image: url(../img/nav_blog0.png);
}

div.footer .footer-blog a:hover {
	width:31px;
	background-image: url(../img/nav_blog1.png);
}

div.footer .footer-blog-sel  {
    width:31px;
    background-image: url(../img/nav_blog2.png);
}

div.footer .footer-data a {
	width:85px;
	background-image: url(../img/nav_datenschutz0.png);
}

div.footer .footer-data a:hover {
	width:85px;
	background-image: url(../img/nav_datenschutz1.png);
}

div.footer .footer-data-sel {
    width:85px;
    background-image: url(../img/nav_datenschutz2.png);
}


div.footer .footer-agb a {
	width:32px;
	background-image: url(../img/nav_agbs0.png);
}

div.footer .footer-agb a:hover {
	width:32px;
	background-image: url(../img/nav_agbs1.png);
}
div.footer .footer-agb-sel {
    width:32px;
    background-image: url(../img/nav_agbs2.png);
}


div.footer .footer-imprint a {
	width:75px;
	background-image: url(../img/nav_impressum0.png);
}

div.footer .footer-imprint a:hover {
	width:75px;
	background-image: url(../img/nav_impressum1.png);
}
div.footer .footer-imprint-sel {
    width:75px;
    background-image: url(../img/nav_impressum2.png);
}


/************************
 ** standard paragraph **
 ************************/

div.paragraph {
	margin: 10px;
	color: #404040;
}

div.paragraph h2 {
	font-size: 20px;
	margin-bottom: 5px;
	border-bottom: 1px solid;
}

div.paragraph p {
	font-size: 12px;
	line-height: 19px;
	padding: 0px 20px;
}

div.paragraph a {
	color: #336;
}

.green {
	color: 	#39630b;
}

/******************
 ** default-form **
 ******************/
 
form.default-form {
	margin: 0px;
	color: #404040;
	font-size: 12px;
}

/*form.default-form input,*/
form.default-form select,
form.default-form textarea {
	border: 1px solid #687794;
	font-size: 12px;
	padding: 1px;
	/*width: 200px;*/
	background-color: #f8f8f8;
}

form.default-form .short {
	width: 110px;
}

form.default-form .extra-short {
	width: 80px;
}

form.default-form fieldset {
	border: none;
/*	border-top: 1px dashed #687794;*/
}

form.default-form fieldset legend {
	font-weight: bold;
	padding: 5px;
/*	border: 1px dashed #687794;
	background-color: #f8f8f8;*/
}

/*
form.default-form fieldset legend:before {
	content: url(../img/pfeil.gif)" ";
}
*/

form.default-form div.form-line {
	padding: 6px;
	clear: left;
}

form.default-form p.required {
	background-color: #ececec;
	padding: 3px;
	width: 175px;
	text-align: center;
	font-size: 11px;
}

form.default-form p.required {
	float: right;
	width: auto;
	margin: 0px;
}

form.default-form div.required input,
form.default-form div.required select,
form.default-form div.required textarea {
	background-color: #ececec;
}

form.default-form div.checkbox-line input {
	width: auto;
	border: none;
	vertical-align: middle;
}

form.default-form div.text-line label,
form.default-form div.checkbox-line label,
div.static-text-line span.label {
	float: left;
	width: 150px;
}

form.default-form div.checkbox-first label {
	display: inline;
	float: none;
}

form.default-form div.button-line input {
/*	width: auto;
	margin-left: 150px;*/
}

form.default-form div.button-first input {
/*	margin-left: 0px;*/
}

form.default-form div.error-message {
	font-weight: bold;
	background-color: #cc5544;
	color: #f8f8f8;
	margin: 3px;
	padding: 3px;
	text-align: center;
}

form.default-form input.form-error {
	border: 1px solid #cc5544;
}

form.default-form fieldset.button {
	/*border: none;*/
}

form.default-form label.heading {
	font-weight: bold;	
}

form.default-form input.date {
	width: 90px;
	float: left;
}

/*******************
 ** default-table **
 *******************/

table.default-table {
	width: 100%;
	margin: 5px 0px;
	color: #404040;
	font-size: 90%;
	border-collapse: collapse;
	border: 1px solid #aaa;
	empty-cells:show;
}

table.default-table tr {
	vertical-align: top;
}

table.default-table tr th {
	font-weight: bold;
	padding: 5px;
	border-bottom: 1px solid #aaa;
	background: #f1f1f1;
	text-align: left;
}

table.default-table tr td {
	padding: 5px;	
	background: #fff;
	border-bottom: 1px solid #aaa;
}

table.default-table a {
	color: #336;
}

table.default-table td.actions {
	text-align: left;
}

/******************
 ** Welcome page **
 ******************/

ol#steps {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	list-style-type: none;
}

ol#steps li.step {
	background-repeat: no-repeat;
}

ol#steps li.step h3 {
	padding: 5px 0px 0px 40px;
	margin: 0px;
}

ol#steps li.step p {
	margin: 5px 0px 10px 20px;
}

ol#steps li#step1 {
	background-image: url(../img/no1.gif);
}

ol#steps li#step2 {
	background-image: url(../img/no2.gif);
}

ol#steps li#step3 {
	background-image: url(../img/no3.gif);
}

ol#steps li.step ul {
	background-color: #e6e6f4;
	list-style-type: none;
	margin: 0px 20px 20px 40px;
	padding: 5px;
}

ol#steps li.step ul li {
	background-image: url(../img/icon_plus.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 25px;
	margin: 10px;
	font-size: 12px;
}

/* Activity Bar auf Startseite */

.activity {
	height: 24px;
	background: url(../img/activityindex_bg.gif) 0 0 repeat-x;
	float: left;
	width: 80%;
	border: 1px solid #666;
}
.activity img {
	height: 24px;
	border-right: 1px solid #666;
}
.activity_status {
	float:left;
	color: #a8b83c;
	font-size: 18px;
	font-weight: bold;
	padding-left: 5px;
}


.cb1_1Cols {
	width: 98%;
	text-align: left;
}
.cb1_2Cols {
	float:left;
	width: 48%;
}
.cb1_3Cols {
	float:left;
	width: 32%;
}
.cb2_3Cols {
	float:left;
	width: 64%;
}
.cb1_4Cols {
	float:left;
	width: 23%;
}
.cb3_4Cols {
	float:left;
	width: 72%;
}


#lightbox{
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	width:500px;
	height:600px;
	margin:-220px 0 0 -250px;
	border:1px solid #fff;
	background-color:#FFF;
	text-align:left;
	background-image: url(../img/leiste_links.png);
	background-repeat: no-repeat;
	background-position: 102% 28%;
	z-index:9999;	
	
}

#lightbox[id]{
	xposition:fixed; // deaktiviert um zu große lightboxen schliessen zu können
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
#overlay[id]{
	position:fixed;
}

#lightbox.done #lbLoadMessage{
	display:none;
}
#lightbox.done #lbContent{
	display:block;
}
#lightbox.loading #lbContent{
	display:none;
}
#lightbox.loading #lbLoadMessage{
	display:block;
}

#lightbox.done img{
	width:100%;
	height:100%;
}

#lightbox h2{
	margin:0 0 1em 0;
}

#lightbox h3{
	color:#FF713F;
}

#lightbox.done p{
	color:#333;
}

.definition{
	margin:25px;
}

.definition a{
	color:#B6153E;
}

/****************
 ** menu links **
 ****************/

a.menu-link { 
background:#49931B none repeat scroll 0 0;
border:1px solid #39630B;
color:#fff ! important;
padding:2px 4px;
text-decoration:none;
}

a.menu-link img {
	border: none;
}

a.menu-link:hover {
	text-decoration: underline;
}