/*
-----------------------------------------------------------------------------
LEGAL
=====
Copyright: RELOK AG 2008, http://www.relok.ch

Dieses Programm unterliegt dem Schutz des Urheberrechts und anderer
Schutzgesetze. Der Inhalt darf nicht zu kommerziellen Zwecken kopiert,
verarbeitet, veraendert oder Dritten zugaenglich gemacht werden.
-----------------------------------------------------------------------------
*/

/*
-----------------------------------------------------------------------------
[main] Screen Stylesheet
========================

version:   1.0
date:      08/01/2008
author:    Webmaster SwissParker
website:   http://www.swissparker.ch

version history: 08/01/2008
-----------------------------------------------------------------------------
*/





/*
-----------------------------------------------------------------------------
 LAYOUT - ALLGEMEIN
-----------------------------------------------------------------------------
*/
*{
	margin: 0;
	padding: 0;
}





/*
-----------------------------------------------------------------------------
 LAYOUT - BODY
-----------------------------------------------------------------------------
*/
body {
	background: #D4C792 url(../_images/_css/img01.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	}





/*
-----------------------------------------------------------------------------
 LAYOUT - SCHRIFTEN
-----------------------------------------------------------------------------
*/
h1, h2, h3 {
	color: #AA2808;
	}

h1 {
	}

h2 {
	}

h3 {
	}

p, blockquote, ul, ol {
	margin-bottom: 20px;
	line-height: 1.2em;
	}

p {
	}

blockquote {
	}

ul {
	}

ol {
	}

a {
	text-decoration: underline;
	color: #323B51;
	}

a:hover {
	text-decoration: none;
	color: #FF0000;
	}

.highlight {color:#AA2808}



/*
-----------------------------------------------------------------------------
 LAYOUT - WRAPPER
-----------------------------------------------------------------------------
*/
#wrapper {
}





/*
-----------------------------------------------------------------------------
 LAYOUT - LANGUAGE
-----------------------------------------------------------------------------
*/
#language {
	width: 710px;
	padding: 10px 0 0;
	padding-right: 15px;
	margin: 0 auto;
	}

#language p {
	margin: 0;
	text-align: right;
	font-size: 85%;
	}

#language a {
	text-decoration: underline;
	color: #FFFFFF;
	}

#language a:hover {
	text-decoration: none;
	}





/*
-----------------------------------------------------------------------------
 LAYOUT - HEADER
-----------------------------------------------------------------------------
*/
#header {
	width: 710px;
	height: 96px;
	margin: 0 auto;
	background: url(../_images/_css/img05.gif) no-repeat left bottom;
	}





/*
-----------------------------------------------------------------------------
 LAYOUT - SWISSCROSS
-----------------------------------------------------------------------------
*/
#swisscross {
	float: left;
	padding: 20px 0 0 15px;
	}





/*
-----------------------------------------------------------------------------
 LAYOUT - LOGO
-----------------------------------------------------------------------------
*/
#logo {
	float: left;
	padding: 20px 0 0 15px;
	}

#logo h1 {
	margin: 0;
	padding: 0;
	font: italic bold 34px "Trebuchet MS", Arial, Helvetica, sans-serif;
	}

#logo h2 {
	margin: -5px 0 0 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 10px;
	font-weight: bold;
	color: #D4C792;
	}

#logo a {
	text-decoration: none;
	color: #FFFFFF;
	}





/*
-----------------------------------------------------------------------------
 LAYOUT - SWISS-LABEL
-----------------------------------------------------------------------------
*/
#swisslabel {
	position:absolute;
	top:8px;
	left:839px;
	width:27px;
	}





/*
-----------------------------------------------------------------------------
 LAYOUT - MENU
-----------------------------------------------------------------------------
*/
#menu {
	float: right;;
	padding-right: 10px;
	}

#menu ul {
	margin: 0;
	padding: 50px 0 0 0;
	list-style: none;
	line-height: normal;
	}

#menu li {
	display: inline;
	}

#menu a {
	display: block;
	float: left;
	width: 82px;
	height: 20px;
	margin: 0;
	padding: 10px 0 0 0;
	background: url(../_images/_css/img02.gif);
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	}

#menu a:hover, #menu .active a {
	background-image: url(../_images/_css/img03.gif);
	color: #AA2808;
	}





/*
-----------------------------------------------------------------------------
 LAYOUT - PAGE
-----------------------------------------------------------------------------
*/
#page {
	width: 710px;
	margin: 0 auto;
	background: #D4C792 url(../_images/_css/img04.gif) repeat-y;
	}





/*
-----------------------------------------------------------------------------
 LAYOUT - CONTENT
-----------------------------------------------------------------------------
*/
#content {
	float: left;
	width: 388px;
	padding: 30px 0 0 35px;
	text-align: justify;
	}

#content h1, #content h2, #content h3 {
	margin-bottom: 20px;
	}

#content h1 {
	font-size: 136%;
	}

#content h2 {
	font-size: 107%;
	}

#content h3 {
	font: 92%;
	}

#content ul, #content ol {
	list-style-position: inside;
	}

#content .boxed {
	float: left;
	width: 46%;
	padding-right: 2%;
	}

#content .boxed h2 {
	padding: 5px 0;
	background: url(_images/_css/img5.jpg) repeat-x left bottom;
	}





/*
-----------------------------------------------------------------------------
 LAYOUT - MAIN
-----------------------------------------------------------------------------
*/
#main {
	}





/*
-----------------------------------------------------------------------------
 LAYOUT - ROW1
-----------------------------------------------------------------------------
*/
#row1 {
	}





/*
-----------------------------------------------------------------------------
 LAYOUT - ROW2
-----------------------------------------------------------------------------
*/
#row2 {
	}





/*
-----------------------------------------------------------------------------
 LAYOUT - SIDEBAR
-----------------------------------------------------------------------------
*/
#sidebar {
	float: right;
	width: 208px;
	padding: 0 35px 0 0;
	}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
	}

#sidebar li {
	margin-bottom: 1px;
	padding: 20px 0;
	}

#sidebar li ul {
	}

#sidebar li li {
	margin: 0;
	padding: 7px 20px;
	border: none;
	}

/* Titel*/
#sidebar h2 {
	padding: 5px 20px;
	background: url(_images/_css/img6.jpg);
	border-bottom: 1px dotted #FFFFFF;
	font-size: 100%;
	color: #D4C792;
	}

/* Datum */
#sidebar h3 {
	font-size: 90%;
	color: #D4C792;
	}

/* Text */
#sidebar h4 {
	font-size: 90%;
	font-weight: normal;
	text-align: left;
	color: #FFFFFF;
	}

#sidebar p {
	margin: 0;
	line-height: normal;
	color: #D4C792;
	}

#sidebar a {
	border: none;
	text-decoration: underline;
	color: #FFFFFF;
	}

#sidebar a:hover {
	color: #AA2808;
	text-decoration: none;
	background-color:#FFFFFF;
	}

#sidebar .active a {
	color: #AA2808;
	font-weight: bold;
	background-color:#FFFFFF;
	}





/*
-----------------------------------------------------------------------------
 LAYOUT - SUBMENU
-----------------------------------------------------------------------------
*/
#submenu {
}





/*
-----------------------------------------------------------------------------
 LAYOUT - NEWS
-----------------------------------------------------------------------------
*/
#news {
}

#news a {
	font-size: 90%;
	}





/*
-----------------------------------------------------------------------------
 LAYOUT - FOOTER
-----------------------------------------------------------------------------
*/
#footer {
	width: 710px;
	margin: 0 auto;
	padding: 30px 0 0 0;
	background: url(../_images/_css/img06.gif) no-repeat;
	}





/*
-----------------------------------------------------------------------------
 LAYOUT - FOOTER LEFT (Zentrum = 155 für padding)
-----------------------------------------------------------------------------
*/
#footer_left {
	float: left;
	width: 388px;
	height: 50px;
	margin: 0 auto;
	padding: 8px 0 0 45px;
	color: #FFFFFF;
	}

#footer_left p {
	margin: 0;
	text-align: center;
	font-size: 85%;
	}

#footer_left a {
	text-decoration: underline;
	color: #FFFFFF;
	}

#footer_left a:hover {
	text-decoration: none;
	}





/*
-----------------------------------------------------------------------------
 LAYOUT - FOOTER RIGHT
-----------------------------------------------------------------------------
*/
#footer_right {
	float: right;
	margin: 0 auto;
	padding: 0px 15px 0 0;
	}





/*
-----------------------------------------------------------------------------
 LAYOUT - KAGOPIC
-----------------------------------------------------------------------------
*/
.highslide {
	cursor: url(../_images/_kagopic/zoomin.cur), pointer;
    	outline: none;
	}

.highslide-active-anchor img {
	visibility: hidden;
	}

.highslide img {
	border: 2px solid gray;
	}

.highslide:hover img {
	border: 2px solid white;
	}

.highslide-wrapper {
	background: white;
	}

.highslide-image {
    border: 2px solid white;
	}

.highslide-image-blur {
	}

.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
	}

.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(../_images/_kagopic/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
	}

a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
	}

a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
	}

a.highslide-full-expand {
	background: url(../_images/_kagopic/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
	}

/* Muss am Schluss sein */
.highslide-display-block {
    display: block;
	}

.highslide-display-none {
    display: none;
	}





/* FORMS
-----------------------------------------------------------------------------*/
form {margin: 0 0 1.5em}
input {font-family: verdana,arial,tahoma,sans-serif; margin: 2px 0}
fieldset {border: none}
label {display:block;padding: 5px 0}
label br {clear:left}

   /* FORMS - general classes */
   input.f-submit {padding: 1px 3px; background:#666; color:#fff; font-weight:normal; font-size:96%}

   /* FORMS - f-wrap-1 - simple form, headings on left, form elements on right */
   form.f-wrap-1 {width:100%;padding: .5em 0; background: transparent; border-top: 0px solid #003399; position:relative}
   form.f-wrap-1 fieldset {width:auto;margin: 0 0.1em}
   form.f-wrap-1 h3 {margin:0 0 .6em; font: 155% verdana; color:#003399}
   form.f-wrap-1 label {clear:left; float:left; width:100%; border-top: 1px solid #fff}

   /* hide from IE mac \*/
   form.f-wrap-1 label {float:none}
   /* end hiding from IE5 mac */

   form.f-wrap-1 label input, form.f-wrap-1 label textarea, form.f-wrap-1 label select {font: 100% verdana; color:#333333; width:15em; float:left; margin-left:10px}

   form.f-wrap-1 label b {float:left; width:10em; line-height: 1.7; display:block; position:relative}
   form.f-wrap-1 label b .req {color:#FF6600; font-size:150%; font-weight:normal; position:absolute; top:-.1em; line-height:1; left:-.4em; width:.3em; height:.3em}
   form.f-wrap-1 div.req {color:#666;font-size:96%;font-weight:normal;position:absolute;top:.4em;right:.4em;left:auto;width:13em;text-align:right}
   form.f-wrap-1 div.req b {color:#FF6600;font-size:140%}
   form.f-wrap-1 label select {width: 15.5em}
   form.f-wrap-1 label textarea.f-comments {width: 15em}
   form.f-wrap-1 div.f-submit-wrap {padding: 5px 0 5px 9em}
   form.f-wrap-1 div.f-password-wrap {padding: 5px 0 5px 10em}
   form.f-wrap-1 input.f-submit {margin: 0 0 0 21px}

   form.f-wrap-1 fieldset.f-checkbox-wrap, form.f-wrap-1 fieldset.f-radio-wrap {clear:left;float:left;width:32em;border:none;margin:0;padding-bottom:.7em}
   form.f-wrap-1 fieldset.f-checkbox-wrap b, form.f-wrap-1 fieldset.f-radio-wrap b {float:left;width:10em;line-height: 1.7;display:block;position:relative;padding-top:.3em}
   form.f-wrap-1 fieldset.f-checkbox-wrap b .req, form.f-wrap-1 fieldset.f-radio-wrap b .req {color:#FF6600; font-size:150%; font-weight:normal; position:absolute; top:-.0em; line-height:1; left:-.4em; width:.3em; height:.3em}
   form.f-wrap-1 fieldset.f-checkbox-wrap fieldset, form.f-wrap-1 fieldset.f-radio-wrap fieldset {float:left;width:13em;margin: 3px 0 0 10px}
   form.f-wrap-1 fieldset.f-checkbox-wrap label, form.f-wrap-1 fieldset.f-radio-wrap label {float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px}
   form.f-wrap-1 label input.f-checkbox, form.f-wrap-1 label input.f-radio {width:auto;float:none;margin:0;padding:0}

   form.f-wrap-1 label span.errormsg {position:absolute;top:0;right:-10em;left:auto;display:block;width:16em;background: transparent url(../_images/errormsg_bg.gif) no-repeat 0 0}
   form.f-wrap-1 label span.errormsg b {padding: 10px 0;margin: 0 10px 0 30px;color:#B30800;font-weight:bold;display:block;width:auto;float:none;line-height:1.3}