@import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic);

body {
	background: url(img/bg.jpg) repeat;
	font-family: Roboto, Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #222;
}

@media (max-width: 900px) {
		body {
			margin: 0;
			padding: 0;
		}
	}	

#page { 
	max-width: 1000px;
	margin: 0 auto;
	width: 100%;
}


/* Header */
header .site-branding {
	margin: 0 auto;
	width: 440px;
}

	@media (max-width: 900px) {
		header .site-branding {
			display: none;	
		}
		
	}
	
header .site-branding .logo,
header .site-branding .logo-text {
	float: left;
}

header .site-branding .logo-text {
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	margin-top: 25px; }

/* Page Header - optisch immer noch header*/
#page .teaser {
	background-size: cover;
	height: 280px;
	margin-top: -52px;
	}

@media (max-width: 900px) {
		#page .teaser {
			height: 150px;	
		}
	}

#page {
	background: #FFF;
	box-shadow: grey 0 8px 20px 2px;
	}
	
@media (max-width: 900px) {
		#page {
			box-shadow: none;
		}
		
	}

#content {
	padding: 30px;
	box-sizing: content-box;
	margin-bottom: 50px;
	}

@media (max-width: 900px) {
		#content {
			margin-bottom: 0;	
		}
	}

#content main { width: 100%;}

#content main.with-sidebar { width: 70%; float: left;}

@media (max-width: 900px) {
		#content main.with-sidebar {
			width: 100%;
			float: none;	
		}
	}

#content .page-sidebar {width: 25%; margin-left: 5%; float: right; margin-top: 30px;}

@media (max-width: 900px) {
		#content .page-sidebar {
			width: 100%;
			float: none;
			margin: 0;	
		}
	}

/* Allgemein */

p { 
	line-height: 25px;
}

a { color: #666; }

h1 a, h2 a, h3 a {
	text-decoration: none;
	color: #C33;
}

.clear {
	clear: both;
	height: 1px;
}

ul {}

ul li,
ol li { 
	line-height: 25px;
}

ul.shortnews {
	padding: 0; 
}

ul.shortnews li {
	list-style-type: none;
}

h1 { 
	margin: 8px 0 15px 0;
	font-size: 22px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #C33;
	}
	
h2 { 
	margin: 40px 0 15px 0;
	font-size: 19px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #C33;
}

	h2.small-margin {
		margin: 0 0 15px 0;
	}
	
	h2.widget-title {
		font-size: 15px;
		margin: 25px 0 10px 0;
		color: #555;
	}

h3 { 
	font-size: 15px;
	margin: 25px 0 0 0;
	font-weight: bold;
	color: #C33;
}

	h3.small-margin {
		margin: 10px 0 10px 0;
	}

.size-post-thumbnail {
	max-width: 100%;
	height: auto;
	margin: 10px 0;
}

hr {
	height: 1px;
	background: #CCC;
	border: none;
}


table {
    border-collapse: collapse;
    border-spacing: 0;
	margin: 10px 0;
	min-width: 150px;
	max-width: 100%;
}

table th {
	padding: 5px;
	font-weight: bold;
}

table tr {
}

table td{
	padding: 5px;
	width: auto;
}

table.standard {
	border-left: 1px solid #EEE;
	border-right: 1px solid #EEE;
	}

table.standard tr {
	border: 1px solid #EEE;
}
	

table.standard tr:nth-of-type(odd) {
	background: #EEE !important;
}

table.standard tr:nth-of-type(even) {
	background: #FFF !important;
}


table.standard tr.headline-table {
	background: #FFF !important;
	border-right: 1px solid #FFF !important;
	border-left: 1px solid #FFF !important;
}

table tr.headline-table:first-of-type {
	border-top: none;
}

table.volle-breite {
	width: 100% !important;
}



/* Blog */

.blog-short-links {
	line-height: 25px;
}

.blog-short-author,
.blog-short-date {
	float: left;
	margin-right: 20px; 
}

.blog-short-categories {
	float: left; 
}

.blog-short-categories span {
	float: left;
}

.blog-short-categories ul
  {
	float: left;
	margin: 0 0 0 -35px;
}

.blog-short-categories ul li { 
	display: inline-block;
}

.read-more-helper {
	margin-top: 20px;
}

.read-more {
	border: 1px solid #CCC;
	padding: 5px 10px;
}

a.read-more {
	text-decoration: none;
}

.read-more:hover {
	background: #C33;
	color: #FFF;
	border-color: #C33;
}

.search-form .screen-reader-text { 
	display: none;
}


.search-form input {
	padding: 5px 5px;
	border: 1px solid #CCC;
}

.search-form input.search-field {
	width: 170px;
	margin-right: 5px;
}

.search-form input.search-submit {
	width: 50px;
	background: #EEE;
}

#commentform label:after { 
	content:"\A"; white-space:pre;
}

li.comment {
	margin-bottom: 15px;
}


figure.wp-caption {
	margin: 10px 0;
}

	figure.wp-caption.aligncenter {
		margin: 0 auto;
	}
	
	figure.wp-caption.alignleft {
		float: left;
		margin-right: 40px;
	}

	figure.wp-caption.alignright {
		float: right;
		margin-left: 40px;
	}
	
figure.wp-caption img {
	margin: 10px 0;
}

figure.aligncenter {
	text-align: center;
}


/* Pages */
.vorstandsmitglied {
	clear: both;
	overflow: auto;
	padding: 15px 0;
	display: block;
	margin-bottom: 15px;}

.vorstand-foto img {
	width: 20%;
	height: auto;
	float: left;
	margin: 0 3% 15px 0;
}

.vorstand-content {
	width: 77%;
	float: right;
}
		
.mitglied {
	display: table-row;
	}

.mitglied:nth-child(2n) {
	background: #EEE;
	}

.mitglied:nth-child(2) {
	background: #CCC;
	font-weight: bold;
	}	

.nachname_mitglied, .vorname_mitglied, .ssb_mitglied, .email_mitglied, .telefon_mitglied {
	display: table-cell;
	padding: 7px 20px 7px 7px;}
	

/* Partien */

@media (max-width: 385px) {
	.ct-board-container {
		margin-left: -15px;
	}
}

.ct-nav-buttons {
	margin: 10px 0;
}

@media (max-width: 900px) {
	.ct-nav-buttons img {
		margin-right: 20px;
		height: 25px;
		width: auto;
	}
}
	
/* fuer SwissChess-Importe */


.swissTable td{
        background-color:white;
        border: 2px solid #dddddd;
        border-collapse:collapse;
        width:auto;
}

.swissTable th,
.swissTable thead td {
        background-color: #dddddd;
        border: 2px solid #dddddd;
        font-weight: bold;
        padding: 5px;
        margin:0px;
        text-align: left;
        color:#000000;
}

.swissTable td{
        padding: 5px;
        margin:0px;
        border: 2px solid #dddddd;
}

.swissTable tr.odd td{
}

.swissTable tr.even td{
}