/*===========================================================================
Stylesheet für die Seite mrs_tvsissach - css Document
Title: mrs_tvsissach
Datei: screen.css
Datum: 22.11.2009
Author: Yvonne Schwald
Aufbau:
1. Kalibrierung und allgemeine Styles
2. Styles für Layoutbereiche
3. Sonstige Styles
=============================================================================*/

/*===========================================================================
1. Kalibrierung und allgemeine Styles
=============================================================================*/

/*Kalibrierung der wichtigsten Abstände*/

* {
padding: 0;
margin: 0;
}

/*Allgemeine Sektoren*/

html {height: 101%;} /*erzwingt Scrollbar im Firefox*/
body {
	font: 62.5% / 1.5 Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif;
	color: black;
	background-color: #C5C5C5;
}

h1 {
font-size: 150%;
}
h2 {
font-size: 125%;
letter-spacing: 1px;
padding-bottom: 10px;
}
h3 {
font-size: 115%;
}
h4 {
font-size: 105%;
}

/*Hyperlinks allgemein*/

a {
text-decoration: none;
outline: none;
}

a:link {
	color: red; /*noch nicht besuchte Seiten*/
}
a:visited {
	color: red; /*zu besuchter Seite*/
/*	font-weight: bold;
*/}
a:hover, a:focus {
	color: black;
}
a:active {
	color: black;
	font-weight: bold; 
}


/*Allgemeine Klassen und IDs*/

.bildlinks {
float: left;
padding: 3px;
border: 4px solid #ccc;
margin-right: 0.1em;
margin-bottom: 0.1em;
}

.bildrechts {
float: right;
padding: 3px;
border: 4px solid #ccc;
margin: 1.1em .4em .3em .5em;
}

table {
clear: both;
empty-cells: show;
border-collapse: collapse;
color: white;
text-align: left;
}
tr {
margin: 0;
padding: 0;
}
td {
color: black;
height: 5em;
border-collapse: collapse;
background-color: white; 
line-height: 1.5em;
}
th {
color: white;
border-collapse: collapse;
background-color: white;
background-color: white;
}

.clearing {
clear: both;
}

.galerie {
background-color: #eee;
text-align: center;
padding: 5px 5px 0 5px;
border: 1px solid black;
margin: 0 0 1em 0;
}
.galerie {
float: left;
}

/*===========================================================================
2. Styles für die Layoutbereiche
=============================================================================*/

#wrapper {
background-color: white;
margin-top: 1.5em;
width: 95em;
margin-left: auto;
margin-right: auto;
}

/*Navigation*/

#navi {
text-align: center;
width: 95em;
height: 2.5em;
background: url(../images/navi_balken_grau.png);
padding: 0.3em 0 .5em 0;
}
#navi li {
display: inline; /*nebeneinander anzeigen*/
list-style: none; /*ohne Aufzählungspunkte*/ 
}
#navi a {
font-size: 1.2em;
font-weight: bold;
color: black;
padding: 0 2.8em 0 2.85em;
}
#navi a:visited {
color: black;
}
#navi a:hover,
#navi a:focus {
color: #FF0000;
}
#navi a:active {
color: #FF0000;
}


#header {
height: 14em;
width: 95em;
background:  url(../images/Bild-auf-Teer_ys_1.png);
}

#menuoben {
font-size: 1.1em;
}
#menuoben li {
float: right;
display: inline;
margin-top: 10em;
}
#menuoben li a {
font-size: .9em;
color: white;
font-weight: bold;
padding: 0 3.5em 0 0;
}
#menuoben li a:hover {
color: #FF0000;
}
#menuoben li a:active {
color: #FF0000;
}
#menuoben li a:focus {
color: #FF0000;
}
#balkengrau {
width: 95em;
height: 1.5em;
background: url(../images/balken_grau_verkehrt.png) no-repeat;
}

/*Linke Spalte*/

#col1 {
background-color: white;
line-height: 2em;
float: left;
width: 22em;
padding: 3em .5em 0 1em;
}
#leftmenu {
	list-style: none;
	margin: 1.3em 0 2em .5em;
}
#leftmenu li {
	display: block;
	background: url(../images/balken_grau_leftmenu.png) no-repeat;
	margin:  .8em 3em 0 2.2em;
	padding: 5px;
	border-bottom: 1px solid #848484;
	border-left: 3px solid red;
	line-height: 0.5em;
}
#leftmenu li a {
	font-size: 110%;
	color:black;
	padding: 5px 5px 5px 10px;
}
#leftmenu li a:hover {
color: red;
}
#leftmenu .selected{
color: red;
}
#logotvsissach {
margin: 0.5em 0 2em 2.7em;
}
.news_col1 {
width: 15.7em;
font-size: 120%;
color: black;
font-weight: bold;
text-align: left;
margin: 50px 0 0 -10px;
background: url(../images/newsbalkengrau_col1_2.png) no-repeat;
padding: 5px 5px 5px 36px;
}
.box_col1 {
margin: .5em 0 4em 2em;
background: white;
}
.box_col1 {
	color: black;
	font-size: 110%;
	line-height: 1.4em;
	letter-spacing: 1.4px;
	padding: 1em 0 1em .5em;
}
.box_col1 p {
padding-bottom: 1em;
}
#col1 h5 {
font-size: 110%;
line-height: 2em;
font-weight: bold;
padding: 12px 0 12px 0;
letter-spacing: 1.4px;
}

/*Mittlere Spalte*/

#col2 {
float: left;
width: 35.2em;
background-color: #FFFFFF;
height: 50em;
font-size: 120%;
line-height: 2em;
padding: 3.5em 0 2em 3em;
margin-bottom: 0;
}
#col2 h4 {
font-size: 110%;
letter-spacing: .07em;
padding-bottom: 0.5em;
padding-left: 0;
}
#col2 h3 {
font-size: 100%;
line-height: 2em;
padding-bottom: 1em;
}
#col2 p {
padding-top: 1em;
padding-bottom: 3em;
text-align: left;
}

/*rechte Spalte*/

#col3 {
float: right;
width: 22em;
background-color: white;
font-size: 110%;
margin: 0em 0 1em 0;
padding-top: 1em;
}
.news_col3 {
width: 15.1em;
font-size: 120%;
color: black;
font-weight: bold;
text-align: left;
margin: 30px 0 10px 28px;
background: url(../images/newsbalkengrau.png) no-repeat;
padding: 5px 0 5px 15px;
}
.box_col3 {
margin: 1em 1.5em 4em 3.5em;
}
.box_col3 {
color: black;
font-size: 104%;
line-height: 1.4em;
letter-spacing: 1.2px;
}
.box_col3 p {
padding: 0 0 .5em .3em; 
}
#col3 h5 {
font-size: 110%;
line-height: 2em;
font-weight: bold;
padding-bottom: 6px;
letter-spacing: 1.4px;
}

#footer {
clear: both;
background-color: white;
border-top: 1px solid #8c8c8c;
}

#html
#footer {
height: 1%
}

address {
text-align: center;
font-size: 90%;
font-style: normal;
letter-spacing: 1px;
line-height: 1.6;
padding: 12px 0 12px 0;
}

adresse p {
padding-top: 4px;
}

/*==============================================================
3. Sonstige Styles
================================================================*/

/*Kontaktformular*/

form {
}
label {
background: #f0f0f0;
width: 33.3em;
border: 1px solid #8c8c8c;
display: block;
padding: .1em 0 .1em 0;
cursor: pointer;
}

input#email, input#absender2 {
width: 30em;
border: 1px solid #8c8c8c;
padding: .5em 0;
}
input#absender, textarea {
width: 30em;
border: 1px solid #8c8c8c;
padding: .5em 0;
margin-bottom: 0;
}
textarea {
height: 7em;
}
input#nachricht, textarea {
width: 30.75em;
border: 1px solid #8c8c8c;
margin-bottom: 0;
}

/*=================================================================
E N D E   D E S   S T Y L E S H E E T S
===================================================================*/