/*************************************************************/
/*   Design: Rahel Köhli                                     */
/*   Autor:  R. Köhli (rahel.koehli@promolution.ch)          */
/*   Date:   29.11.2007                                      */
/*-----------------------------------------------------------*/
/*   Owner: http://www.cvp-aesch.ch                          */
/*   Copyright by CVP Aesch                                  */
/*************************************************************/

/* ------ default.css ------ */

/* ------ Allgemeines ------ */
html {
background-color: #B7B8BA;
background-image:url(../pics/bg.gif);
background-position:top left;
background-repeat:repeat-x;
text-align: center;
width: 100%;
height: 100%;
}
body {width: 900px;
font-size: 10pt;
line-height: 16px;
color: #000000;
font-family:Arial,Helvetica,sans-serif;
margin: 0px auto;
text-align: left;
letter-spacing: 0.22px;}
.line{
font-family:Arial,Helvetica,sans-serif;
font-size: 10pt;
color:#FFFFFF;}
h1, .sitetitel {
font-size:10pt;
font-weight:bold;
margin-top:0;}
h2, .titel {
font-size:10pt;
font-weight:bold;
margin:0;
padding:0;
color:#0a51a1;}
.subtitel {
color:#0a51a1;
}
p {
margin-top:0;}

/* ------ Positionene ------ */
#container {
width: 897px;
background: transparent;
padding: 1px 0px 0px 0px;
position: relative;
text-align: left;
margin-top:65px;
}
#header {
background-image:url(../pics/logo.gif);
background-repeat:no-repeat;
background-color:#FFFFFF;
height:138px;
border-bottom:15px solid #FFFFFF;
border-top:15px solid #FFFFFF;}
#emotionpic {
background-repeat:no-repeat;
height:138px;
background-position:right;}
#box{
border-left:10px solid #F8981C;
float:left;
background-color:#FEF0DD;
}
#navbox {
width:170px;
float: left;
}
#contentbox {
float:right;
width:706px;
background-color:#FFFFFF;}
#content {
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
height:100%;}
#space {
height:328px;
width:1px;
float:right;}
#navbox {
background-color: #FFFFFF;
list-style-type: none;
}
#topnav {
height:20px;
vertical-align:middle;
background-color:#0A51A1;
border-bottom:15px solid #ffffff;
}
#help {
float:right;
}

/* ------ Top Nav ------ */
#topnav ul {
padding: 0;
padding-top:2px;
padding-left:20px;
margin: 0;
list-style-type: none;}
#topnav ul li {
list-style-type: none;
padding: 0;
padding-left:5px;
display:inline;}
A.tnav:link, A.tnav:visited, A.tnav:active {
text-decoration : none;
color : #FFFFFF;
font-weight:bold;
font-size:9pt;
}
A.tnav:hover {
text-decoration:none;
color : #FFFFFF;
font-weight:bold;
font-size:9pt;
}


/* ------ Sub Nav ------ */
#navbox ul {
padding: 0;
margin: 0;
list-style-type: none;
}

#navbox ul li {
width: 181px;
list-style-type: none;
padding: 0;
}
#navbox .snav a {
border-top: 1px solid #ffffff;
cursor: pointer;
display: block;
height: auto;
padding: 1px 0 1px 15px;
text-decoration: none;
/* START / TANTEK-HACK FOR IE5.5 */
width: 160px; 
voice-family: "\" }\"";
voice-family: inherit;
/* STOP / TANTEK HACK FOR IE5.5 */
width: 165px;
}
.snav a:link, .snav a:visited {
background-color: #FCCD90;
color: #FFFFFF;
font-weight:bold;
}
.snav a:hover, .snav a:active, .snav a.active1:link, .snav a.active1:visited, .snav a.active1:hover, .snav a.active1:active {
background-color: #0A51A1;
color: #ffffff;
font-weight:bold;
}
.snav2 a:link, .snav2 a:visited {
background-color: #FCCD90;
color: #FFFFFF;
font-weight:bold;
}
.snav2 a:hover, .snav2 a:active, .snav2 a.active1:link, .snav2 a.active2:visited, .snav a.active2:hover, .snav a.active2:active {
background-color: #0A51A1;
color: #ffffff;
font-weight:bold;
}

/* ------ Link Schriftvergrösserung normal ------ */
A.normal:link, A.normal:visited, A.normal:active, .tnav {
text-decoration : none;
color : #000000;
font-size:8pt;
}
A.normal:hover {
text-decoration : none;
color : #000000;
font-size:8pt;
}

/* ------ Link Schriftvergrösserung big ------ */
A.big:link, A.big:visited, A.big:active, .tnav {
text-decoration : none;
color : #000000;
font-weight:bold;
}
A.big:hover {
text-decoration : none;
color : #000000;
font-weight:bold;
}

/* ------ Link Schriftvergrösserung bigger ------ */
A.bigger:link, A.bigger:visited, A.bigger:active, .tnav {
text-decoration : none;
color : #000000;
font-weight:bold;
font-size:11pt;
}
A.bigger:hover {
text-decoration : none;
color : #000000;
font-weight:bold;
font-size:11pt;
}
/* ------ Link Allg ------ */
A:link, A:visited, A:active {
text-decoration : none;
color : #F8981C;
font-weight:bold;
font-size:9pt;
}
A:hover {
text-decoration:underline;
color : #F8981C;
font-weight:bold;
font-size:9pt;
}

input, textarea, select {
	font-size: 10pt;
	line-height: 16px;
	color: #000000;
	font-family:Arial,Helvetica,sans-serif;
	border:0;
	background-color:#fef0dd;
}

.checkbox {
	background-color:#ffffff;
}
#footer, #footer A:link,#footer  A:visited,#footer  A:active,#footer  A:hover {
text-decoration : none;
color : #000000;
font-weight:normal;
font-size:9pt;
padding-bottom:10px;
}

#plfooter, #plfooter A:link,#plfooter  A:visited,#plfooter  A:active,#plfooter  A:hover {
text-decoration : none;
color : #757575;
font-weight:normal;
font-size:7pt;
padding-bottom:10px;
}

#form_left{
float:left;
padding-bottom:3px;
}
#form_right{
padding-bottom:3px;}
fieldset {
border:0;
margin:0;
padding:0;}
legend {
margin:0;
padding:0 0 10px 0;}


#sidebox {
float:right;
margin-left:15px;
width:200px;
padding:0;
vertical-align:top;}
#sidebox_top {
background-color:#F8981C;
padding:3px;}
#sidebox_text {
padding:3px;
margin-bottom:5px;
border-left:1px solid #F8981C;
border-right:1px solid #F8981C;
border-bottom:1px solid #F8981C;
}
#sidebox_text A:link, #sidebox_text  A:visited, #sidebox_text  A:active {
text-decoration : none;
color : #000000;
font-weight:normal;
}
#sidebox_text  A:hover {
text-decoration : underline;
color : #000000;
font-weight:normal;
}


h3 {
font-size:10pt;
font-weight:bold;
margin:0;
padding:0;
color:#FFFFFF;}

ul.homeul
{
	list-style-image: url(../pics/dot.gif);
	margin-left:0px;
	padding-left:15px;
	margin-top:3px;
}


#imageContainer {
    position:relative;
    width: 167px;
    height:320px;
    border:4px solid #ffffff;
}

#imageContainer img {
    display:none;
    position:absolute;
    top:0; left:0;
}