/* -----------------------------------
File:		basic_tic_css.css
Site:		Tich.ch
CSS author:	Burny Fisher
Updated:	15/12/14 vers. 3.1 /bf.
Updated by:	Burny Fisher
----------------------------------- */

/* -----------------------------------
sample1 -> sample + remote-control removed - 140112 - be.
----------------------------------- */

/* -----------------------------------
general
----------------------------------- */

body {
	margin: 20px;
	padding: 0;
	font: 100%/1.3 helvetica, arial, sans-serif;
	color: #444;
/* ---	background: #fff;	removed 140108-be. --- */
	background-image: url("../pages/img/tich_concrete_01.jpg");
}

fieldset {
	border: 0px solid #C5D8E1;
} 

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 1em;
	line-height: 1.1;
}

h2, h3 {
	color: #003d5d;
}

h2 {
	font-size: 218.75%;
}

h3 {
	font-size: 137.5%;
}

h4 {
	font-size: 118.75%;
}

h5 {
	font-size: 112.5%;
}

p {
	 margin: 0 0 1em;
}

img {
	border: none;
}

a:link {
	font-weight: normal;	/* ---	add 140121-be. */
/* ---	color: #035389;		mod 140121-be. --- */
	color: #333;
}

a:visited {
	font-weight: normal;	/* ---	add 140121-be. */
/* ---	color: #09619C;		mod 140121-be. --- */
	color: #333;
}

a:focus {
/* ---	color: #00f;		mod 140121-be. --- */
	color: #00f;
	background: #000;
}

a:hover {
/* ---	color: #000;		mod 140121-be. --- */
	color: #333;
	font-weight: bold;	/* ---	add 140121-be. --- */
}

a:active {
/* ---	background: #fff;	removed 140108-be. --- */
	color: #cc0000;
}

table {
/* ---	margin: 1em 0;		removed 140129-be. --- */
	border-collapse: collapse;
	width: 100%;
}

table caption {
	text-align: left;
	font-weight: bold;
	padding: 0 0 5px;
	text-transform: uppercase;
	color: #236271;
}

table td, table th {
	text-align: left;
/* ---	border: 1px solid #b1d2e4;	removed 140129-be. --- */
/* ---	padding: 5px 10px;		mod 140127-be. --- */
	padding: 0px 10px;
	vertical-align: top;
}

table th {
	background: #ecf7fd;
}

blockquote {
	background: #ecf7fd;
	margin: 1em 0;
	padding: 1.5em;
}

blockquote p.source {
	margin: 0;
	font-size: 87.5%;
	padding: 2px 0 5px 25px;
	background: url(../images/icon-tweet.gif) no-repeat;
}

code {
	background: #ecf7fd;
	font: 115% courier, monaco, monospace;
	margin: 0 .3em;
}

abbr, acronym {
	border-bottom: .1em dotted;
	cursor: help;
}


/* --	mod 140128 - be.
fieldset {
	border: 2px solid #C5D8E1; 
        border-radius: 6px; 
        background: white;
}
 -->



/* -----------------------------------
classes
----------------------------------- */

.edit {
	clear: left;
	margin: 2em 0;
}

.edit a {
	font-weight: bold;
	color: #fff;
	background: red;
	text-decoration: none;
	padding: 5px 10px;
}

pre.codesample {
	background: #444;
	color: #fff;
	margin: 1em 0;
	padding: 1.5em;
	overflow: auto;
}

.codesample code {
	background: none;
	line-height: 1;
	margin: 0;
}

.copyright {
	margin: 3em 0 0;
}

/* --- container fuer alle drei spalten unter der navigation-bar -- be. -- */
#sample-container {
/* --- 	background: #0f0;	to show obiects - 140112 - be. --- */
	clear: left;
}


/* -----------------------------------
layout-three-fixed
----------------------------------- */

#layout-three-fixed {
	clear: both;
	float: left;
	width: 100%;
	margin: 0 0 0px;
}

#layout-three-fixed #container {
	margin: 0 auto;
	width: 1000px;
/* ---	background: #fff;	removed 140108-be. --- */
/* ---	background: #		to show obiects - 140112 - be. --- */
}

#layout-three-fixed #header {
/* ---	background: #fff;	mod 140109-be. -- HERE IT IS --- */
	background: #ddd;
	padding: 0px;
}

#layout-three-fixed # h1 {
	margin: 0;
}

#layout-three-fixed #navigation {
	float: left;
	width: 1000px;
	background: #333;
}

#layout-three-fixed #navigation ul {
	margin: 0;
	padding: 0;
}

#layout-three-fixed #navigation ul li {
	list-style-type: none;
	display: inline;
}

#layout-three-fixed #navigation li a {
	display: block;
	float: left;
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
	border-right: 1px solid #fff;
}

#layout-three-fixed #navigation li a:hover {
	background: #383;
}

#layout-three-fixed #content-container {
	float: left;
	width: 1000px;
	background: #0f0;
/* ---	background: #fff url(/wp-content/uploads/layout-three-fixed-background.gif) repeat-y 100% 0;	removed 140108-be. --- */
/* ---	background: #eee url(/wp-content/uploads/layout-three-fixed-background.gif) repeat-y 100% 0;	für DURCHSICHTIG --- */
	background: #eee url(/wp-content/uploads/layout-three-fixed-background.gif) repeat-y 100% 0;
}

#layout-three-fixed #section-navigation {
	float: left;
	width: 128px;
	padding: 20px 0;
	margin: 0 20px;
	display: inline;
/* ---	border-width:1px;	to show obiects - 140112 - be. --- */
/* ---	border-style:solid;	to show obiects - 140112 - be. --- */
}

#layout-three-fixed #section-navigation ul {
	margin: 0;
	padding: 0;
}

#layout-three-fixed #section-navigation ul li {
	margin: 0 0 1em;
	padding: 0;
	list-style-type: none;
}

#layout-three-fixed #content {
	float: left;
	width: 540px;
	padding: 20px 0;
	margin: 0 0 0 0px;
/* ---	border-width:1px;	to show obiects - 140112 - be. --- */
/* ---	border-style:solid;	to show obiects - 140112 - be. --- */
	background: #eee;
/* ---	background: #ffa;	colored 140108-be. -- HERE IT IS --- */
}

#layout-three-fixed #content h2 {
	margin: 0;
}

#layout-three-fixed #aside {
	float: right;
/* ---	width: 232px;		enlarged 140109-be. -- HERE IT IS --- */
	width: 260px;
	padding: 20px 0;
	margin: 0 0 0;
	display: inline;
	background: #eee;
/* ---	background: #f00;	to show obiects - 140112 - be. --- */
/* ---	border-width:1px;	to show obiects - 140112 - be. --- */
/* ---	border-style:solid;	to show obiects - 140112 - be. --- */
/* ---	border-color:blue;	to show obiects - 140112 - be. --- */
}

#layout-three-fixed #aside h3 {
	margin: 0;
}

#layout-three-fixed #footer {
	clear: left;
/* ---	background: #f00;	mod 140109-be. -- HERE IT IS --- */
	background: #ddd;
	text-align: right;
/* ---	padding: 20px;		mod 140110-be. --- */
	padding: 14px 5px 12px 5px;
	font-size: 80%;
	height: 1%;
}


/* -----------------------------------
media-sample
----------------------------------- */

#media-container {
	float: left;
	width: 1000px;
	background: #bbb;
}

#media-container #nav {
	float: left;
	width: 200px;
	background: lime;
}

#media-container #content {
	float: left;
	width: 550px;
/* ---		margin: 0 0 0 25px;		mod 140126-be. --- */
	background: yellow;
}

#media-container #extras {
	float: right;
	width: 200px;
	background: gray;
}

#media-container .feature-image {
	float: right;
	margin: 0 0 10px 10px;
}

@media screen and (max-width:999px) {
	#media-container {
		width: 800px;
	}
	#media-container #extras {
		clear: left;
		float: none;
		margin: 0 0 0 225px;
		width: 550px;
	}
}

@media screen and (max-width:480px) {
	#media-container {
		width: 400px;
	}
	#media-container #nav {
		float: none;
		width: auto;
	}
	#media-container #content {
		float: none;
		width: auto;
		margin: 0;
	}
	#media-container #extras {
		float: none;
		width: auto;
		margin: 0;
	}
	#media-container .feature-image {
		display: none;
	}
}


/* -----------------------------------
End:		basic_tic_css.css
Site:		Tich.ch
CSS author:	Burny Fisher
Updated:	14/01/12
Updated by:	Burny Fisher
----------------------------------- */