/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
/*background-color: #e1ddd9;/**/
background-image:url(../pics/bg.gif);
background-repeat:repeat; 
font-size: 12px;
font-family:Arial, Verdana, SunSans-Regular, Sans-Serif;
color:#888888;
padding:0px;
margin:0px;
}
a {text-decoration:none; color: #888888;}
a:visited {color:#888888;}
a:hover {color: #555555;}
a:active { color:#555555;}


.topMenu a {text-decoration:none; color: #efefef;}
.topMenu a:hover {color: #888888;}
.topMenu a:active { color:#555555;}


h1 {
font-size: 14px;
text-transform:uppercase;
font-weight: normal;
/*padding: 5px 10px;/**/

padding-left:18px;
margin-left:-9px;
/*margin-top: 18px;
*/
background-image: url(../pics/listElem.gif);
background-repeat:no-repeat;
vertical-align:text-top;
}

h2 {
font-size:12px;
font-weight: normal;
/*padding: 5px 10px;/**/
padding-left:18px;
margin-left:-9px;
margin-top: 18px;
background-image: url(../pics/listElem.gif);
background-repeat:no-repeat;
vertical-align:text-top;
}

h3 {
font-size: 24px;
text-transform:uppercase;
font-weight: normal;

padding-left:9px;
margin-left:-9px;
vertical-align:text-top;
}

img.download {vertical-align:middle;}

/* ----------container zentriert das layout-------------- */
#container {
width: 850px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
}

/* ----------banner for logo-------------- */
#banner {
background-image:url(../pics/bg.gif);
background-repeat:repeat;
background-color: #ffffff;/**/
text-align: left;
padding: 0px;
padding-bottom: 7px;
margin: 0px;
vertical-align: top;
}
#banner img {border-bottom: 4px solid #063b6d; margin-bottom:2px;} 

/* -----------------Inhalt--------------------- */
#right {
background-color: #ffffff;
padding: 0px;
margin-left: 800px;
margin-right: 0px;
}
div#right { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}

p, pre{
padding: 5px 10px;
margin:0px;
}

/* --------------left navigavtion------------- */
#content {
float: left;
width: 800px;
margin: 18px;
padding: 18px;
}


/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0px;
padding: 5px;
padding-left: 45px;
text-align: left; }

/*
---------------------- CONTENT ELEMENTS ------------------------
*/
#listElem h2 { 
	font-size: 12px;
	font-weight: bold;
	float:left;
	margin-left: -9px;
	margin-top: 9px;
	background-image:url(../pics/listElem.gif);
	background-repeat: no-repeat;
}


#listElem h3 {
	font-size: 10px;
	font-weight: normal;
	padding-left: 20px;
	margin-left: 198px;
	margin-top: 4px;
	background-image:url(../pics/pdficon.gif);
	background-repeat: no-repeat;
	line-height: 20px;
}

#listElem p { 
	padding-left: 189px;
	padding-top: 9px;
	border-top: 2px solid #999999;
	margin-right: 18px;
	margin-left: 9px;
	margin-bottom: 9px;
}





/*
Navigation
*/
.topMenu {
	display:inline;
	vertical-align: middle;
	font-size: 11px;
}

.topMenu a {
	font-weight:bold;
	display:inline;
	padding-right: 12px;
	padding-left: 6px;
	letter-spacing: 1px;
}

.topMenu_active {
	display:inline;
}

.topMenu_active a, topMenu_active a:visited {
	color: #aeaeae;
}


/*
------------- textpic -------------------------
*/
.csc-textpic {
	padding: 5px 10px;
	margin: 0px;
}


/*
------------- mailform -------------------------
*/
.csc-mailform {
	border: none;
	vertical-align: top;
	margin-left: 5px;
}

.csc-mailform-field label {
	display: block;
	width: 60px;
	padding-right: 60px;
	vertical-align: top;
}
