/* 
 * CSS-Datei für den Eisenbahnclub der Wuppertaler Stadtwerke
 * by Mediengestaltung Torsten Kelsch
 * www.torstenkelsch.de
 * 
 * basierend auf
 *   Greek Yogurt theme by concrete5
 * modifiziert von Torsten Kelsch, 2012 
 *  
 * unter Verwendung vonAm
 *   azium V1.0.0Co
 *   pyright 2011, Mike Ballanww
 *   w.amazium.co.ukmo
 * difiziert von Torsten Kelsch, 2011/2012
 * 
 * Farben:
 * #D8E9F2
 * #B0D2E4
 * #005282
 * #003650
 * #F8C4AE
 * #D60025
 * */


/* Browser-Standardeinstellungen zurücksetzen */

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,
body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,
dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,
h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,
legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,
ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,
table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp {
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 100%;
}
article,aside,details,figcaption,figure,footer,header,hgroup,
menu,nav,section {
	display: block;
}
svg {
	overflow: hidden;
}


/* Basis */

html {
	height: auto;
}
body {
	background: #D8E9F2;
	color: #003650;
	font-family: 'Scada', sans-serif;
	font-size: 1px;
	font-size: 0.875rem;
	line-height: 150%;
	height: auto;
}


/* Bilder */

img {
  border: solid 1px #D8E9F2;
  color: transparent;
  font-size: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}
img ~ img {
  margin-top: 8px;
}


/* Typografie */

h1, h2, h3 {
  font-weight: normal;
}
h1 {
  font-size: 28px;
	padding-top: 0;
	margin-bottom: 8px;
}
h2 {
	font-size: 24px;
	padding-top: 0;
	line-height: 28px;
	margin-bottom: 5px;
}
h3 {
	font-size: 20px;
	padding-top: 6px;
	line-height: 22px;
	margin-bottom: 3px;
}
h4 {
	background-color: #005282;
	color: #fff;
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 3px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: center;
}
h5 {
	font-size: 17px;
	margin-bottom: 3px;
}
h6 {
	font-size: 16px;
	margin-bottom: 3px;
}
hr {
  border: 0 #ccc solid;
  border-top-width: 1px;
  clear: both;
  height: 0;
	margin: 20px 0;
}
b,strong {
  font-weight: bold;
}
p {
	margin: 16px 0;
}
pre,code {
  font-family: 'DejaVu Sans Mono', Monaco, Consolas, monospace;
}
q {
  quotes: none;
}
q:before,q:after {
  content: '';
  content: none;
}
sub,sup,small {
  font-size:75%;
}
sub,sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
dl,ol,ul,pre,table,address,fieldset,figure {
  margin-bottom: 20px;
}
.big,
.gross {
  font-size: 20px;
}
.schaltflaeche {
	background-color: #005282;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	margin: 16px 0;
	padding: 16px;
	width: 200px;
}

/* Hyperlinks */

a:hover {
	text-decoration: underline;
}
a,
a:link,
a:visited,
a:active {
	color: #003650;
}
.schaltflaeche a {
	color: #fff;
}
.nav-path-selected, .nav-selected,
.nav-path-selected a, .nav-selected a {
	color: #D60025;
}
.grid_3 .nav {
  line-height: 200%;
  list-style: none;
  margin: 16px 0;
}


/* Listen */

ol {
  list-style: decimal;
}
ul {
  list-style: disc;
}
li {
  display: list-item;
  margin-left: 30px;
}
.nav li {
  margin: 0;
}


/* Tabellen */

table {
  border-collapse: collapse;
  border-spacing: 0;
}
th,td,caption {
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}


/* ----------------- Boxen ----------------- */

/* TinyMCE */
#tinymce {
	background: #fff;
}
.serif-emphasis {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: 100;
	font-style: italic;
}

/* Kopfbereich */
#header ul {
	height: 48px; 
  list-style-type: none;
	margin: 0 auto 24px auto;
}
#header ul li {
  background: #fff; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOGU5ZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(255,255,255) 50%, rgb(216,233,242) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(254,255,255)), color-stop(50%,rgb(255,255,255)), color-stop(100%,rgb(216,233,242))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(255,255,255) 50%,rgb(216,233,242) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgb(255,255,255) 0%,rgb(255,255,255) 50%,rgb(216,233,242) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgb(255,255,255) 0%,rgb(255,255,255) 50%,rgb(216,233,242) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(255,255,255) 50%,rgb(216,233,242) 100%); /* W3C */
  border: solid 1px #fff;
  border-top: 0;
  -moz-border-radius: 0px 0px 8px 8px;
  -webkit-border-radius: 0px 0px 8px 8px;
  border-radius: 0px 0px 8px 8px;
  /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
  -moz-box-shadow: 0px 1px 4px #b2b9c1;
  -webkit-box-shadow: 0px 1px 4px #b2b9c1;
  box-shadow: 0px 1px 4px #b2b9c1;
  cursor: pointer;
  display: inline-block;
	height: 36px;
  margin: 0;
  padding-top: 24px;
}
#header ul li:hover {
	background: #D8E9F2; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q4ZTlmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgb(216,233,242) 0%, rgb(255,255,255) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(216,233,242)), color-stop(100%,rgb(255,255,255))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgb(216,233,242) 0%,rgb(255,255,255) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgb(216,233,242) 0%,rgb(255,255,255) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgb(216,233,242) 0%,rgb(255,255,255) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgb(216,233,242) 0%,rgb(255,255,255) 100%); /* W3C */
}
#header a {
	padding: 8px;
	text-decoration: none;
}
#header img,
#logo img {
	border: 0;
}
.club,
#logo {
	height: 140px;
}
#logo span {
	font-size: 20px;
	margin: 0;
	padding: 0; 
}

/* Fußbereich */
#footer {
	background: #B0D2E4;
	font-size: 12px;
	padding-top: 64px;
	min-height: 128px;
}
#footer p {
	margin: 0;
}
li.month {
	margin-left: 0;
}

/* Innerhalb von HTML-Blöcken */
div.historie {
  float: left;
  margin: 0 16px 16px 0;
  position: relative;
  text-align: center;
  width: 68px;
}

/* Sonstiges */
div.main-content-thumb {
	min-height: 300px;
	overflow: hidden;
}
div.main-content-thumb p {
	margin-top: 0 !important;
}
div.main-content-thumb h3 {
	line-height: 1.2em;
}
.main-content-post-footer-share-email,
.main-content-post-footer-share-twitter {
	padding: 0 4px;
}
.main-content-post-footer-share-facebook {
	padding: 0 4px;
}
div.ccm-profile-attribute {
  margin: 18px 0px 0px 12px;
  padding: 0;
}
div.ccm-profile-attribute div.input {
   margin: 4px 0px 2px 8px;
}
div.ccm-profile-attribute div.input div{
   margin-bottom: 7px;
}
div.ccm-profile-attribute input, select {
   margin-left: 16px;
}
div.ccm-profile-attribute ul li {
   list-style: none;
   margin: 0;
}
div.ccm-profile-attribute ul.inputs-list {
   margin-bottom: 4px;
}
h1.profilin {
   margin-top: 16px;
}

/* CCM */
.ccm-ui h4 {
	background-color: #fff;
	color: #333;
	font-size: 14px;
}
.ccm-tags-display ul.ccm-tag-list li a {
	color: #000 !important;
}
.ccm-tags-display ul.ccm-tag-list li {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	color: #fff;
	display: inline;
	float: left;
	height: 13px;
	line-height: 13px;
	margin: 3px 6px 3px 0;
	padding: 5px 8px 6px 8px;
}
.ccm-tags-display {
  margin-bottom: 18px !important;
}

/* ----------------- Ende Boxen ----------------- */ 


/* ----------------- Amazium ----------------- */
/*
* Amazium V1.0.0
* Copyright 2011, Mike Ballan
* www.amazium.co.uk
*/

/* Standard 960px ----------- */

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6,
.grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
  padding: 0 16px;
}
.grid_12 img {
  border: none;
  margin: 0;
  padding: 0;
}

.grid_1	 { width: 48px; }
.grid_2  { width: 128px; }
.grid_3  { width: 208px; }
.grid_4  { width: 288px; }
.grid_5  { width: 368px; }
.grid_6  { width: 448px; }
.grid_7  { width: 528px; }
.grid_8  { width: 608px; }
.grid_9	 { width: 688px; }
.grid_10 { width: 768px; }
.grid_11 { width: 848px; }
.grid_12 { width: 928px; }

.grid_4 img {
	border: 0;
	margin: 0;
	max-width: 288px;
	padding: 0;
}

.column {
  background: transparent;
  display: inline;
  float: left;
  margin: 0 0 16px 0;
  overflow: hidden;
}
.footer {
  margin: 0;
}
.row {
  background: #fff;
  -moz-box-shadow: 1px 2px 8px #b2b9c1;
  -webkit-box-shadow: 1px 2px 8px #b2b9c1;
  box-shadow: 1px 2px 8px #b2b9c1;
  margin: 0 auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  top: 0;
  width: 960px;
}
.row .row {
  display: inline-block;
  margin: 0 -16px;
  width: auto;
}

/***** iPad Smaller than 959px *****/

@media only screen and (min-width: 768px) and (max-width: 959px) {

  .grid_1		{ width: 36px; }
  .grid_2 	{ width: 100px; }
  .grid_3 	{ width: 164px; }
  .grid_4 	{ width: 228px; }
  .grid_5 	{ width: 292px; }
  .grid_6 	{ width: 340px; }
  .grid_7 	{ width: 420px; }
  .grid_8 	{ width: 484px; }
  .grid_9		{ width: 548px; }
  .grid_10	{ width: 612px; }
  .grid_11	{ width: 676px; }
  .grid_12	{ width: 740px; }

  .row {
    width: 768px;
  }
  .club span {
    font-size: 22px;
    padding-top: 8px;    
  }  

}

/* iPhone (landscape) ----------- */
@media only screen and (max-width: 767px) {

  .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6,
  .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
    width: 268px;
  }

  .row {
    width: 300px;
  }
  .club span {
    font-size: 22px;
    padding-top: 8px;      
  }  

}

/* iPhone (portrait) ----------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {

  .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6,
  .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12	{
    width: 424px;
  }

  .row {
    width: 456px;
  }

}

/* Clean up on isle 6 ----------- */

.container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix:before, .clearfix:after, .row:before, .row:after {
  content:'\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.row:after,	.clearfix:after {
  clear: both;
}
.row, .clearfix	{
  zoom: 1;
}
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  width: 100%;
}

/***** iPad Smaller than 959px *****/

@media only screen and (min-width: 768px) and (max-width: 959px) {

  .wrapper-block [type="text"], .wrapper-block textarea	{
    width: 140px;
  }

}

/***** iPhone (portrait 300px) *****/

@media only screen and (max-width: 767px) {

  .main-logo img {
    width: 348px;
    height: 58px;
  }

  a.btn-form, input.btn-form {
    margin: 5px 0 5px 0;
  }

  .small-label {
    text-align: left;
    width: 350px;
  }

}

/***** iPhone (landscape 420px) *****/

@media only screen and (min-width: 480px) and (max-width: 767px) {

  .main-logo img	{
    width: 420px;
    height: 70px;
  }

  a.btn-form, input.btn-form {
    margin: 5px 0 5px 150px;
    padding: 4px 28px 4px 8px;
    display: inline-block;
    font-size: 11px;
    color: #fff;
    border: 1px solid #444;
    background: #333 url(../../../../themes/images/btn-arrow.html) no-repeat right;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    cursor: pointer;
  }

  .small-label {
    display: block;
    font-size: 10px;
    font-weight: normal;
    color: #666;
    text-align: right;
    width: 140px;
  }

}

/* ----------------- Ende Amazium ----------------- */