/*
** Global
*/
* { padding:0; margin:0 }

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}
#wrapper {
	margin:0 auto;
	width:992px;
	background-color:#fff;
	}

#area_top {
	height:85px;
	}

#area_nav_top {
	text-align:right;
	padding-top:15px;
	padding-right:6px;
	}

#area_nav_main_logged_out, #area_nav_main_logged_in { height:90px; padding-left:24px;	}
#area_nav_main_logged_out {	background:url(../images/bg_nav_main.jpg) top left no-repeat; }
#area_nav_main_logged_in  {	background:url(../images/bg_nav_main.jpg) top left no-repeat; }

#area_container {
	min-height:300px;
	}
/* for Internet Explorer */
/*\*/
* html #wrapper #area_container {
	height:300px;
	}
/**/

#area_c_my_service { width:100%; }
#area_c_my_content { float:left; width:790px; }
#area_c_my_sidebar { float:right; width:200px; padding:26px 0 0 0; }

#area_c_pub_links  { width:232px; float:left; padding:8px 16px 0 0; }
#area_c_pub_mitte  { width:536px; float:left; padding:8px 0 0 0; }
#area_c_pub_rechts { width:192px; float:left; padding:8px 0 0 16px; }

#area_c_pub_zwei_links  { width:308px; float:left; padding:8px 0 0 0; }
#area_c_pub_zwei_rechts { width:668px; float:right; padding:8px 0 0 0; }

#area_c_clear { float:none; clear:both; height:12px; }

#area_footer {
	padding:4px 1px;
	margin:24px 3px 18px 3px;
	border-top:1px solid #ddd;
	}

h1 {
	font-size:18px;
	font-weight:normal;
	color:#555;
	padding-top:9px;
	padding-bottom:6px;
	}
h2 {
	font-size:14px;
	font-weight:bold;
	color:#555;
	padding-top:0px;
	padding-bottom:6px;
	}
h3 {
	font-size:14px;
	font-weight:normal;
	color:#555;
	padding-top:3px;
	padding-bottom:4px;
	}
h4 {
	font-size:12px;
	font-weight:bold;
	color:#555;
	padding-top:4px;
	padding-bottom:2px;
	}
h5 {
	font-size:14px;
	font-weight:normal;
	color:#555;
	padding-top:18px;
	padding-bottom:6px;
	}

p {
	color:#555;
	padding-bottom:6px;
	line-height:1.3;
	}
ul {
	padding:2px 0 12px 16px;
	}

a:link    { color:#000; }
a:visited { color:#000; }
a:hover   { color:#563dac; }
a:active  { color:#000; }

/* -----------------------------------------------------------------------------------------------------
** Slogan...
*/
div.slogan { background: transparent url(../images/bg_slogan.gif) no-repeat top left; padding:12px 0; margin:0 0 14px 0; }
h1.slogan { padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#000; text-align:center; }
p.slogan { padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-align:center; }

/* -----------------------------------------------------------------------------------------------------
** Hilfe-System
*/
h1.help {
	color:#222;
	font-weight:bold;
	font-size:18px;
	padding-top:12px;
	padding-bottom:6px;
	}
h2.help {
	color:#fff;
	background-color:#A999DF;
	font-size:18px;
	font-weight:normal;
	padding:4px 9px;
	margin:12px 0 4px 0;
}
p.help, p.helpeinzug {
	font-size:12px;
	color:#333;
	padding:2px 0 4px 0;
	line-height:1.3;
	margin:0;
	}

p.helpeinzug {
	color:#666;
	padding-left:14px;
	padding-bottom:9px;
	font-style:italic;
}
span.help { 
	background-color:#FFCC33;
	font-weight:bold;
	padding:0 4px;
	}
img.sample {
	padding:12px 0 2px 0;
	}
p.sample {
	font-size:11px;
	color:#563dac;
	padding:0 0 12px 6px;
}

/* -----------------------------------------------------------------------------------------------------
** Tag-Cloud
*/
p.wolke { padding:12px 0; }
p.wolke a { text-decoration:none; color:#563dac; margin:4px 4px 4px 0; }
p.wolke a:hover { text-decoration:underline; }
p.wolke a.wolke_11 { font-size:12px; }
p.wolke a.wolke_12 { font-size:16px; }
p.wolke a.wolke_13,
p.wolke a.wolke_14,
p.wolke a.wolke_15,
p.wolke a.wolke_16,
p.wolke a.wolke_17 { font-size:18px; }
p.wolke a.wolke_18 { font-size:24px; }

/* -----------------------------------------------------------------------------------------------------
** Grafische Links und Formular-Buttons
*/
div.pp2violink {
	display:block;
	height:44px;
	}
a.pp2violink {
    /* Sliding right image */
    background: transparent url(../images/pp2violink_right.png) no-repeat scroll top right;
    display: block;
    float: left;
    height: 37px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
    margin-right: 6px;
    padding-right: 9px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
    /* FONT PROPERTIES */
    text-decoration: none;
    color: #fff;
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
    font-weight:bold;
	outline: none;
	}
a.pp2violink span {
    /* Background left image */ 
    background: transparent url(../images/pp2violink_left.png) no-repeat; 
    display: block;
    line-height: 24px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
    padding: 7px 8px 5px 18px;
    color: #fff;
	}
a.pp2violink:hover span{
    text-decoration:underline;
	}

/* -----------------------------------------------------------------------------------------------------
** Bereich: Top (Logo-Link und Navigaton Top)
*/
a.logo {
	position:absolute;

	/* AdTiger-Anfang */
	top:15px;
	/* top:105px; */
	/* AdTiger-Ende */
	
	width:354px;
	height:66px;
	outline:none;
	}
img.logo { border:0; }

span.nt_sep { color:#ddd; }

a.nt_nor, a.nt_sel {
	text-decoration:underline;
	padding:3px 5px;
	font-size:11px;
}

a.nt_nor:link    { color:#888; }
a.nt_nor:visited { color:#888; }
a.nt_nor:hover   { color:#563dac; }
a.nt_nor:active  { color:#888; }
a.nt_sel:link    { color:#fff; background-color:#7a5dd9; text-decoration:none; }
a.nt_sel:visited { color:#fff; background-color:#7a5dd9; text-decoration:none; }
a.nt_sel:hover   { color:#fff; background-color:#7a5dd9; text-decoration:none; }
a.nt_sel:active  { color:#fff; background-color:#7a5dd9; text-decoration:none; }

/* -----------------------------------------------------------------------------------------------------
** Bereich: Hauptmenü (Navigation Main)
*/
a.nm_0_nor, a.nm_1_nor, a.nm_2_nor, a.nm_3_nor,
a.nm_0_sel, a.nm_1_sel, a.nm_2_sel, a.nm_3_sel {
	display:block;
	float:left;
	height:28px;
	padding-top:10px;
	padding-right:50px;
	margin:31px 28px 0 0;
	text-align:right;
	text-decoration:none;
	font-size:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#fff;
	outline:none;
}

a.nm_0_nor:link    { color:#fff; background:url(../images/bg_nm_0_nor.jpg) top right no-repeat; }
a.nm_0_nor:visited { color:#fff; background:url(../images/bg_nm_0_nor.jpg) top right no-repeat; }
a.nm_0_nor:hover   { color:#fff; background:url(../images/bg_nm_0_sel.jpg) top right no-repeat; text-decoration:underline; }
a.nm_0_nor:active  { color:#fff; background:url(../images/bg_nm_0_nor.jpg) top right no-repeat; }
a.nm_0_sel:link    { color:#fff; background:url(../images/bg_nm_0_sel.jpg) top right no-repeat; }
a.nm_0_sel:visited { color:#fff; background:url(../images/bg_nm_0_sel.jpg) top right no-repeat; }
a.nm_0_sel:hover   { color:#fff; background:url(../images/bg_nm_0_sel.jpg) top right no-repeat; }
a.nm_0_sel:active  { color:#fff; background:url(../images/bg_nm_0_sel.jpg) top right no-repeat; }

a.nm_1_nor:link    { color:#fff; background:url(../images/bg_nm_1_nor.jpg) top right no-repeat; }
a.nm_1_nor:visited { color:#fff; background:url(../images/bg_nm_1_nor.jpg) top right no-repeat; }
a.nm_1_nor:hover   { color:#fff; background:url(../images/bg_nm_1_sel.jpg) top right no-repeat; text-decoration:underline; }
a.nm_1_nor:active  { color:#fff; background:url(../images/bg_nm_1_nor.jpg) top right no-repeat; }
a.nm_1_sel:link    { color:#fff; background:url(../images/bg_nm_1_sel.jpg) top right no-repeat; }
a.nm_1_sel:visited { color:#fff; background:url(../images/bg_nm_1_sel.jpg) top right no-repeat; }
a.nm_1_sel:hover   { color:#fff; background:url(../images/bg_nm_1_sel.jpg) top right no-repeat; }
a.nm_1_sel:active  { color:#fff; background:url(../images/bg_nm_1_sel.jpg) top right no-repeat; }

a.nm_2_nor:link    { color:#fff; background:url(../images/bg_nm_2_nor.jpg) top right no-repeat; }
a.nm_2_nor:visited { color:#fff; background:url(../images/bg_nm_2_nor.jpg) top right no-repeat; }
a.nm_2_nor:hover   { color:#fff; background:url(../images/bg_nm_2_sel.jpg) top right no-repeat; text-decoration:underline; }
a.nm_2_nor:active  { color:#fff; background:url(../images/bg_nm_2_nor.jpg) top right no-repeat; }
a.nm_2_sel:link    { color:#fff; background:url(../images/bg_nm_2_sel.jpg) top right no-repeat; }
a.nm_2_sel:visited { color:#fff; background:url(../images/bg_nm_2_sel.jpg) top right no-repeat; }
a.nm_2_sel:hover   { color:#fff; background:url(../images/bg_nm_2_sel.jpg) top right no-repeat; }
a.nm_2_sel:active  { color:#fff; background:url(../images/bg_nm_2_sel.jpg) top right no-repeat; }

a.nm_3_nor:link    { color:#fff; background:url(../images/bg_nm_3_nor.jpg) top right no-repeat; }
a.nm_3_nor:visited { color:#fff; background:url(../images/bg_nm_3_nor.jpg) top right no-repeat; }
a.nm_3_nor:hover   { color:#fff; background:url(../images/bg_nm_3_sel.jpg) top right no-repeat; text-decoration:underline; }
a.nm_3_nor:active  { color:#fff; background:url(../images/bg_nm_3_nor.jpg) top right no-repeat; }
a.nm_3_sel:link    { color:#fff; background:url(../images/bg_nm_3_sel.jpg) top right no-repeat; }
a.nm_3_sel:visited { color:#fff; background:url(../images/bg_nm_3_sel.jpg) top right no-repeat; }
a.nm_3_sel:hover   { color:#fff; background:url(../images/bg_nm_3_sel.jpg) top right no-repeat; }
a.nm_3_sel:active  { color:#fff; background:url(../images/bg_nm_3_sel.jpg) top right no-repeat; }

#area_nav_main_logged_out form {
	float:right;
display:block;
width:200px;
	padding:12px 16px 0 0;
	}
#area_nav_main_logged_out label {
float:left;
display:block;
width:90px;
text-align:right;
padding-right:3px;
	font-size:11px;
	color:#FFFFFF;
	}
#area_nav_main_logged_out input.quick {
	font-size:10px;
	color:#333;
	border:0;
	padding:1px 2px;
	margin-bottom:2px;
	width:100px;
	}
#area_nav_main_logged_out input.button {
	position:relative;
	margin-top:2px;
	}
#area_nav_main_logged_out div.button {
	text-align:right;
	}

#area_nav_main_logged_in div.user_data {
	float:right;
	width:284px;
}

p.linklogout, p.loggedin_last, p.loggedin_username {
	position:relative;
	padding-right:16px;
	margin:0;
	text-align:right;
	}

p.linklogout {
	padding-top:12px;
	}
a.linklogout {
	font-weight:bold;
	}
a.linklogout:link    { color:#ddd; }
a.linklogout:visited { color:#ddd; }
a.linklogout:hover   { color:#fff; }
a.linklogout:active  { color:#ddd; }

p.loggedin_last {
	padding-top:10px;
	color:#bbb;
	font-size:10px;
	}
span.loggedin_last_date {
	color:#eee;
	}
p.loggedin_username {
	padding-top:8px;
	font-size:12px;
	color:#fff;
	}

/* -----------------------------------------------------------------------------------------------------
** "TOP 10 des Monats" und "neueste Locations"
*/
div.topnewnum {
	padding-bottom:4px;
	}

span.topnewnum {
	display:block;
	float:left;
	width:20px;
	padding:0 4px 0 0;
	text-align:right;
	font-weight:normal;
	color:#777;
	}
a.topnewnum {
	text-decoration:underline;
	}
a.topnewnum:link,    a.locent:link    { }
a.topnewnum:visited, a.locent:visited { }
a.topnewnum:hover,   a.locent:hover   { }
a.topnewnum:active,  a.locent:active  { }

/* -----------------------------------------------------------------------------------------------------
** Bereich: Footer
*/
div.col_1, div.col_2, div.col_3 { 
	width:240px;
	float:left; 
	}
div.col_4 { 
	width:250px;
	float:right;
	text-align:right;
	}
div.col_c { clear:both; float:none; width:100%; }

div#area_footer h3 { font-size:14px; font-weight:bold; color:#aaa; }
div#area_footer p { padding:0; margin:0; }

div#area_footer a { color:#777; text-decoration:none; font-size:11px; }
div#area_footer a:hover { color:#000; text-decoration:none; }

/* -----------------------------------------------------------------------------------------------------
** Seite: Partner
*/
div.partner_line { width:100%; display:block; padding:9px 0; }
div.partner_cell { width:33%; float:left; }
div.partner_clear { clear:both; float:none; width:100%; }

table.partnerwerbung {
	margin-top:18px;
background-color:#f0f0f0;
	}

table.partnerwerbung td {
	width:33%;
	vertical-align:bottom;	
	height:100px;
	padding:6px 9px;
	}
table.partnerwerbung td.titel {
	font-size:14px; 
	font-weight:bold; 
	color:#333;
	height:auto;
	}

table.partnerwerbung td.zentriert {
	text-align:center;
	}
/* -----------------------------------------------------------------------------------------------------
** TODO: Platzhalter für Anzeigen, Werbungen ... (wird dann durch AdSense, Fremdwerbung usw. ersetzt...)
*/
div.anz_200x200, div.anz_160x600, div.anz_468x60 {
	background-color:#999999;
	display:block;
	margin-top:18px;
	}
div.anz_200x200 { width:200px; height:200px; }
div.anz_160x600 { width:160px; height:600px; }
div.anz_468x60  { height:60px; text-align:center; }