/* EFFINGERHOF AG | Druck - Verlag - Neue Medien | www.effingerhof.ch */


/* allgemein */
/* ----------------------------------------------------------------------------------------------------------------- */

* {
	padding: 0;
	margin: 0;
	border: 0;
}

html, body {
	height: 100%;
}

.floatleft {float: left;}
.floatright {float: right;}
.clearleft {clear: left;}
.clearright {clear: right;}
.clearboth {clear: both;}
.hidden {display: none;}

.clear {
width: 100%;
height: 1px;
clear: both;
overflow: hidden;
}


/* Textformatierungen */
/* ----------------------------------------------------------------------------------------------------------------- */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-size: 0.7em;
	line-height: 1.4em;

	color: #fff;
	
	background-color: #000;
	text-align: center;
}

* html td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-size: 0.7em;
	line-height: 1.4em;

	color: #fff;
}




p {
	margin-bottom: 0.75em;
}

a:link, 
a:visited {
	text-decoration: underline;
	color: #fff;
}

a:hover, 
a:active {
	text-decoration: none;
	color: #aaa;
}


/* ------------------------------------------------------------------- */

.seitentitel {
	letter-spacing: 0.5em;
}



/* ------------------------------------------------------------------- */

.csc-header {
	margin-top: 2em;
}

.csc-firstHeader {
	margin-top: 0;
}



/* Layout */
/* ----------------------------------------------------------------------------------------------------------------- */

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	
	width: 800px;
	margin: auto auto;
	
	text-align: left;
	background-color: #555;
}



/* ------------------------------------------------------------------- */

#header {
	width: 800px;
	height: 150px;
	
	background-color: #878787;
	background: url(../bilder/header_vipliner.jpg) 0 0 no-repeat;
	
	overflow: hidden;
}

#navigation_nav1 {
	width: 200px;
	height: 130px;
	
	margin: 10px 0 0 10px;
}

#nav1_titel {
	font-size: 90%;
	color: #444;
}

#untertitel_linie {
	height: 1px;
	width: 800px;

	margin: 20px 0 0 0;

	background-color: #fff;
}

* html #untertitel_linie {
	overflow: hidden;
	margin: 19px 0 1px 0;
}

#untertitel {
	margin: -9px 40px 0 10px;
	padding: 0 10px;

	font-size: 120%;
	font-weight: bold;
	text-align: right;

	float: right;
	background-color: #555;
}

* html #untertitel {
	margin-right: 15px;
}



/* ------------------------------------------------------------------- */

#navigation_nav2 {
	float: right;
	width: 740px;
	margin: -5px 50px 50px 0;
	
	text-align: right;
}

* html #navigation_nav2 {
	width: 700px;
	margin-right: 20px;
}



/* ------------------------------------------------------------------- */

#col_bildcol {
	position: relative;
	float: left;
	display: block;
	width: 92px;
	margin: 0 0 0 9px;
	padding: 4px 0 80px 0;
}

#col_bildcol img {
	border: 1px solid #fff;
	margin: 0 0 10px 0; 
}



/* ------------------------------------------------------------------- */

#col_inhalt_links {
	position: relative;
	float: left;
	display: block;
	width: 305px;
	margin: 0 0 0 20px;
	padding: 0 0 10px 0;
	
	
	text-align: justify;
}

#col_inhalt_rechts {
	position: relative;
	float: left;
	display: block;
	width: 305px;
	margin: 0 0 0 20px;
	padding: 0 0 10px 0;
	
	
	text-align: justify;
}

#col_inhalt_links img, 
#col_inhalt_rechts img {
	border: 1px solid #fff;
	margin: 0.5em 0 1.2em -1px;
}

* html #col_inhalt_links img, 
* html #col_inhalt_rechts img {
	margin-left: 0;
}



/* ------------------------------------------------------------------- */

#stopper {
	clear: both;
}



/* ------------------------------------------------------------------- */

#footer {
	position: relative;
	/*float: left;*/
	width: 800px;
	height: 74px;
	
	margin: -74px auto 0 auto;
	
	/*border: 1px solid #F99;*/

	text-align: left;
}

#footer_logo {
	position: absolute;
	/*float: left;*/
	margin: -74px 0 0 10px;
	margin: 0px 0 0 10px;
	width: 90px;
	height: 65px;
}
/*
* html #footer_logo {
	margin: -65px 0 0 15px;
}

*/