/***************************************/
/*************** GLOBALS ***************/

body {
  background: #e8eff7;
  font-family: arial, sans-serif;
  margin: 0;
}

a {
  color: #048;
  text-decoration: none;
}

a:hover {
  color: #69c;
  text-decoration: underline;
}

h1 {
  margin-top: 0.1em;
  margin-bottom: 0.1em;
}

h2 {
  margin-top: 0.1em;
  margin-bottom: 0.1em;
}

li {
  list-style: none;
}

/***************************************/
/***************** IDs *****************/

#container {
  max-width: 980px;
  margin: 0px auto;
  padding: 0 8px;
  background: #fff;
  overflow: auto;
}

#editionbar {
  background: #f57000;
  margin-bottom: 10px;
	color: white;
  padding: 0 10px;
  line-height: 175%;
  font-size: 0.8em;
}

#editionbar a {
	color: white;
}




/* ######################## TT HEADER ######################## */

#header {
  padding-top: 5px;
  height: 60px;
  clear: both;
  overflow: hidden;
}

#headertext {
  font-size: 1.5em;
  font-weight: bold;
}

#headertext a, #headertext a:link, #headertext a:visited, #headertext a:active {
  color: #000;
  text-decoration: none;
}

#headertext a:hover {
  color: #048;
}

#header .thelocal a, .thelocal a:link, .thelocal a:visited, .thelocal a:active {
  color: #f57000;
}

#header .thelocal a:hover {
  color: #f57000;
  text-decoration: underline;
}

#tt_leaderboard_desktop_homepage {
  #height: 90px;
}

/* #################### */




#logo {
  float: left;
  width: 320px;
}

#menubutton {
  float: left;
  width: 35px;
  margin: 11px 0 0 0;
  display: none;
}

#spotlight {
  margin: 0 250px 0 360px;
  text-align: center;
	background-color: #ececec;
  padding: 2em 10px;
  border: 0;
  line-height: 100%;
  font-size: 0.95em;
  color: #888
}

#signin {
  float: right;
  width: 200px;
  padding: 0 0 0 10px;
  border-left: 4px solid #f1f1f1;
  font-size: 0.95em;
}

#signin a {
  color: #f57000;
}

#col1 {
	float: left;
  width: 468px;
  /* width: 668px; */ /* WIDESCREEN */
  padding-right: 11px;
}

#col2 {
	float: left;
  width: 300px;
  border-left: 4px solid #f1f1f1;
  padding-left: 11px;
  padding-right: 11px;
}

#col3 {
	float: left;
  width: 160px;
  padding-left: 11px;
  border-left: 4px solid #f1f1f1;
}

/***************************************/
/***************** Classes *************/

.headlinecard {
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
  border-bottom: 4px solid #eee;
  overflow: auto;
}

.highlightcard {
  margin-bottom: 1em;
}

.highlightcard img {
  width: 300px;
}

.col3panelhead {
	background-color: #f57000;
	color: #fff;
	font-weight: bold;
	padding: 2px 4px;
  margin: 0;
  font-size: 0.8em;
}

.col3panelbody {
  background-color: #ececec;
  font-size: 0.7em;
  margin: 0 0 10px 0;
  padding: 0 2px 8px 2px;
  overflow: auto;
}

.col3panelbody a {
  color: #f75000;
}

.col3panelbody ul {
  padding: 0;
  line-height: 120%;
}

.col3panelbody li {
  margin: 0 0 0.2em 0;
  display: inline-block;
}

.col3panelbody ul li .datetime {
  float: left;
  width: 20%;
}

.col3panelbody ul li .description {
  float: left;
  padding-left: 2px;
  width: 75%;
}

.textpanel {
	background-color: #ececec;
	padding: 6px;
	margin-bottom: 10px;
  font-size: 0.65em;
}

#menu-about {
  display: inline;
}
#menu-advertise {
  display: inline;
}
#menu-property {
  display: inline;
}
#menu-dating {
  display: inline;
}
#menu-jobs {
  display: inline;
}
#menu-directory {
  display: inline;
}
#menu-dating {
  display: inline;
}


#submenu-berlin {
  display: inline;
}
#submenu-munich {
  display: inline;
}
#submenu-hamburg {
  display: inline;
}
#submenu-frankfurt {
  display: inline;
}
#submenu-othercities {
  display: inline;
}
#submenu-newposts {
  display: inline;
}
#submenu-topposts {
  display: inline;
}
#submenu-lite {
  display: inline;
}
#submenu-search {
  display: none;
}
#submenu-bizdir-germany {
  display: inline;
}
#submenu-bizdir-berlin {
  display: inline;
}
#submenu-bizdir-munich {
  display: inline;
}
#submenu-bizdir-germany-mobile {
  display: none;
}


/***************************************/
/***************** 996 *****************/
/* 996 page width + 17 scrollbar = 1013 */
@media (max-width: 1012px) {
  #col1 {
    width: 60%;
  }
  #col2 {
    width: 33%;
    border-left: 4px solid #f1f1f1;
    margin-right: 0;
    padding-right: 8px;
  }
  #col3 {
    display: none;
  }

  #advertisement-leaderboard {
    display: none;
  }

  #menu-about {
    display: none;
  }
  #menu-advertise {
    display: none;
  }
  #menu-property {
    display: none;
  }
  #menu-dating {
    display: none;
  }
  #menu-jobs {
    display: none;
  }
  #menu-directory {
    display: none;
  }

  #googleplusbutton {
    display: none;
  }

  .headlinecard img {
    width: 100%;
    height: auto;
  }
  .highlightcard img {
    width: 100%;
    height: auto;
  }
}

/***************************************/
/***************** 880 *****************/
@media (max-width: 880px) {
  #editionbar {
    display: none;
  }
  #spotlight {
    display: none;
  }
  #menubutton {
    display: block;
  }
  #logo {
    margin-left: 30px;
  }

  #submenu-hamburg {
    display: none;
  }
  #submenu-frankfurt {
    display: none;
  }
  #submenu-othercities {
    display: none;
  }
  #submenu-newposts {
    /* display: none; */
  }
  #submenu-topposts {
    display: none;
  }
  #submenu-search {
    display: inline;
  }
  #submenu-bizdir-germany {
    display: none;
  }
  #submenu-bizdir-germany-mobile {
    display: inline;
  }
  #submenu-bizdir-berlin {
    display: none;
  }
  #submenu-bizdir-munich {
    display: none;
  }
}

/***************************************/
/***************** 768 *****************/
@media (max-width: 768px) {
  #col1 {
    width: 99%;
  }
  #col2 {
    display: none;
  }

  .headlinecard img {
    float: left;
    width: 35%;
    margin-right: 10px;
  }
  .headlinecard h1 {
    float: left;
    width: 60%;
    font-size: 1.2em;
  }
  .headlinecard .description {
    float: left;
    width: 60%;
  }

  #ttsearch {
    display: none;
  }

}

/***************************************/
/***************** 640 *****************/
@media (max-width: 640px) {
  #signin {
    display: none;
  }
  .headlinecard .description {
    display: none;
  }

  .frontpage-dateposts {
    float: none;
    text-align: left;
    margin-left: 0;
  }
}

/***************************************/
/***************** 430 *****************/
@media (max-width: 430px) {
  #logo {
    margin-left: 25px;
    width: 200px;
  }
  #menubutton {
    margin: 9px 0 0 8px;
    width: 20px;
  }
  .headlinecard img {
    width: 140px;
  }
  .headlinecard h1 {
    float: none;
    margin-left: 150px;
  }
  .headlinecard {
    overflow: hidden;
  }

  #submenu-berlin {
    display: none;
  }
  #submenu-munich {
    display: none;
  }

  .frontpage-dateposts {
    float: none;
    text-align: left;
    margin-left: 0;
  }
}

/***************************************/
/***** JOB Widget added MI29032012 *****/
.jobsfeed_widget
{font-size:15px;line-height:100%;margin-bottom:10px;
}
.jobsfeed_widget p {
font-weight: bold;
font-size: 12px;
margin: 0;}
.jobsfeed_widget p.jobtitle {
   font-size: 13px;
}
.jobsfeed_widget a {
color: #597CA6; /* Blue text */	}
.jobsfeed_widget ul {
margin: 0px;
padding: 0px;
margin-top: 6px;
margin-bottom: 3px;}
.jobsfeed_widget ul li {
list-style-image: url(http://www.thelocal.se/images/core/arrow_orange_inverse4.png);
margin-left: 17px;
font-size:12px;
text-decoraton:none;}
.jobsfeed_widget li a {text-decoration: none;}
.jobsfeed_widget li a:hover {text-decoration: underline;}


/**************************************************************/
/****************** Jobs count button top col 3 ***************/
/*** Duplicated from  thelocal.com/jobs/joblib/css/jobs.css ***/

#jobscount{
margin-left:10px;
font-family:Arial;
padding-top:10px;
display:block;
text-decoration:none;
width:160px;
height:85px;
text-align:center;
background-color:#f57000;
float:left;
}
#jobcount_number{
font-size:45px;
line-height:40px;
}
#jobscount{
color:white;
}


/**************************************************************/
/****************** TT top menu ***************/

#mainmenu {
  background: #669ACC url("http://www.toytowngermany.com/xtra/images/global/menu_top_bg.png") 0 0 repeat-x;
  margin-top: 5px;
  clear: both;
  font-weight: bold;
  line-height: 150%;
  font-size: 0.9em;
  white-space: nowrap;
  overflow: hidden;
}

#mainmenu a {
  display: inline-block;
  padding: 8px 10px;
  xcolor: #069;
  color: #fff;
  text-decoration: none;
}

#mainmenu a:hover {
  color: #fff;
  xbackground-color: #669acc;
  background: #669acc url("/xtra/images/global/menu_top_bg_highlight.png") 0 0 repeat-x;
}

#mainmenu a.selected {
  color: #fff;
  background-color: #669acc;
}

#submenu {
  margin-bottom: 7px;
  font-size: 0.8em;
  background-color: #eee;
  white-space: nowrap;
  overflow: hidden;
}

#submenu a, #submenu a:link, #submenu a:visited, #submenu a:active {
  display: inline-block;
  padding: 6px 12px;
  color: #069;
  text-decoration: none;
}

#submenu a:hover {
  background-color: #ddd;
}

#submenu a.selected {
  background-color: #ddd;
}

#ttsearch {
  margin: 7px 6px 0 0;
  float: right;
}

#ttsearch .search_submit {
	background: #669acc;
	color: #fff;
	border: 1px solid #ccc;
	padding: 2px 5px;
  margin: 0;
  font-family: arial, verdana, tahoma, sans-serif;
  font-size: 1em;
}

#ttsearch input#search_text {
	background: #fff url(/xtra/images/global/search_icon.png) no-repeat left;
	border: 1px solid #ccc;
	padding: 3px 3px 3px 2em;
	margin: 0 0 0 5px;
}


/* ################ TT frontpage stuff #################### */

.welcomep {
  margin: 5px 0 15px 0;
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 5px;
  font-size: 0.8em;
  line-height: 160%;
}

.welcomep a {
 color: #69c;
}

.frontpagep {
  margin: 10px 0px 0px 0px;
}

.frontpagep h2 {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 1em;
}

h2 {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 1.2em;
}

/* ################ TT frontpage discussion headline fade #################### */

.gradientEllipsis {
  position: relative;
  white-space: nowrap;
  overflow-x: hidden;
}

.gradientEllipsis .dimmer {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 80px;
  xbackground: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 86%, rgba(255,255,255,1) 100%);
  xbackground: -moz-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 86%, rgba(255,255,255,1) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
}

.frontpage-dateposts {
  margin-left: 2em;
  float: right;
  color: #666;
  font-size: 0.8em;
  text-align: right;
  white-space: nowrap;
}

.frontpage-forumpost {
  margin-top: 1.2em;
  line-height: 130%;
}

.frontpage-posttitle {
  font-weight: bold;
}

.frontpage-post {
  line-height: 120%;
  text-align: justify;
  margin-top: 0.3em;
  clear: both;
}