/*
 * Pagelayout 
 * 
 * (c) 2009 Logat - Contextual Internet Technologies
 */


@import url('reset.css');
@import url('text.css');
@import url('forms.css');
@import url('boxes.css');
@import url('messenger.css');
@import url('user-gallery.css');
@import url('buttons.css');
@import url('controls.css');



html, 
body {
	margin:0;
	padding:0;
	
	font-family: Arial, sans-serif;
	font-size: 12px;	

}

html{
	background:url('../graphics/pbg.png') -65px 0px repeat-x;
	background-color: #e6e6e6;
}

body{
}


a {
	color: black;
	text-decoration: none;
}

a:hover {
	color: #3E6D94;
}

.left p a:link,
.left p a:visited,
.left p a:hover {
	color: #3E6D94;
	font-weight:bold;
}



hr {
	margin: 18px auto 4px auto;
	padding: 0px 0px 0px 0px;
	width: 96%;
	height: 1px;
	color: #CCCCCC;
	border: 0px;
	background-color: #CCCCCC;
}


a.inactive {
	cursor: default;
	color: #aaa;
}

img.inactive {
	filter: alpha(opacity=60);
	-moz-opacity: 0.6; 
	opacity: 0.6; 	
}

.clear {
	clear:both;
}

.hpadded {
	padding-left: 8px;
	padding-right: 8px;
}

.vpadded {
        padding-top: 2px;
        padding-bottom: 2px;
}

.padded {
	margin: 8px; /* yeah this might look strange ... */
}

.center {
	text-align: center;
}

.align-right {
	text-align: right;
}

/*
.page {
	#margin-top: 95px; 
	margin-left: 10px;
	width: 795px;
}
*/


.page {
	background: white;
        margin-top: 35px;
/*	margin-top: 121px; */
        position: relative;
        margin-left: auto;
	margin-right: auto;
        width: 923px;

	padding-bottom: 8px;
}   



.page .left,
.page .right {
	float: left;
}

.page .left {
	width: 610px;
	margin-right: 5px;
}


.page .right {
	width: 303px;
}

.page .left > .header,
.page .right > .header {
	height: 188px;
	margin-bottom: 10px;
}

.left > .header {
	/* background-image: url('../graphics/backgrounds/header_left.jpg'); */
	background-image: url('../graphics/backgrounds/header_left_beta.jpg'); 
	width: 610px;
}

.right > .header {
	background-image: url('../graphics/backgrounds/header_right.jpg');
	width: 308px;
}

.left .header p {
	display: none;
}

.left .header h1 {
	text-indent: -99999px;
	position: absolute;
	margin-left: 10px;
	margin-top:  10px;
	width: 544px;
	height: 63px;
}

.header .menu {
        font-family: Tahoma, Geneva, sans-serif;
	color: #000000;
        position: absolute;
        margin-top: 166px;
        margin-left: 0px;
        padding: 0;
        list-style: none;
}

.header .menu li {
        float: left;
        padding: 0;
        margin: 0;
        padding-left: 18px;
        margin-left: 0px;
        margin-right: 5px;
        line-height: 22px;

        background-image: url('../graphics/lists/triangle.gif');
        background-repeat: no-repeat;
        background-position: 5px 7px;;
}

.header .menu a {
	font-family: Tahoma, Geneva, sans-serif;
        text-decoration: none;
        /* color: #467398; */
	color: black;
        font-size: 11px;
        font-style: normal;
        font-weight: normal;
}


.right > .header {
	color: white;
	font-weight: bold;

	overflow: hidden;

	position: relative;
}

.right .header div.intro,
.right .header div.login {
	margin-top: 18px;
	margin-left: 8px;
	position: absolute;
}

.smallfont {
	font-size: 11px;	
}

/*
 * intro slider
 */
.right .header .intro .slider {
	margin-top: 5px;
	width: 210px;
	height: 64px;
	overflow: hidden;
}

.right .header .slider {
	position: relative;
	overflow: hidden;
}

.right .header .slider div.items {
	width: 20000em;
	position:absolute;
}

.right .header .slider div.items div {
	float: left;
}



.right .header div.login {
	margin-left: 320px;	
}

.right .header div.ctrl {
	position: absolute;

	margin-left: 18px;
	margin-top: 110px;
}

.right .header .ctrl.register {
	margin-top: 135px;
}


.right .header ul {
	line-height: 1.3em;
	margin-top: 0px;
	margin-left: 18px;
	list-style-type: square;
	list-style-image: url('../graphics/lists/square.png');
}


/**
 * specials
 */
i.gegen,
i.abholung {
	font-style: normal;
}

.right i.gegen {
	
}

.right i.abholung {
	color: black;
}

/*
 *
 * Advertising stuff...
 *
 *
*/

#WPBanner {
top:0 !important;
}

.infTop {
/* position:relative; */
position: absolute;
top:0;
left:40px;
min-height:95px;
width: 700px;
}


.infRight {
 position: absolute;
 left: 810px;
 top:  91px;
}

.right .box.bookmarks {
	height: 25px;
}

.right .box.bookmarks ul {
	list-style: none;
}

.right .box.bookmarks ul li {
	float: left;
	margin-top: 3px;
	margin-left: 2px;
	margin-right: 10px;
}



/*
 * footer
 * 
 */

.page > .footer {
	position: relative;
	height: 38px;
	line-height: 38px;
	margin-bottom: 8px;

	margin-left: 8px; 
	margin-right: 8px;

	border: 1px solid #bbb;
 	color: #222;
}

.page > .footer ul {
	list-style:none;
	margin-left: 200px;
}

.page > .footer li {
	float: left;
	margin-right: 15px;
}

.page > .footer a {
 	color: #222;
	font-weight: bold;
}


.page > .footer ul.bookmarks {
	padding: 0px;
	position: absolute;
	top: 2px;
	right: 40px;
	margin-top: 5px;
	background-image: url('../graphics/backgrounds/bookmarks_home.png');
	background-repeat: no-repeat;
	width: 215px;
	height: 25px;
	overflow: hidden;
}


.page > .footer ul.bookmarks li {
	margin: 0px;
	padding: 0px;
	margin-left: 2px;
	margin-right: 3px;
	margin-top: -2px;
}


div.boxnavi1,
.box div.submenu {
	height: 25px;
	line-height: 25px;	
	padding: 0px 0px 0px 6px;
	color: black;	
	font-weight: bold;
	font-size: 10px;
	font-family: Tahoma, sans-serif;
	background: #e8e8e8;
	background-repeat: repeat-x;
	background-image: url('../graphics/backgrounds/box_header_grey.png');
	border-bottom: 1px solid #3E6D94;
}

div.boxnavi2{
	position: relative;
	height: 18px;
	line-height: 18px;	
	padding: 0px 0px 0px 12px;
	color: black;	
	font-family: Tahoma, sans-serif;
	font-size:11px;
	border-bottom: 1px solid #3E6D94;
	
}


/*
 * Icons in menu
 */
.left .toolbar a {
	height: 25px;
	line-height: 25px;
	display: block;
	float: left;

	margin-right: 8px;
	background: none;
	background-repeat: no-repeat;

	background-position: 0px 5px;
}

.left .toolbar .icon-memolist {
	background-image: url('../graphics/icons/toolbar/merken.png');
	padding-left: 18px;
}

.left .toolbar .icon-calendar {
	background-image: url('../graphics/icons/toolbar/kalender.png');
	padding-left: 20px;
}

.left .toolbar .icon-recommend {
	background-image: url('../graphics/icons/toolbar/weiterempfehlen.png');
	padding-left: 26px;
	background-position: 0px 7px;
}

.left .toolbar .icon-print {
	background-image: url('../graphics/icons/toolbar/drucken.png');
	padding-left: 24px;
}

.left .toolbar .icon-report {
	background-image: url('../graphics/icons/toolbar/melden.png');
	padding-left: 18px;
}

.left .toolbar .icon-bookmark {
	background-image: url('../graphics/icons/toolbar/bookmark.png');
	padding-left: 18px;
}


/*
 * social bookmarks 
 */
div.socialbookmarks {
	display:none;
	position: absolute;
	border: 1px solid #3e6d94;
	border-top: none;
	border-right: none;
	right: 0px;
	
	background: #ebf0f4;
	padding: 5px;
}

div.socialbookmarks ul {
	list-style: none;
	margin-left: 10px;
	margin-right: 10px;
}

div.socialbookmarks .first {
	float:left;
}

div.socialbookmarks .second {
	float:right;
}


/*
 *  Boxes 
 * 
 */

.box {
	position: relative;
	border: none;
	margin-bottom: 10px;
}

.box-content {
 border: 1px solid #bbb;
 border-top: 1px solid white;
}

.map {
	margin: 0px 26px 26px 26px;
}

/* title */
.box > h2 {
	height: 18px;
	line-height: 18px;
	
	padding-left: 8px;

	color: white;
	
	font-weight: bold;
	font-size: 11px;
	/*
	 * font-family:  Lucida Sans Unicode, Lucida Grande, sans-serif;
	 */
	font-family: Lucida Sans, Lucida Grande, sans-serif;
}


.left .box > h1 {
        height: 18px;
        line-height: 18px;

        padding: 10px 8px 8px 0px;

        color: black;

        font-weight: bold;
        font-size: 14px;
        /*
         * font-family:  Lucida Sans Unicode, Lucida Grande, sans-serif;
         */
        font-family: Tahoma, Geneva, sans-serif;
}


.left .box > h2,
.box.dark h2 {
	background-image: url('../graphics/backgrounds/box_header_dark.png');
}


.left div.detail {
        padding: 0px 16px 0px 16px;
}

.left .detail h1 {
        font-weight: bold;
        font-size: 14px;
}

.left .detail h3 {
        display:inline; 
/*  - warum inline? (matthias)
    - wegen flohmarkt detailview (h3 + wert in einer zeile, Alexander), wenn's kollidiert, bitte Bescheid geben wo.. :)
 */
}


.left div.detail h2 {
	color: black;
	font-weight: bold;
	font-size: 11pt;

	margin-top: 1em;
	margin-bottom: 0.5em;
	
	/* ont-family:  Lucida Sans Unicode, Lucida Grande, sans-serif; */
	 
	font-family: Tahoma, Geneva, sans-serif;
}

.left div.detail h3 {
		
		/*display:inline;*/
	
		height: 18px;
        line-height: 18px;

        padding: 10px 8px 8px 0px;

        color: black;

        font-weight: bold;
        /*
         * font-family:  Lucida Sans Unicode, Lucida Grande, sans-serif;
         */
        font-family: Tahoma, Geneva, sans-serif;
}


.left div.detail em {
	color: #3E6D94;
	display: block;
}

.right .box h2,
.box.light h2 {
	background-image: url('../graphics/backgrounds/box_header_light.png');
	text-shadow: 0px -1px 0px #444;
}

.right .box,
.box.light {
	background: #ffffff;
	width: 300px;
	margin-left: 1px;
}

.box .content { 
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 8px;
	margin-right: 8px;
}


.right .box .footer {
	background: #ddd;
	text-align: right;

	padding: 2px;
	padding-right: 8px;
}


/*
 * Typography in left boxes:
 */

.left .box {
 width: 600px;
 margin-left: 8px; 
 position: relative;
} 

.left .box > h3 {
	font-weight: bold;
	color: #105e94;
	margin-bottom: 1em;
	margin-top: 1.5em;
}

.left .box h4 {
	font-weight: bold;
	color: #105e94;
	margin-bottom: 3px;
	margin-top: 5px;
	margin-left: 8px;
}

.left .boxnavi1, 
.left .boxnavi2, 
.left .box h2 {
 border-left: 1px solid #bbb; 
 border-right: 1px solid #bbb; 
}

.left .box h2 {
 border: 1px solid #bbb;
 border-left: 0px; 
 border-right: 0px;
}


.box .detail {
border: 1px solid #bbb; 
border-top: 1px solid white;
}

.box .detail h2 {
 border: none;
}

.left .shoutbox {

}


/*
 * define in-box frames
 */

.box .frame {
	border-top: 1px solid #3E6D94;
	border-bottom: 1px solid #3E6D94;

	padding-top: 5px;
	padding-bottom: 5px;
}

.box .frame.padded {
	margin: 0px;
	padding-left: 8px;
	padding-right: 8px;
}


/*
 *  
 * user info
 * 
 */

.user-info {
	position: absolute;
	margin-left: 8px;
	margin-top: 8px;
}

.user-info a {
	color: white;
	font-weight: normal;
}

.user-info a:hover {
	font-weight: bold;
}

.user-info table {
	margin-top: 5px;
}

.user-info table td {
	vertical-align: middle;
}

.user-info table tr td:first-child {
	width: 25px;
	text-align: center;
}


.header .calendar-summary-short {
	position: absolute;
	margin-top: 110px;
	margin-left: 8px;
}


.header .calendar-summary-short a {
	color: white;
	font-weight: normal;
	font-size: 10px;
}

.right .header .logout {
	margin-top: 170px;
	text-align: right;
	padding-right: 8px;
}

/* backgrounds */
.greybg {
	background: #ddd;
}

/*
 * 
 * TABLE styles
 *
 * 
 *  - list  
 */

table.list {
	border-collapse: collapse;
}

.left table.list {
	width: 600px;

	margin-left: 0px;
	margin-top:  0px;
	margin-bottom: 12px;
	border: 1px solid #bbb;
 	border-top: 1px solid white;
}

.right table.list {
	width: 280px;
	
	margin-top:    5px;
	margin-bottom: 5px;
}

.left table tr {
}

.left table.list td {
	
	padding-left: 8px;
	padding-bottom: 8px;
	padding-top: 8px;

	vertical-align: top;
}

.right table.list td {
	border-top: 1px solid  white;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	
}

table.single {
 border: 1px solid #bbb !important;
 height: 87px;
}

table.single td {
 border: none !important;
}

table.single:hover {
 border: 1px solid #3e6d94 !important;
}


table.list .options {
 width: 170px;
 vertical-align: middle !important;
}


.options ul {
 display: none;
 list-style:none;
 margin-left: 10px;
}

table.list:hover .options ul {
 display: block;
}

.options  li {
 margin-bottom: 8px;
 padding-left: 14px;
 font-size: 10px;
}

.options  li:hover {
 background: url('../graphics/arrow_right.png') no-repeat 0px 50%;
}

.options  li a:link, 
.options  li a:visited, 
.options  li a:active {
 color: #666;
} 

.options  li a:hover {
 color: #222;
} 

table.list tr:first-child td {
	border-top: none;
}


table.list h3 {
	font-weight: bold;
}

table.list em {
	display: block;
	margin-top: 3px;
	color:  #3e6d94;
}

.left table .description,
.left table .image {
  border-bottom: 1px solid #bbb;
}

.left table .description > a {
	color: black;
}

.left table .description > a:hover {
	color:  #3e6d94;
}

/*
 * result / non padded lists
 */

table.results {
	border-collapse: collapse;
	width: 100%;
}

table.results th,
table.results td {
/*	border-top: 1px solid  #3e6d94; */
	border-left: 1px solid #3e6d94;
	border-right: 1px solid #3e6d94;
	border-bottom: 1px solid #3e6d94;
	vertical-align: top;
	
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 5px;
	padding-bottom: 5px;

	text-align: center;
}

table.results th {
	font-weight: bold;
}

table.results .weather {
  width: 100px;
}


table.left-aligned th,
table.left-aligned td {
	text-align: left;
}

.left table .image {
	width: 60px;
	vertical-align: middle !important;
}


/*
 * - grid
 */

table.grid {
	border-collapse: collapse;
}

.left table.grid {
	margin-left:0px;
	margin-top:  0px;
	margin-bottom: 0px;
}

.left table.grid td { 
	text-align: center;
}

.left table.grid td {
	border-top: 1px solid  #bbb;
	border-left:1px solid  #bbb;
	vertical-align: top;

	padding: 5px;
}

.left table.grid tr:first-child td {
	border-top: none;
}

.left table.grid tr td:first-child {
	border-left: none;
}


.left table.grid img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.left table.grid a {
	font-weight: bold;
	color: #3e6d94;
}


.grid.topoffers td {
	width: 115px;
}

.grid .image,
.grid .description {
}

.header .forgotten-password {
	font-size: 14px;
	font-weight: normal !important;
	color: white;
	margin-top: 3px;
	margin-left: 8px;
}


/*
 * special tables
 */

table.my-offers a:link {
	color: #3e6d94;
	font-weight: bold;
}


/*
 * Tabs
 *  - mein gegenabholung
 */

.tabs {
 margin-left: 8px;
}

.tabs div {
	clear: both;
}

.tabs ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.tabs li {
	margin: 0;
	padding: 0;

	float: left;

	line-height: 23px;
	
	background: url('../graphics/backgrounds/tab_left_normal.png') no-repeat -1px top;
	padding-left: 6px;
}

.tabs li.active {
	background: url('../graphics/backgrounds/tab_left_active.png') no-repeat -1px top;
}

.tabs a {
	display: block;
	background: url('../graphics/backgrounds/tab_right_normal.png') no-repeat right top;
	padding-right: 13px;
	padding-left: 5px;
	padding-top: 3px;
	font-weight: bold;
}


.tabs .active a {
	background: url('../graphics/backgrounds/tab_right_active.png') no-repeat right top;
	color: white;
	padding-top: 3px;
}

.tabs a:hover {
	color: #3e6d94;
}


/*
 * Flash feature.
 */

.flash-teaser {
	position: relative;
	height: 160px;
	height: 142px;
	width:  600px;
	border: 1px solid #3b71aa;
	overflow: hidden;
}

.flash-images {
	height: 142px;
	overflow: hidden;
}

.flash-images img {
	height: 142px;
	width:  600px;
	position: absolute;	
}


/*
 * error messages 
 */
.box .error {
	color: #a11900;
	font-weight: bold;

	padding: 10px;

	border: 1px solid #bbb;
}


/*
 * weather
 */

div.weather {
margin-bottom:2px;
overflow:hidden;
}

div.weather .temp {
 font-size: 11px;
}

.weather img {
 vertical-align:middle;
 margin-right:4px;
}


/*
 * User Offers Scrollable 
 */
.user-offers {
	width: 100%;
	border: 1px solid #3e6d94;
}

.user-offer .offer {
	
}

.user-offers .next,
.user-offers .prev {
	float: left;

	width: 22px;
	height: 104px;

	cursor: pointer;

	text-indent: -1000em;
	background: #dadada;
}

.user-offers .next {
	background-image: url('../graphics/buttons/right_small.png');
	border-left: 1px solid #3e6d94;
}

.user-offers .prev {
	background-image: url('../graphics/buttons/left_small.png');
	border-right: 1px solid #3e6d94;
}


.user-offers .items div {
	margin-left: 8px;
	margin-top: 5px;
	
}
.user-offers .items img {
	display: block;
}

.user-offers .items div {
	font-weight: bold;
	width: 110px;
}


div.scrollable {
 float: left;
 position:relative; 
 overflow:hidden; 
 width: 480px; 
 height:104px;

}

div.scrollable div.items { 
 width:20000em; 
 position:absolute; 
}


div.scrollable div.items div { 
    float:left; 
} 


div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}


/*
 * Big Thumbnail image Preview
 */

.hover-large-image {
  width: 328px;
  height: 250px;
  
  background:none;
  background-image: url("../graphics/backgrounds/tooltip.png");
  background-repeat: no-repeat;
  display: none;
}

.hover-large-image .gloss {
 background: none;
 background-image: url("../graphics/backgrounds/gloss.png");
 background-repeat: no-repeat;
 background-position: 1px 15px;
 width: 197px;
 height: 138px;
 
 margin-left: 36px;
 margin-top: 43px;
 
 position: absolute;
}

.hover-large-image .image {
 width: 183px;
 height: 138px;
 background: white;
 
 margin-left: 44px;
 margin-top: 43px;
}

.request-list {
	width: 100%;
}

.request-list td {
	vertical-align: middle;
}

/*
 * JQuery UI Tuning
 */
.ui-state-highlight {
 margin-bottom: 1em;
 padding: 12px !important;
}

.ui-state-highlight ul {
	margin-left: 15px;
	margin-top: 0.5em;
	margin-bottom:0.5em;
}

.ui-state-highlight ul li {
	font-weight: bold;
	margin-top: 4px;
	margin-bottom: 4px;
}

.right .tagcloud a {
	margin-right: 8px;
}

/*
 * facebook unfug
 */
.fbconnect.bt-connect {
	position: absolute;
	right: 10px;	
}

.fbconnect.bt-login-small {
	position: absolute;
	right: 15px;
	bottom: 45px;
}

.abgeholt {
	position: absolute;
	right: 60px;
	top: 75px;
}

/*
 * columns for uls
 */
.left ul.columns {
	float: left; 
	margin-right: 15px;
}

.right ul.columns {
	float: right;
	margin-right: 0px;
}




.category-selector {
  	font-size: 11px;
	padding-left: 15px;
	padding-bottom: 8px;
	margin-bottom: 8px;
	background: #e0ebf4;
	border-bottom: 1px solid #3b71aa;
	display:none; 
}


.left .category-selector {
 	position: absolute;
	width: 581px;
	left: 1px;
}

.right .category-selector {
	margin:0px;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom: none;
	border-top: 1px solid #3b71aa;
}



.category-selector.active {
	display:block;
}

.category-selector img {
	position: absolute; 
	left: 0px;
	top: 0px;
}

.category-selector ul {
	list-style: none;	
}

.category-selector ul li {
	overflow: hidden;
	position: relative; 
	line-height: 30px;
	margin-top: 3px;
	margin-bottom: 3px;
	padding-left: 35px;
	padding-right: 8px;
	height: 30px;
}

.category-selector .selected {
	border: 1px solid #aaa;
	background: #ffffff;
	font-weight: bold;
}

.left .grub {
 float: right;
 margin-right: 5px;
 font-weight: bold;
 background-image: url('../graphics/icons/arrow_right.png');
 background-repeat: no-repeat;
 background-position: 100% 8px;
 padding-right: 10px;
}

.left  .grub.active {
	background-image: url('../graphics/icons/arrow_down.png');
}

.right .grub.active {
	font-weight: bold;
}

.grub-exit {
	padding: 0px;
	margin: 0px;
	right: 12px;
	bottom: 10px;
	position: absolute; 
}



.optionspanel {
   float: right;
}


.box.facebook  {
 border: none;
}


.ce {
 position: relative;
 margin-left: 8px;
}

.ce h2 {
    border-bottom: 1px solid #AAAAAA;
    font-size: 16px;
    margin-bottom: 1em;
    margin-right: 0px;
    font-weight: bold;
    font-family: Arial, sans-serif;
}

.ce .opt-link {
 position: absolute; 
 top: 3px; 
 right: 5px;
}

.ce .opt-link a:link,
.ce .opt-link a:visited,
.ce .opt-link a:hover,
.ce .opt-link a:active {
 color: #3E6D94;
}


.info-box {
 display: none;
 height: 20px; 
 margin-bottom: 3px;
}


/***
 * 
 * Social Menu Icons
 */

 .social-menu {
 	position: absolute;
 	top: 13px;
 	left: -60px;
 	width: 60px;
 	overflow: hidden;
	padding: 0px;
 }
 
 .social-menu ul {
	margin:0px;
	margin-left: 8px;
 	list-style: none;
	padding: 0px;
 }
 
 .social-menu li {
 	margin-bottom: 5px;
	margin-left: 0px;
 }
 
 
 .social-menu a {
 	width: 200px;
 	height: 22px;
 	text-align: right;
 	display: block;
 	background-repeat: no-repeat;
 	background-position: 27px;
 }

 .social-menu .youtube a {
 	background-image: url('../graphics/social/youtube.png') !important;
 }
 
  .social-menu .facebook a {
 	background-image: url('../graphics/social/facebook.png');
 }
 
  .social-menu .twitter a {
 	background-image: url('../graphics/social/twitter.png');
 }
 
  .social-menu .rss a {
 	background-image: url('../graphics/social/rss.png');
 }


.left {
 overflow: hidden;
}

.notify-settings,
.calendar-settings,
.newsletter-settings,
.promotion-settings {
 margin-left: 8px;
}

.box-content.text {
 padding: 8px;
}