/**********************************************/
/*               css for stamm                */
/*           written and composed by          */
/*                markus erdmann              */
/*              © 2008 esense gmbh            */
/*                                            */
/* www.esense.ch - gute webseiten. guter text */
/**********************************************/

body {
width:100%;
height:100%;
font-family:verdana, arial, sun-regular, sans-serif;
font-size:small;
cursor:default;
}

a {
outline:none;
outline-style:none;
outline-width:0;
}

li {
list-style-type:disc;
}

#mainContainer {
position:relative;
top:0px;
left:0px;
width:880px;
height:auto;
margin:0px auto 0px auto;
}

#leftContainer {
position:relative;
top:0px;
left:0px;
width:185px;
height:auto;
float:left;
}

#navigation {
margin:19px 0px 70px 0px;
}

#sitemap {
margin:19px 0px 70px 0px;
}

#sitemap ul.level2 {
margin:0px 0px 25px 0px;
}

#columnWrapper {
position:relative;
top:0px;
left:0px;
width:880px;
height:auto;
float:left;
background:#fff url(../pics/stamm-body-bg.jpg) 0 0 repeat-y;
}

#header{
position:relative;
top:0px;
left:0px;
width:880px;
height:auto;
float:left;
}

#headNav {
position:relative;
top:0px;
left:185px;
width:452px;
height:auto;
float:left;
padding:0px;
margin:0px 0px 0px 22px;
border-bottom:1px solid #e3e3e3;
}

#headNav a.inactive {
font-size:11px;
line-height:23px;
color:#9c9c9c;
text-decoration:none;
}

#headNav a.inactive:hover,
#headNav a.active,
#headNav a.active:hover {
color:#000;
text-decoration:none;
font-size:11px;
line-height:23px;
}

#headNav a.active,
#headNav a.active:hover {
cursor:default;
}

#logo {
position:relative;
top:0px;
left:0px;
width:180px;
height:60px;
float:right;
margin:0px 0px 30px 0px;
}

#rightNav {
position:relative;
top:0px;
left:0px;
width:190px;
height:auto;
float:right;
padding:0px 28px 70px 0px;
}

#rightNav a.inactive,
#rightNav a.active {
font-size:12px;
line-height:30px;
color:#e33833;
text-align:right;
padding:0px 22px 0px 0px;
background:transparent url(../pics/right-nav-line.gif) bottom right no-repeat;
}

#rightNav a.active,
#rightNav a:hover {
color:#000;
}

#contentContainer {
position:relative;
top:0px;
left:0px;
width:695px;
height:auto;
float:left;
padding:0px 0px 0px 0px;
}

#leftContent {
position:relative;
top:0px;
left:0px;
width:450px;
height:auto;
float:left;
padding:0px 0px 0px 22px;
}

#leftContent h1 {
font-family: Impact, Verdana, Arial;
font-size:35px;
line-height:38px;
font-weight:normal;
margin:60px 0px 40px 0px;
color:#555;
}

.contentWrap {
margin:0px 0px 70px 80px;
width:370px;
}

.contentWrap p {
font-size:12px;
line-height:15px;
color:#717171;
padding:0px 0px 15px 0px;
}

#rightContent {
position:relative;
top:0px;
left:0px;
width:223px;
height:auto;
float:right;
padding:0px 0px 0px 0px;
}

#footerContainer {
position:relative;
top:0px;
left:0px;
width:880px;
height:20px;
float:left;
background:transparent url(../pics/footer-bg.gif) 0px 8px repeat-x;
border-top:1px solid #bfbfbf;
}

#footerContent {
position:relative;
top:0px;
left:0px;
width:880px;
height:auto;
float:left;
background-color:transparent;
padding:0px;
z-index:600;
}

#footerContent p {
color:#9c9c9c;
font-size:11px;
line-height:21px;
background-color:#fff;
margin:0px 40px 0px 40px;
padding:0px 5px 0px 5px;
float:left;
}

#footerContent a {
color:#9c9c9c;
font-size:11px;
text-decoration:none;
line-height:21px;
}

#footerContent a:hover {
color:#000;
}

.clear {
width:100%;
display:block;
clear:both;
height:0px;
line-height:0.0px;
padding:0px;
margin:0px;
border:none;
visibility:hidden;
}

.spacer70 {
width:100%;
display:block;
clear:both;
height:70px;
}

.spacer25 {
width:100%;
display:block;
clear:both;
height:25px;
}

/***** paragraphs *****/

.stTitleText {
position:relative;
float:right;
width:100%;
display:block;
}

/** headline **/

.headLine h1 {
position:relative;
left:-80px;
margin:70px 0px 30px 0px;
font-family: Impact, Verdana, Arial;
font-size:35px;
line-height:38px;
font-weight:normal;
padding:0px;
color:#555;
}

/** lead **/

.stTitleText h3 {
font-size:12px;
line-height:15px;
font-weight:bold;
color:#555;
position:relative;
display:block;
clear:left;
padding:0px 0px 15px 0px;
}

/** title and text **/

.stTitleText h2 {
font-size:12px;
line-height:15px;
font-weight:bold;
color:#555;
position:relative;
display:block;
clear:left;
padding:0px 0px 5px 0px;
}

.stTitleText p {
font-size:12px;
line-height:15px;
font-weight:normal;
color:#717171;
position:relative;
padding:0px 0px 15px 0px;
text-decoration:none;
}

.stTitleText a {
color:#e33833;
text-decoration:none;
}

.stTitleText a:hover {
color:#000;
}

.stTitleText ul {
font-size:12px;
line-height:15px;
list-style-type:disc;
padding:0px 0px 15px 0px;
}

.stTitleText ul li {
font-size:12px;
line-height:15px;
color:#717171;
margin:0px 0 0 12px;
padding:0px 0px 0px 2px;
list-style-type:disc;
list-style-position:outside;
list-style-image: url(../pics/stamm_bullet2.gif);
}

.stTitleText ol li {
font-size:12px;
line-height:15px;
color:#717171;
margin:0px 0 0 20px;
padding:0px 0px 0px 0px;
list-style-type:decimal;
list-style-position:outside;
}

.stTitleText img {
width:auto;
float:left;
padding:3px 20px 0px 0px;
}

.topButton {
position:relative;
width:45px;
height:17px;
left:-80px;
top:17px;
}

.topButton a {
position:relative;
width:45px;
height:17px;
background:transparent url(../pics/stamm_top_button.gif) 0 0 no-repeat;
float:left;
display:block;
}

.topButton a:hover {
background:transparent url(../pics/stamm_top_hover_button.gif) 0 0 no-repeat;
}

/***** form *****/

.newContentBox {
margin:20px 0px 0px 0px;
line-height:22px;
}

.contentWrap form {
width:370px;
background-color:white;
line-height:22px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
float:left;
z-index:2;
background:#ffffff url(../pics/form-bg.gif) 0px 0px repeat-y;
}

.contentWrap form div {
z-index:-1;
height:0px;
line-height:0px;
}

.contentWrap input,
.contentWrap label {
color:#717171;
font-size:12px;
line-height:22px;
font-weight:normal;
text-decoration:none;
border:none;
margin:-1px 0px 0px 0px;
padding:0px;
}

.contentWrap label {
width:130px;
float:left;
display:block;
border-top: 1px #e3e3e3 solid;
}

.contentWrap input {
width:240px;
float:right;
border-top: 1px #e3e3e3 solid;
background:none;
padding-top:4px;
height:18px;
}

.contentWrap textarea {
width:240px;
height:88px;
float:right;
border:none;
font-size:12px;
line-height:22px;
background:transparent url(../pics/form-bg.gif;) -155px 0px repeat-y;
color:#5e5e5e;
margin:0px 0px 0px 0px;
padding:0px;
}

.contentWrap select {
width:240px;
float:right;
background:none;
padding-top:0px;
margin:-23px 0px 49px 0px;
outline:none;
outline-border:0;
outline-style:none;
color:#717171;
font-size:12px;
line-height:18px;
background:none;
background-color:white;
height:16px;
}

.contentWrap select option {
background-color:white;
outline:none;
outline-border:0;
outline-style:none;
color:#717171;
font-size:12px;
line-height:18px;
}

.contentWrap .submit {
float:left;
width:373px;
border:none;
display:block;
text-align:left;
height:22px;
margin:0px 0px 0px -3px;
padding:0px;
color:#e33833;
font-weight:bold;
cursor:pointer;
background:transparent url(../pics/form-bg.gif;) 3px 0px repeat-y;
outline:none;
outline-border:0;
outline-style:none;
}

.contentWrap .submit:hover {
color:#000;
}

/***** Link *****/

.contentLink {
position:relative;
top:0px;
left:0px;
width:100%;
margin:0px;
padding:0px;
}

.contentLink a {
color:#e33833;
line-height:25px;
font-size:12px;
border-bottom:1px solid #bfbfbf;
text-decoration:none;
font-weight:bold;
display:block;
}

.contentLink a:hover {
color:#000;
}

.imgLink {
width:22px;
float:left;
}

/***** Link Pdf *****/

.imgPdf {
width:24px;
height:21px;
float:left;
padding:0px;
margin:4px 0px 0px -2px;
}

.upperCase {
text-transform:uppercase;
padding-left:5px;
}

.linkPdf {
padding-left:5px;
color:#717171;
font-weight:normal;
}

.contentLink a:hover > span {
color:#000;
}

.contentLink a:hover {
color:#000;
}

/* end of css *//*/*/