* {
  padding:0;
  margin:0; 
}
a {
  color:        #008CB9;
  text-decoration:  none;
}

img {
  border:       0px;  
}

table, th, td {
  font-family:    arial, "sans serif";
  font-size:      11px;
  color:        #ffffff;
  border-spacing:   5px;  
}

th {
  vertical-align:   top;
}

td {
  vertical-align:   top; 
	border-bottom: 2px solid #DDF1FA; 
	border-top: 2px solid #DDF1FA;
}


/****************** Content Bereich *******************/

div#main {
  width:        765px;
  top:        150px;
  xposition:      absolute;
  
}

div#mainContent {
  position:     relative;
  left:       0px;
  width:        765px;
  background-image: url(/de/img/recommendations/tool_back.gif);
  background-repeat:  repeat-x;
  border-top:     3px solid #00A5DA;
  margin-top:     0px; 
  padding-bottom:     15px;
  font-family:    Arial,Helvetica,sans-serif;
  font-size:      11px;
}


/******************** Overrides for styles from main.css *********************/

#footer {
  clear:        both;
  width:        640px;
}

#content {
  background-color:   #E4F7FF;
}

#content[id] {
  /* NG browsers only */
  padding-bottom:   0px;  
}
#btpx {
  position:       absolute;
}


/********** Obere Toolbox ************/

div#contentToolbox {
	position:			relative;
	left:				10px;
	width:				745px;
	height:				23px;
	margin-bottom:		15px;
	border-bottom:		1px solid #A6E0F2;
	background-color:	#ffffff;
}

div#contentToolbox span {
	display:			block;
	float:				left;
	width:				200px;
	line-height:		23px;
	font-family:verdana, sans-serif;
	font-size:11px;
}

div#contentToolbox a {
	color:				#008CB9;
}

div#contentToolbox ul {
	float:				right;
	margin:				0;
	padding:			0;
	list-style:			none;
	line-height:		23px;
}

div#contentToolbox ul li {
	float:				left;
	padding-left:		10px;
}

img.toolBoxImg {
	margin-right:		2px;
	margin-top:			5px;
}

div#contentToolbox ul li a {
  font-family: verdana, sans-serif;
  font-size: 11px;
	color:				#008CB9;
}



/********** Headline Box ************/

div.headlineFormat {
	position:			relative;
	display:			block;
	background-color:	#ffffff;
	height:				38px; 
	float:				none;
	clear:				right;	
	padding-left:		10px;
	padding-right:		10px;
	padding-bottom:		5px;
}

div.headlineFormat table {
	width:				100%;
	border:				0px;
	padding:			0px;
	margin:				0px;
	border-bottom:		1px solid #00A5DA;
}

div.headlineFormat td.headlineFormatLeft {
	text-align: 		left;
	width:				550px;
	color:				#003366;
	font-size:			12px;	
	line-height:		18px;
	font-weight:		bold;
	vertical-align:		middle;
	border: none !important;
}
div.headlineFormat td.headlineFormatLeft h1 {
	display:			inline;
	font-size:			16px;	
	line-height:		18px;
}
div.headlineFormat td.headlineFormatLeft span {
	color:				#0886C0;
	font-size:			11px;
	font-weight:		normal;
	padding-left: 13px;
	font-family: Arial,Helvetica,sans-serif;
}
div.headlineFormat td.headlineFormatRight {
	text-align: right;
	line-height:		18px;
	color:				#0886C0;
	font-size:			11px;
	font-weight:		normal;
	vertical-align:		middle;
	border: none !important;
}
div.headlineFormat td.headlineFormatRight h2 {
  float:right;
  font-family: arial, sans-serif;
	font-size:			11px;	
	font-weight:		normal;
	margin-bottom:4px;
	height:23px;
}
div.headlineFormat td.headlineFormatRight h2 img {
  margin-bottom:-6px;
}

/******************** Spaltenanordnung *****************/

div#spalte1 {
	display:			block;
	float:				left;
	width:				500px;
	background-color:	#ffffff;
	min-height:         254px;
	margin-bottom:		15px;
}


div#spalte2 {
	display:			block;
	float:				left;
	width:				265px;
	xbackground-color:	red;
}

/****************** Bildgalerielink + Profil bearbeiten **************/

div.bildGalerieBox {
	position:			relative;
	left:				10px;
	display:			block;
	float:				left;
	width:				220px;	
}

div.bildGalerieBox a {
	color:				#008CB9;
}
div.bildGalerieBox img {
  margin-top:3px;
}
div.profilBearbeitenBox {
	position:			relative;
	left:				18px;
	display:			block;
	float:				left;
	width:				260px;
	font-size: 12px;
}

div.profilBearbeitenBox span {
	display:			block;
	padding-top:		5px;
	color:				#FD7113;
}

div.profilBearbeitenBox p {
	color:				#003366;
	padding-bottom:		5px;
	border-bottom:		1px solid #A6E0F2;
}

div.profilBearbeitenBox a {
	color:				#008CB9;
	font-size: 12px;
}

div.profilBearbeitenBox img {
	margin-top:		5px;
}

/******************** Image gallery ********************/

div.imageGallery {
	display: block; 
	clear: both;
}


/************************ Blog Box *********************/

div.blogBox {
	position:			relative;
	left:				10px;	
	width:				465px;
	height:				110px;
	clear:				both;
	padding:			5px;
	font-family:		arial, helvetica, sans-serif;
	font-size:			12px;
	background-color:	#F2FAFD;
	margin-top: 10px;
}

div.blogBox span a {
	font-size: 12px;
	font-family: Arial,Helvetica,sans-serif;
}

div.blogBox strong {
	display:			block;
	padding:			2px;
}

div.blogBox p {
	display:			block;
	padding:			2px;
	padding-top:		5px;
	padding-bottom:		10px;
}

div.blogBox div {
	display:			block;
	padding-left:		10px;
	float:				left;
}

div.blogBox div img {
	padding-right:		5px;	
}

div.blogBox span {
	display:			block;
	float:				right;
	height:				30px;
	line-height:		30px;
	font-size:			11px;
}

div.blogBoxMenu {
	position:			relative;	
}

div.blogBoxMenu ul {
	clear:				both;
	position:			relative;
	left:				10px;
	top:				0px;
	float:				left;
	margin:				0px;
	padding-right:		0px;
	padding-left:		0px;
	padding-bottom:		0px;
	padding-top:		30px;
	list-style-type		none;
	line-height:		23px;
	width:				490px;
	z-index:			2;
}

div.blogBoxMenu ul li {
	float:				left;
	padding-right:		1px;
}

div.blogBoxMenu hr {
	/* NG browsers only */
	clear:				both;
	position:			absolute;
	top:				54px;
	left:				10px;
	width:				475px;
	height:				2px;
	background-color: 	#00A5DA;
	color: 				#00A5DA;
	border: 			0px;
	height: 			3px;
	z-index:			1;
}

div.blogBoxList {
	display:			block;
	padding-left:		15px;
	width:				465px;
	font-family: arial, sans-serif;
	font-size: 12px;	
}

div.blogBoxList h2 {
	clear:				both;
	color:				#FD7113;
	font-family: arial, sans-serif;
	font-size:			12px;
	font-weight:		normal;	
}

div.blogBoxList p {
	padding-bottom:		10px;	
}

a.detail-link {
	clear:				both;
	display:			block;	
}

/********************* Empfehlungs Liste *******************/

div.empfehlungListBox {
	position:			relative;
	left:				10px;
	width:				475px;
	float:				left;
	border-bottom:		1px solid #A6E0F2;
	padding-bottom:		5px;
	padding-top:		5px;
}

h2.empfehlungListHeadline {
	position:			relative;
	left:				10px;	
	width:				475px;
	font-size:			12px;
	margin-top:			10px;
	padding-bottom:		5px;
	border-bottom:		1px solid #00A5DA;
	padding-top:		5px;
}

div.empfehlungListBox div {
	display:			block;
	float:				left;
	width:				80px;
	padding-top:		10px;
}

div.empfehlungListBox h3 {
	display:			block;
	float:				left;
	width:				195px;
	padding-top:		10px;
	color:				#008CB9;
	font-size:			12px;
}

div.empfehlungListBox span {
	display:			block;
	float:				left;
	width:				200px;
	padding-top:		10px;
	text-align:			right;
}

div.empfehlungListBox p {
	display:			block;
	float:				left;
	width:				390px;
	padding-top:		10px;
	text-align:			left;
	font-size: 12px;
}

div.empfehlungListBox strong {
	display:			block;
	float:				right;
	padding-top:		10px;
	text-align:			right;
	font-weight:		normal;
}

div.empfehlungListBox p.recommendationNotificationLinks {
	text-align: 		right;
	width:				100%;
}

div.error  {
	color: 				red;
	font-weight: 		bold;
	display:			block;	
}

/********************** Karte *********************/

div.karte {
	background-color:	#ffffff;
	padding-top:		5px !important;
	padding-top:   0;
	padding-left:		15px;
	padding-bottom:		15px;
}

div.karteGross {
	padding-left:		10px;	
}

div.karteGross h1 {
	font-size:			16px;
	padding-bottom:		5px;	
}

div.karteGross img {
	padding-bottom:		10px;	
}

#googlemap {
	width: 				490px;
	height: 			337px;
}

.karte #googlemap {
	width:              239px;
	height:				239px;
}


/********************** Ähnliche Tipps ***************/

div.tippBox {
	padding-left:		15px;
	xbackground-color:	red;
}

div.tippBox h2 {
	display:			block;
	font-size:			12px;
	margin-top:			15px;
	padding-bottom:		5px;
	border-bottom:		1px solid #00A5DA; 
	color:				#003366;
	background-color:	#ffffff;
	padding-left:		5px;
	padding-top:		5px;
}

div.tippBox div {
	display:			block;
	float:				left;
	width:				125px;
	background-color:	#ffffff;
	height:				40px;
	padding-top:		5px;
	border-bottom:		1px solid #A6E0F2;
}

div.tippBox div strong {
	color:				#00A5DA;
	padding-left:		5px;
}

div.tippBox div p {
	padding-left:		5px;
}

div.tippBox div span {
	display:			block;
	float:				right;
	text-align:			right;
	height:				30px;
	line-height:		30px;
	margin-right:		5px;
}

div.tippBox div img {
	float:				left;
	margin-top:			5px;
}

div.tippBox table, div.tippBox tr, div.tippBox td {
    border-spacing:        0px;
}

div.tippBox table {
    background-color:    #ffffff;
    width:                100%;
}
div.tippBox tr, #similiarTipsHl {
    padding-left:10px;
    border-bottom-style:none;
    background-image:url(/img/recommendations/bg_tippBox.gif);
    background-repeat:no-repeat;
    background-position:bottom center;
}
div.tippBox td {
	vertical-align:        top;
  padding:            5px 0 5px 10px;
  color:                #003366;
  border: 0;
	border-bottom: 1px solid #ddf1fa;
}

div.tippBox .tippBoxExtra {
  float:right;
  margin-right:10px;
}

div.tippBox td img {
    float:                left;
}

div.tippBox td strong {
    color:                #00A5DA;
    width:                135px;
}
div.tippBox tr.tippBoxExtraLast {
  background-image:none;
  height:0px !important;
  padding:0 !important;
  font-size:0  !important;;
  line-height:0 !important;
}
div.tippBox tr.tippBoxExtraLast td {
  height:10px !important;
  height:6px;
  padding:0 !important;
  font-size:0  !important;;
  line-height:0 !important;
}


/** Tipp Übersicht Box **/

div.tippUebersichtBox {
	clear:				both;
	display:			block;
	background-image:	url(/de/img/recommendations/empf_verlauf.gif);
	background-repeat: 	repeat-x;
	height:				87px;
}

div.tippUebersichtBox h1 {
	position:			relative;
	left:				10px;
	top:				5px;
	font-size:			18px;
	font-family:		Verdana,Arial,Helvetica,sans-serif;
}

div.tippUebersichtBox p {
	position:			relative;
	left:				10px;
	top:				5px;
	width:				470px;
	float:				left;
	font-size:			12px;
	font-family: Arial;
}

div.tippUebersichtBox p a {
	font-size:			12px;
	font-family: Arial;
}

div.tippUebersichtBox img {
	padding-left:		100px;
	padding-top:		10px;
}

/** Tipp Gross Liste **/

div.tippGrosseListeBox {
	xpadding-left:		10px;	
	position:			relative;
	left:				10px;
	top:				0px;
	padding-bottom:     20px; 
}

div.tippGrosseListeBox div {
    width:              480px;
    font-size:			11px;
    font-family:		Arial;
} 

div.tippGrosseListeBox h1 {
	font-size:			12px;
	padding:			0;
	margin:				0;	
	height:				29px;
	xbackground-color:	red;
}

div.tippGrosseListeBox ul {
	position:			relative;
	xfloat:				left;
	margin:				0;
	padding:			0;
	list-style:			none;
	width:				490px;
	z-index:			2;
}

div.tippGrosseListeBox ul li {
	float:				left;
	padding-right:		1px;
}

div.tippGrosseListeBox hr {
	clear:				both;
	position:			absolute;
	top:				58px;
	width:				480px;
	height:				2px;
	background-color: 	#00A5DA;
	color: 				#00A5DA;
	border: 			0px;
	height: 			3px;
	z-index:			1;
}

div.tippGrosseListeBox hr.hr_active {
	background-color:	#fd7113;
	color:				#fd7113;
}
	
div.tippGrosseListeBox div.tippGrosseListeCell1 {
	position:			relative;
	left:				5px;
	width:				470px;
	background-color: 	#ffffff;
	padding-bottom:		5px;
	padding-top:		8px;
}
.tippGrosseListeCell1BorderLight {
	border-bottom:		1px solid #A7E0F2;
}
.tippGrosseListeCell1BorderDark {
	border-bottom:		1px solid #00A5DA;
}

div.tippGrosseListeCell1 span.newRecommendation {
	background-image:	url(/img/recommendations/marker_neu.gif);
	background-repeat: 	no-repeat;
    margin-right:       3px;
    float:              left; 
    width:				45px;
    height:             35px;
}

div.tippGrosseListeCell1 p {
	position:			relative;
	top:				0px;
	left:				0px;
	width:				340px;
}

div.tippGrosseListeCell1 p strong {
	color:				#028ABB;
	padding-right:		20px;
}

div.tippGrosseListeCell1 p small {
	padding-left:		10px;
	color:				#9F9F9F;
	font-size:			11px;
}

div.tippGrosseListeCell1 big {
	position:			absolute;
	top:				0px;
	left:				340px;
	text-align:			right;
	font-size:			11px;
	color:				#028BB8;
	width:				130px;
}

div.tippGrosseListeCell1 big a {
  display:block;
  height:23px;
  padding-top:10px;
}
div.tippGrosseListeCell1 big a img {
  margin-bottom:-8px;
}

div.tippGrosseListeBox div.tippGrosseListeCell2 {
	position:			relative;
	left:				5px;
	display:			block;
	padding-bottom:		10px;
	padding-top:		5px;
	width:				470px;
	border-bottom:		1px solid #00A5DA;
}


div.tippGrosseListeCell2 strong {
	color:				#FC7013;
	font-weight:		normal;
}

div.tippGrosseListeCell2 small {
	color:				#008CB9;
	font-weight:		normal;
	font-size:			11px;
	clear:				both;
}

.deleteSavedRecommendation {
	text-align:			right;
	width:				475px;
}

/************** Tipp Kategorien **************/

div.tippKategorieBox {
    display:            block;
    padding-left:       10px;
    background-color:   #ffffff;
    xheight:            420px;
    padding-bottom:     20px;
    float:                right;
    width:                255px;
}

div.tippKategorieBox table {
    border-spacing:        0px;
    clear:                 both;
    border-collapse:	   collapse;
}

div.tippKategorieBox table tr th {
    width:                 30px;
    text-align:            center;
    vertical-align:        middle;
}

div.tippKategorieBox table tr td {
    width:                 98px;
    height:                23px;
    vertical-align:        middle;
}

div.tippKategorieBox table th.ActiveCategory {
    background-color:    #E6F5FB;
}

div.tippKategorieBox table td.ActiveCategory {
    background-color:    #E6F5FB;
}

div.tippKategorieBox h3 {
    display:            block;
    float:                left;
    padding-top:        10px;
    padding-bottom:        10px;
    font-size:            12px;
    font-weight:        bold;
    width:                110px;
}

div.tippKategorieBox p {
    float:                left;
    width:                140px;
    text-align:            right;
    padding-top:        10px;
    padding-bottom:        10px;
} 

/**** Kategorie Form ********/

div.kategorieBoxForm {
	clear:				both;
	display:			block;
	padding-top:		20px;
	width:				250px;
}

div.kategorieBoxForm h2 {
	font-size:			12px;
	padding-bottom:		5px;
}

div.kategorieBoxForm h3 {
    font-size:            12px;
    padding-bottom:        3px;
    color:                red;
    font-weight:        normal;
    width:				220px;
    padding-top:		  2px;
}


div.kategorieBoxForm form input {
	color:				#013264;
	border:				1px solid #013264;
	font-family:		Arial;
	font-size:			12px;
	width:				120px;
	xheight:				20px;
	float:				left;
	padding:			3px;
}

div.kategorieBoxForm form span {
	display:			block;
	width:				100px;
	float:              left;
}

div.kategorieBoxForm form span input {
	border:				0px;
	width:				89px;
	height:				22px;
	background-color:   #E4F7FF;
    padding:            0px;
}

#searchErrorMessage {
  font-style:italic;
}

/********************* Banner rechts *******************/

div.banner {
	display:			block;
	clear:				both;
	padding-top:		10px;
	padding-left:		15px;	
}

/************************************** Registrieren ************************************/

/******** Registrier Headline ***********/

div.registrierHeadlineBox {
	clear:				both;
	display:			block;
	background-image:	url(/img/recommendations/empf_verlauf.gif);
	background-repeat: 	repeat-x;
	height:				87px;
}

div.registrierHeadlineBox, #austauschen h1 {
    color:                #033568;
    line-height: 16px;
}

div.registrierHeadlineBox h1 {
	position:			relative;
	left:				10px;
	top:				5px;
	font-size:			16px;
}

div.registrierHeadlineBox p {
	position:			relative;
	left:				10px;
	top:				5px;
	font-size:			11px;
	width:				745px;
}

div.registrierBox {
	position:			relative;
	left:				0px;
	top:				0px;
	width:				765px;
	height:				327px;
	background-color:	#ffffff;
	border-bottom:		3px solid #00A5DA;
}

div.registrierBox h1 {
	position:			absolute;
	left:				10px;
	top:				0px;
	font-size:			12px;	
}

div.registrierBox h2 {
	position:			absolute;
	left:				515px;
	top:				15px;
	font-size:			12px;
	
}

div.registrierBox div#registerText {
	position:			absolute;
	left:				5px;
	top:				50px;
	width:				480px;
}

div.registrierBox div img {
	float:				left;
	padding-right:		5px;
}

div.registrierBox div p {
	padding-bottom:		15px;
}

div.registrierBox div span img {
	position:			absolute;
	left:				263px;
	top:				180px;
}

div.registrierBox #form-login {
	background-color:#E4F7FF;
}
div.registrierBox #form-login fieldset.member_login_box {
	position:			absolute;
	left:				515px;
	top:				50px;
	width:				229px;
	background-color:#E4F7FF;
	background-image:	url(/img/recommendations/login_form_back.gif);
	background-position: 	bottom;
	background-repeat: 	repeat-x;
	border:				0px;
	padding-left:		10px;
}

div.registrierBox form label {
    display:            block;
    padding-top:        5px;
    padding-bottom:     3px;
    clear:              both;
}

div.registrierBox form span.label-cookie {
	display:			block;
	padding-top:		5px;
	padding-bottom:		5px;
}
	
div.registrierBox form label.label-cookie {
    display:            inline;
    clear:              none;
}

div.registrierBox form input.user_ipv {
    display:            block;
    width:              115px;
    height:             15px;
    float:              left;
}

div.registrierBox form input.user_chkbox {
    display:            inline;
    width:              15px;
    margin-right:		10px;
}
div.registrierBox div.mitLogFehler {
    position:            absolute;
    left:                515px;
    top:                210px;
    width:                229px;
    height:                50px;
    border:                0px;
    color:                red;
    font-weight:        bold;
}
div.registrierBox form strong input.user_ipv {
	display:			block;
	clear:				both;
	width:				10px;
	height:				10px;
	margin-right:		3px;
}

div.registrierBox form strong {
	clear:				both;
}

div.registrierBox form small {
	clear:				both;
	display:			block;
	margin-top:			5px;
}
div.registrierBox input.mdl_password,
div.registrierBox input.mdl_username {
    width:              95px;
    margin-right:		5px;
    float:				left;
}
div.registrierBox div.fehler {
	display:			block;
	clear:				both;	
}

/******************************* Popup Dialogbox *******************************/

div.quickAlert {
	border:				3px solid #002057;
	overflow: 			visible; 
	width: 				400px;
	height: 			220px;
	background-color:	#ffffff;
	padding:			10px;
}

div.quickAlert p {
	margin-top:			10px;
	margin-bottom:		10px;
}

div.quickAlert form textarea {
	width:				380px;
	height:				100px;
	margin-bottom:		10px;
}

div.btn-left-cancel{
	float:				left;
	width:				18px;
	height:				22px;
	margin:				0px;
	padding:			0px;
}

div.btn-middle a {
	color:				#002055;	
}


/******************************* Popup Bildgalerie *******************************/

div.popGalerieBox {
	width:				500px;
	border:				3px solid #002057;
	overflow: 			visible; 
	background-color:	#ffffff;
	padding:			10px;
	z-index:			9500;
}

div.popGalerieBox h2 {
	padding-bottom:		15px;
}

div.popGalerieBox h3 {
	text-align:			right;
	font-weight:		normal;
}

div.popGalerieBox h3 a {
	color:				#003366;
	font-size:			11px;	
}

div.popGalerieBox p {
	margin-top:			10px;
	padding-bottom:		5px;
	border-bottom:		1px solid #00A5DA;
}

div.imageShow {
	text-align:			center;
	xpadding-bottom:		20px;
}

div.imageShow img {
	border: 			1px solid grey;
	width:				300px;
	height:				400px;
}

div.imageList {
	height:				68px;
	text-align:			center;	
	width:				330px;
	margin:				auto;
	padding-top:		10px;
}

div.imageList span {
	height:				60px;
	line-height:		68px;
	float:				left;
	margin-right:		5px;
}

div.imageList div {
	background-color:	green;
	width:				60px;
	height:				60px;
	float:				left;
	position:			relative;
	xmargin-right:		5px;
	text-align:			center;
	border:				3px solid #ffffff;
}

div.imageList div.picImageShow {
	border:				3px solid #002055;
}


div.imageList img {
	float:				left;
}


#blanket {
	background-color:		#85BBEF;
	opacity: 				0.65;
	filter:					alpha(opacity=65);
	position:				absolute;
	z-index: 				9001;
	top:					0px;
	left:					0px;
	width:					100%;
}

#popUpDiv {
	position:				absolute;
	width:					300px;
	xheight:				300px;
	z-index: 				9500;
	top:					100px;
}

/** Gallery new: **/
#recommendationGallery {
	text-align:center;
	background-color:	white;
	width:	515px;
	border:					2px solid #00a5da;
}

#recommendationGallery div.titleBar {
	text-align:right;
	margin:10px;
	height:					22px;
}

#recommendationGallery div.titleBar a {
	float:					right;
}

#recommendationGallery div.imageContainer {
	width:402px;
	height:302px;
	border:1px solid #a6e0f2;
	overflow:hidden;
	line-height:300px;
	text-align:center;
	clear:					both;
	margin:					10px 45px;
}

/* should always only be ONE visible and displayed */
#recommendationGallery div.imageContainer img {
	vertical-align:middle;
}

#recommendationGallery div.galleryPagination {
	height:86px;
	border:none;
	padding:0;
	margin:10px 15px;
	background-color:#f2fafd;
	border:5px solid #f2fafd;
}

#recommendationGallery div.galleryPagination div.prevNext {
	line-height:55px;
	width:80px;
	visibility:visible;
	margin:5px;
}

#recommendationGallery div.galleryPagination div.prevNext a.button {
	cursor:pointer;
}

#recommendationGallery div.galleryPagination div.prevNext.next {
	float:right;
}

#recommendationGallery div.galleryPagination div.prevNext.prev {
	float:left;
}

#recommendationGallery div.galleryPagination div.prevNext.inactive {
	visibility:hidden;
}

#recommendationGallery div.galleryPagination div.thumbList {
	height:74px;
	width:250px;
	border: none;
	text-align:left;
	margin:3px;
	white-space:	nowrap;
	margin-left:	85px;
}

#recommendationGallery div.galleryPagination div.thumbList span.thumbContainer {
	height:70px;
	width:70px;
	margin:0px 5px;
}

#recommendationGallery div.galleryPagination div.thumbList span.thumbContainer.first,
#recommendationGallery div.galleryPagination div.thumbList span.thumbContainer.last {
	margin:0;
}

#recommendationGallery div.galleryPagination div.thumbList span.thumbContainer > a > img,
#recommendationGallery div.galleryPagination div.thumbList span.thumbContainer a img {
	height:70px;
	width:70px;
	border:2px solid #ffffff;
}

#recommendationGallery div.galleryPagination div.thumbList span.thumbContainer.current > a > img,
#recommendationGallery div.galleryPagination div.thumbList span.thumbContainer.current a img {
	border-color:#00a5da;
}


/******* forward-recommendation *********/


table.form_table {
	color:				    black;
}

table.form_table td,
table.form_table tr,
table.form_table label,
table.form_table legend,
table.form_table tbody,
table.form_table th  {
	color:				    black;	
}

/**
 * Overrides for window_app.css styles
 */
.appWindows_content,.dialog {
	background:				none;
	border:					none;
}

#Recommendate2 {
	with: 					260px;
	clear: 					both;
}

#Recommendate2 textarea {
	margin-top: 5px;
}

.recommendationForm {
	display: 				inline;
	width: 					260px;
}
.recommendationForm textarea {
	width: 					260px;
}
/**
 * Overrides for content.css styles
 */
 
 div.pageview ul {
	float:			none;
	clear:			both;
	margin:			auto;
}

.btn-middle, .btn-middle-normal {
	color:			#003366;	
}

.pageview .paginationBox UL {
    margin: 2px 0;
}


/******* sidebar boxes *********/

#austauschen #family-blog-news
{
  width:230px;
  margin-left:15px;
  padding-bottom:0px;
  border-style:none;
  overflow:hidden;
}
#austauschen #family-blog-news h2
{
  padding-left:24px;
  background-image:url(/de/img/recommendations/sidebar_icon.gif);
  background-repeat:no-repeat;
  background-position:center left;
}
#austauschen #family-blog-news ul {
  /*margin-bottom:6px;*/
}
#austauschen #family-blog-news .img-list li
{
  float:none;
  width:100%;
  text-align:left;
  line-height:1.1;
}
#austauschen #family-blog-news .cities {
  border-bottom-style:none;
  margin-bottom:0;
}
#austauschen #family-blog-news .cities li {
  border-bottom:1px solid #A6E0F2;
}
#austauschen #family-blog-news .img-list .avatare-48x48
{
  display:inline;
  float:left;
  margin:0 10px 0 0 !important;
  margin:0 5px 0 0;
}
#austauschen #family-blog-news .img-list img
{
  width:48px;
  height:48px;
  background-color:#E4F7FF;
}
#austauschen #family-blog-news .group-entry-data,
#austauschen #family-blog-news .city-entry-data
{
  margin-left:58px;
}
#austauschen .more-link {
  line-height:2;
}
#austauschen .recommendationSidebarContentAd
{
  margin-left:15px;
}
#austauschen .recommendationSidebarContentAd .banner {
  padding-left:0;
}
#austauschen .recommendationSidebarContentAd .placeholder
{
  width:250px;
  height:208px;
  background-color:yellowgreen;
}

.recommendation-form {
	background: #FFFFFF;
  display:block;
  width: 480px;
  padding: 10px 10px 50px;
  float: left;
}

.recommendation-form .form-row {
	background:#E6F5FB;
  display:block;
  margin-bottom:10px;
  padding:10px;
}

.recommendation-form label {
	width: 180px;
	display: block;
	line-height: 14px;
}

.recommendation-form label#label-webaddress {
	width: 250px !important;
}

.recommendation-form .form-col {
	float: left;
}
.recommendation-form input, .recommendation-form select, .recommendation-form textarea {
	width: 270px;
	padding: 1px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.recommendation-form select {
	width: 276px;
}

.recommendation-form input#input-webaddress {
	width: 200px;
}

.recommendation-form textarea {
	height: 100px;
}

.recommendation-form .small-input {
  width: 50px !important;
}

.recommendation-form  .medium-input {
  width: 215px !important;
}

.recommendation-form .block .form-row {
	margin-bottom:0px;
}

.recommendation-form .block {
	margin-top: 7px;
}

.recommendation-form .subheadline {
	clear:both;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:5px;
	font-size: 12px !important;
}

.recommendation-form .subheadline-first {
  margin-top: 5px !important;
}

.btn-raw-del {
	background: transparent url(/de/img/recommendations/delete.gif) no-repeat scroll left center !important;
	margin-left: -5px;
	padding-left: 15px !important;
}

div.uploadedImageOptions .btn-raw-del {
	margin-left:0;
}
div.uploadedImageOptions .btn-raw-del a {
	padding-left:3px !important;
	padding-left:4px;
}

td.imageOptions {
	
}


div.uploadedImageOptions input {
	float:left;
	margin:0 3px 0 0 !important;
	margin:-3px 3px 0 0;
	width:15px !important;
}

div.uploadedImageOptions label {
	color:#008CB9;
	float:left !important;
	font-size:11px !important;
	height:15px !important;
	margin:-2px 0 0 0 !important;
	width: 120px !important;
}

.uploadedImage strong {
	display:block;
	margin:0 0 4px;
}

table.uploadedImage td {
  /*width:460px;*/
	color: #003366 !important;
	border-bottom: none !important;
	border-top: none !important;
	line-height: 14px; 
}

table.uploadedImage td.image {
	border-right: 2px solid #FFFFFF;
	width: 280px;
}

.uploadedImageOptions {
	clear:left;
	margin:3px 0 0;
}

div.uploadedImageOptions div {
	float:none !important;
	width:160px !important;
}

div.uploadedImageOptions div.btn-raw-del a {
  font-size:11px !important;
}


.recommendation-form .counter {
	width: 35px;
	text-align: center;
}

.button-left {
	float: left;
	width: 370px;
}

.button-right {
	float: left;
	text-align: right;
}

#uploadImages #imageContainer {
	background: #FFFFFF;
	display: block;
}

#uploadImages #imageContainer .form-col {
	background: #E6F5FB;
	display:block;
  padding:10px;
}

.recommendation-form .fillnotice {
	padding-top: 15px;
	padding-bottom: 20px;
	width: 100%;
	display: block;
	font-size: 12px !important;
}

.main-recommendationform {
	background: #E4F7FF;
	width: 480px !important;
}

#menu-profile {
	margin-left: 10px;
	border-bottom: 0px;
}

#menu-profile ul {
  border-bottom: 0px !important;
}

#recommendation-preview-bottom {
	display: block;
	background: #FFFFFF;
	padding: 10px;
}

#recommendation-preview-bottom p {
	margin-bottom: 20px;
	font-size: 12px;
}

.recommendation-spacer {
	background: #E6F5FB;
	height: 15px;
	width: 100%;
}

td.recommendation-category {
	border: 0;
}

.btn-middle {
	font-family: Verdana,Arial,Helvetica,sans-serif;
}

.recomContent {
	
}

#spalte1.recomContent {
	 background-color: #ffffff;
	 padding-top: 10px;
}