/* *** 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: #CDDEF8;
font-size: 75%;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#000000;
padding:0;
margin:0;
}
a {color: #009900;}
a:visited {color:#009900;}
a:hover {color: #564b47;}
a:active { color:#000000;}

h1 {
font-size: 11px;
color: #ffffff;
text-transform:uppercase;
background-color: #00cc00;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0 }

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #000000;/*themecolour3%0;*/
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 0 0 0 10px;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #000000;/*themecolour3%0;*/
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0 0 0 10px;
}

img.download {vertical-align:middle;}

/* ----------container to center the layout-------------- */
#container {
width: 900px;
margin-bottom: 10px;
margin: 0 auto;
background-color: #6699FF;
border-left:1px solid #564b47;
border-right:1px solid #564b47;
}

/* ----------banner for logo-------------- */
#banner {
background-color: #CDDEF8;
text-align: right;
padding: 0px;
margin: 0px;
}
#banner img {padding:0px 0px;} 

/* -----------------content--------------------- */
#content {
background-color: #ffffff;
padding: 0px;
margin: 0 200px;
border-left:1px solid #564b47;
border-right:1px solid #564b47;

}
div#content { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}

#hotnews {
background-color: #ffffff;
padding: 0px;
margin: 10px 10px 10px 10px;
color: #009900;
border: 2px solid #009900;
}

#hotnews a {color: #009900;}
#hotnews a:visited {color:#009900;}
#hotnews a:hover {color: #564b47;}
#hotnews a:active { color:#000000;}


p, pre{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	color: #000000;
}

.callout {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #000099;
	padding-left: 10px;
	padding-right: 10px;


}
.largetext {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #000099;
}

/* --------------left navi------------- */
#left {
float: left;
width: 200px;
margin: 0;
padding: 0;

}
#right {
float: right;
width: 200px;
margin: 0;
padding: 0;
}

#right p {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #ffffff;
}

#right a:link, a:visited {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	padding-right: 10px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #ffffff;
}


#right h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1 em;
	font-weight: bold;
	text-align: left;
	color: #ffffff;/*themecolour3%0;*/
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 0 0 0 10px;
}

.right-image {
	text-align: center;
	display: block;
	border: 1px solid #000099;
	float: right;
	padding: 5px;
	margin: 5px;
	
}
.left-image {
	text-align: center;
	display: block;
	border: 1px solid #000099;
	float: left;
	padding: 5px;
	margin: 5px;
	
}

.center-image {
	text-align: center;
	display: block;
	border: 1px solid #000099;
	padding: 5px;
	margin: 5px;
	
}

/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0;
padding: 0;
text-align: right; }

#footerlinks {
clear: both;
margin: 0;
padding: 0;
text-align: center; }


#footerlinks a {color: #009900;}
#footerlinks a:visited {color:#009900;}
#footerlinks a:hover {color: #564b47;}
#footerlinks a:active { color:#000000;}



#hotnews {
padding: 0px;
margin: 10px 10px 10px 10px;
color: #009900;
border: 2px solid #009900;
}


.googlelinks {
clear: both;
background-color: #00cc00;
margin: 10px 10px 10px 10px;
padding-top: 8px;
padding-left: 8px;
padding-right: 8px;
padding-bottom: 8px;

font-weight: normal;
color: #ffffff;
border: 2px solid #009900;

}

a.googlelinks:link {color:#009900;font-decoration:none;}
a.googlelinks a:visited {color:#009900;font-decoration:none;}
a.googlelinks a:hover {color: #009900;font-decoration:none;}
a.googlelinks a:active { color:#009900;font-decoration:none;}


.callout2 {
clear: both;
background-color: #000099;
margin: 10px 10px 10px 10px;
padding-top: 8px;
padding-left: 8px;
padding-right: 8px;
padding-bottom: 8px;

font-weight: normal;
color: #ffffff;
border: 2px solid #000099;

}

a.callout2:link {color:#009900;font-decoration:none;}
a.callout2 a:visited {color:#009900;font-decoration:none;}
a.callout2 a:hover {color: #009900;font-decoration:none;}
a.callout2 a:active { color:#009900;font-decoration:none;}


.callout3 {
clear: both;
background-color: #ff9900;
margin: 10px 10px 10px 10px;
padding-top: 8px;
padding-left: 8px;
padding-right: 8px;
padding-bottom: 8px;

font-weight: normal;
color: #ffffff;
border: 2px solid #000099;

}

a.callout3:link {color:#009900;font-decoration:none;}
a.callout3 a:visited {color:#009900;font-decoration:none;}
a.callout3 a:hover {color: #009900;font-decoration:none;}
a.callout3 a:active { color:#009900;font-decoration:none;}