@media screen, handheld, projection, tv {

/**
 * Layout
 */
#wrap {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  text-align: left;
  background-color: #fff;
}

#container {
  border: 1px solid #ccc;
  -khtml-box-shadow: 5px 5px 15px #777;
  -webkit-box-shadow: 5px 5px 15px #777;
  -moz-box-shadow: 5px 5px 15px #777;
  box-shadow: 5px 5px 15px #777;
  width: 1000px;
  margin: 0 auto 2.5em;
}

#header {
  margin: 0 auto;
  padding: 0;
  width: 1000px;
  height: 125px;
}

#header img {
  margin: 0;
  padding: 0;
}

.breadcrumb {
  color: #6a6a6a;
  background-color: #fff;
  display: inline;
  margin-left: 1.3em;
  line-height: 3em;
  font-size: 11px;
}

.breadcrumb a:link,
.breadcrumb a:visited {
  color: #6a6a6a;
}

#primary-links {
  margin: 0 auto;
  width: 1000px;
  /*background: #2b2b2b url(images/bg-footer.png) no-repeat 0 0;*/
  background-color: #555;
  padding: .2em 0;
  font-size: 11px;
}

#primary-links .slogan {
  margin-left: 1.3em;
  color: #25b000;
  display: inline;
  font-weight: bold;
}

#primary-links ul  {
  margin: 0;
  display: inline;
  font-weight: bold;
}

#primary-links ul li {
  margin: 0;
  display: inline;
  background-image: none;
}

#primary-links a {
  color: #fff;
  background-color: transparent;
}

#primary-links a.active {
  /*color: #348FC7;*/
}

#secondary-links {
  text-align: left;
  margin: 0 auto;
  width: 1000px;
}

#secondary-links a {
  font-size: 10px;
  color: #777;
  background-color: transparent;
  text-shadow: 1px 1px 1px #fff;
}

#secondary-links a:link {}
#secondary-links a:visited {}
#secondary-links a:hover {}
#secondary-links a:active {}

#secondary-links ul li {
  display: inline;
  background-image: none;
}

#secondary-links ul li.first, 
#primary-links ul li.first {
  background-image: none;
}

#sidebar-one .block {
  margin-bottom: 1.5em;
}

#sidebar-one .block h2 {
  font: 11px/170% Verdana, sans-serif;
  color: #fff;
  background-color: #666;
  margin-bottom: .5em;
  padding: .2em;
  padding-left: .4em;
}

#main .block .content div .item-list li,
#main .block .content div {
  margin: 0;
  padding: 0;
}

#sidebar-one .block ul.block-sponsors li,
#main .block .content ul li {
  background-image: none;
  padding-left: 0;
}

#sidebar-one {
  float: right;
  width: 200px;
  display: inline;
  padding: 0 1em 1em;
  font-size: 11px;
}

#sidebar-one .content .item-list ul li {line-height: 140%; }
#sidebar-one ul.menu li { line-height: 140%; }

#sidebar-one .content .item-list ul li a,
#sidebar-one ul.menu li a {
  color: #888;
}

#sidebar-one .content ul.menu li a.active {
  color: #36c;
}

#content-wrap {
  display: inline;
  position: relative;
  clear: both;
  float: right;
  width: 1000px;
  min-height: 400px;
}

#main {
  padding: 0 1em 1em;
  float: right;
  width: 73%;
  display: inline;height: 100%;
}

#footer-wrap {
  padding: 1em;
  clear: both;
  /*background: #2b2b2b url(images/bg-footer.png) no-repeat 0 0;*/
  background-color: #555;
  height: 6em;
}

#footer {
  color: #ccc;
  font-size: 90%;
}

#footer span {
  margin-left: 2em;
}

.node {
  background-color: #f9f9f9;
  border: 1px solid #eee;
}

div.panel-pane div.node,
div.node,
#headlines-pane {
  padding: 1em;
  margin-bottom: 2em;
  margin-right: .6em;
}

div.panel-pane div.node { margin-bottom: 0em; }

#headlines-pane {
  background-color: #eff;
  border: 1px solid #eee;
}

.node {
  background-color: #f9f9f9;
  border: 1px solid #eee;
}

#headlines-pane .node {
  background: transparent;
  border: none;
}

.meta {  }
.node .clear { 
  margin-bottom: 0em;
  text-shadow: 1px 1px 1px #ccc;
}

.node .clear a { opacity: 0.5; }
.node .clear a:hover { opacity: 1; }

#headlines-pane ul li {
  background-image: none;
  padding: 0;
}

#headlines-pane h2.pane-title {
  background-image: url(images/icon-headlines.png);
  background-repeat: no-repeat;
  text-indent: 2em;
  line-height: 32px;
  /*font-family: trebuchet MS,arial,sans-serif;
  letter-spacing: 0.04em;
  text-shadow: 1px 1px 1px #949494;*/
}

.node h2 {
  margin-top: .8em;
  font-size: 1.2em;
  font-family: arial,sans-serif;
  text-shadow: 0px 1px 1px #999;
}

#headlines-pane .node .links,
#headlines-pane .node .meta,
#headlines-pane .node .submitted {
  display: none;
}

#headlines-pane .clear-block {
  margin: 0;
}

#headlines-pane .content {
  /*text-shadow: 0 0 1px #949494;*/
}

#sidebar-one .block h2 {
  background-color: #fff;
  color: #393939;
  border-bottom: 3px solid #4e4e4e;
  padding: .2em;
  font: 14px/170% arial, sans-serif;
  /*letter-spacing: 0.04em;
  text-shadow: 0 1px 1px #777;*/
}

#main h2.page-title {
  /*font: 14px/170% trebuchet MS, arial, sans-serif;*/
  font-size: 1.3em;
  font-family: arial,sans-serif;
  text-shadow: 0px 1px 1px #999;
}

.block .content {
  padding: .2em 1em;
  line-height: 2em;
}

div.svl-pane {
  margin-bottom: 2em;
}

div.svl-pane h2 {
  background-repeat: no-repeat;
  text-indent: 2em;
  line-height: 32px;
}

#news-pane h2 {
  background-image: url(images/icon-news.png);
}

#playground-pane h2 {
  background-image: url(images/icon-playground.png);
}

#handballnews-pane h2 {
  background-image: url(images/icon-handballnews.png);
}

#calendar-pane h2 {
  background-image: url(images/icon-calendar.png);
}

.svl-pane .item-list ul li {
  background-image: none;
  padding-left: 0;
}

.svl-pane ul li div.view-field {
  display: inline;
  margin-right: .5em;
}

.svl-pane ul li div.view-field a {
  margin-left: .5em;
  margin-right: 1em;
}

.svl-pane .more-link {
  text-align: left;
}

.panel-pane {
  margin-bottom: 2em;
}

.no-submitted .submitted {
  visibility: hidden;
}

/**
 * Generic elements
 */
* { margin: 0; padding: 0; outline: 0 } 

body.mceContentBody {
  background-color: #fff;
}

body {
  margin: 0;
  padding: 0;
  color: #393939;
  /*background-color: #292929;*/
  background-color: #ddd;
  font: 12px/170% Verdana, sans-serif;
  /*text-shadow: 0 0 1px #949494;*/
}

input {
  font: 12px/100% Verdana, sans-serif;
  color: #494949;
  border: 1px solid #999999;
  padding: .2em;
}

textarea, select {
  font: 12px/160% Verdana, sans-serif;
  color: #494949;
  border: 1px solid #999999;
  padding: .2em;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-family: Arial, sans-serif;
}

h1 {
  font-size: 160%;
}

h2 {
  font-size: 150%;
}

h2 a:link, 
h2 a:visited {
  /*color: #666;*/
  color: #348fc7;
}

h3 {
  font-size: 140%;
}

h4 {
  font-size: 130%;
}

h5 {
  font-size: 120%;
}

h6 {
  font-size: 110%;
}

ul, quote, code, fieldset {
  margin: .5em 0;
}

p {
  margin: .6em 0 1.2em;
  padding: 0;
}

a:link, a:visited {
  color: #027AC6;
  text-decoration: none;
}

a:hover {
  color: #0062A0;
  text-decoration: none;
}

a:active, a.active {
  color: #5895be;
}

hr {
  margin: 0;
  padding: 0;
  border: none;
  height: 1px;
  background: #5294c1;
}

ul {
  margin: .5em 0 1em;
  padding: 0;
}

ul li {
  margin: .4em 0 .4em .5em;
}

ul.menu, .item-list ul {
  margin: .35em 0 0 -0.5em;
  padding: 0;
}

ul.menu ul, .item-list ul ul {
  margin-left: 0em;
}

ul li, ul.menu li, .item-list ul li, li.leaf {
  margin: .15em 0 .15em .5em;
}

ul li, ul.menu li, .item-list ul li, li.leaf {
  padding: 0 0 .2em 1.5em;
  list-style-type: none;
  list-style-image: none;
  background: transparent url(images/menu-leaf.gif) no-repeat 1px .35em;
}

ul li.expanded {
  background: transparent url(images/menu-expanded.gif) no-repeat 1px .35em;
}

ul li.collapsed {
  background: transparent url(images/menu-collapsed.gif) no-repeat 0px .35em;
}

ul li.leaf a, ul li.expanded a, ul li.collapsed a {
  display: block;
}

ul.inline li {
  background: none;
  margin: 0;
  padding: 0 1em 0 0;
  display: inline;
}

fieldset ul.clear-block li {
  margin: 0;
  padding: 0;
  background-image: none;
}

dl {
  margin: .5em 0 1em 1.5em;
}

dl dt {
}

dl dd {
  margin: 0 0 .5em 1.5em;
}

img, a img {
  border: none;
}

table {
  /*margin: 1em 0;*/
  width: 99%;
  /* make <td> sizes relative to body size! */
  font-size: 1em;
  border-collapse: collapse;
}

thead tr th, thead th {
  line-height: 100%;
  text-align: left;
  font-weight: normal;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

th a:link, th a:visited {
  color: #6f9dbd;
}

td, th {
  padding: .3em .5em;
}

tr.even, tr.odd, tbody th {
  border: solid #d3e7f4;
  border-width: 1px 0;
}

tr.odd, tr.info {
  background-color: #edf5fa;
}

tr.even {
  background-color: #fff;
}

tr.odd td.active {
  background-color: #ddecf5;
}

tr.even td.active {
  background-color: #e6f1f7;
}

td.region, td.module, td.container {
  border-top: 1.5em solid #fff;
  border-bottom: 1px solid #b4d7f0;
  background-color: #d4e7f3;
  color: #455067;
  font-weight: bold;
}

tr:first-child td.region, tr:first-child td.module, tr:first-child td.container {
  border-top-width: 0;
}

span.form-required {
  color: #ffae00;
}

span.submitted, .description {
  font-size: .92em;
  color: #898989;
}

.description {
  line-height: 150%;
  margin-bottom: .75em;
  color: #898989;
}

.messages, .preview {
  margin: .75em 0 .75em;
  padding: .5em 1em;
}

.messages ul {
  margin: 0;
}

.form-checkboxes, .form-radios, .form-checkboxes .form-item, .form-radios .form-item {
  margin: .25em 0;
}

.form-button, .form-submit {
  margin: 2em .5em 1em 0;
}

.box {
  margin-bottom: 2.5em;
}

/**
 * Taxonomoy term table
 */
.view-field-node-created, .date-display-single {
  width: 11em;
}

/**
 * Comments
 */

#comments {
  margin-top: 2em;
  margin-right: .6em;
}

.comment {
  margin-top: 1em;
}

/**
 * Custom stuff
 */

 img.pngtrans {
  behavior: url("http://www.svlaegern.ch/handball/sites/all/themes/svl_handball/pngbehavior.htc");
}
 
.page-title {
  margin-bottom: .7em;
  color: #0076bd;
  font-size: 160%;
}

.view-team-sponsors-clone .item-list ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.view-team-sponsors-clone div {
  padding: 0;
  margin: 0;
}

.view-team-sponsors-clone .item-list ul li {
  display: inline-block;
  background: none;
  padding: 0;
  margin: .3em;
}

 ul.tabs li {
  padding: 0em;
}

ul.links li, ul.inline li {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 1em;
  background-image: none;
}
 
ul.block-sponsors {
  text-align: center;
  padding: 0;
  margin: 0;
}

ul.block-sponsors * {
  margin: 0;
  padding: 0;
}

table.ranking-block {
  font-size: 90%;
  color: #888;
}

table.ranking-block td {
  line-height: 100%;
}

/**
 * Views table
 */

table.views-table {
  line-height: 150%;
  background-color: #fff;
  border-collapse: collapse;
  border-spacing: 0;
  margin-top: 1.3em;
  margin-bottom: 2em;
}

table.views-table th {
  background-color: #d7d7d7;
  text-align: left;
  border: solid #c7c7c7 1px;
  font-weight: normal;
}

table.views-table th a {
  text-decoration: none;
  font-weight: normal;
  color: #000;
}

table.views-table tr.even {
  background-color: #f3f3f3;
}

table.views-table tr.odd {
  background-color: #fff;
}

table.views-table td {
  padding: .3em;
  border: solid #c7c7c7 1px;
}

table.views-table td span.win {
  color: green;
}

table.views-table td span.loss {
  color: red;
}
table.views-table td.active {  
  background-color: transparent;
}

#block-main_sponsors table.views-table {
  margin-bottom: 0;
}

#block-main_sponsors th {
  display: none;
}

#block-main_sponsors tr.even,
#block-main_sponsors tr.odd {
  background-color: #fff;
}

#block-main_sponsors td {
  width: 170px;
  height: 50px;
  border: 1px solid #ccc;
}

#pane-team_sponsors td,
#pane-all_sponsors td {
  width: 170px;
  height: 80px;
  border: 1px solid #ccc;
}

#block-main_sponsors div.view-content td,
#pane-team_sponsors div.view-content td,
#pane-all_sponsors div.view-content td {
  text-align: center;
}

.clear {
  margin-top: 2em;
  margin-bottom: 3em;
}

ul.secondary li {
  background: none;
  padding: 0 1em;
  margin: 0;
}

.profile tbody { border: none; }

/** comments **/
#comments {
  color: #555555;
  padding: 20px;
  border: 1px solid #ffa;
  background-color: #ffe;
}

#comments h2 {
  padding: 10px 0;
  margin-bottom: 20px;
  font-size: 200%;
  border-bottom: 1px dashed #C8C8C8;
}

#comments h3.title {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  font-weight: bold;
}

.comment {
  position: relative;
  padding-bottom: 10px;
}

.comment .picture {
  float: left;
}

.comment .picture img {
  width: 80px;	
  height: 80px;
  padding: 3px;
  background: #fff;
  border: 1px solid #dddddd;
}

.comment .content {
  margin-left: 130px;
  padding: 15px 20px 0 20px;
  border: 1px solid #DDDDDD;
  min-height: 20em;
  background-color: #fff;
}

.comment .submitted {
  position: absolute;
  top: 95px;
  left: 0;
  width: 90px;
  color: #A0A0A0;
  text-align: center;
  line-height: 1.5;
}

.comment .author {
  display: block;
  font-weight: normal;
}

.comment .comment_arrow {
  position: absolute;
  top: 30px;
  left: 114px;
}

.comment div.links {
  float: right;
  text-align: right;
  padding: 5px 0 0 0 !important;
  margin: 0 !important;
}

.comment div.links a {
  /*font-size: 90%;
  font-weight: bold;
  text-transform: uppercase;*/
  opacity: 0.5;
  text-shadow: 1px 1px 1px #ccc;
}

.comment div.links a:hover { opacity: 1; }

.comment .content h3 a { color: #777 }

.indented {
  margin-left: 20px;
}

.box .form-text { 
  width: 100%;
  height: 20px;
  border: 1px solid #DDDDDD;
}

.box .resizable-textarea {
  width: 100%;
}

#comments .form-item {
  margin-top: 0;
}

#comments .tips {
  padding-top: 20px;
}

#comments .form-textarea {
  overflow: hidden;
  border: 1px solid #DDDDDD;
}

#comments .pager li a.active { color: #999; font-size: 90%; }

/* Gallerific */

#galleriffic .content { float: none; }

#galleriffic #thumbs { float: none; width: 500px; }

}