/* CSS CONTENT */

body {
background:#303030 url(images/dunkelblau.gif) top left repeat;
color:#303030;
font:76% Verdana,Tahoma,Arial,sans-serif;
margin:0;
padding:0;
text-align:center;
}

html {
height: 100%;
margin-bottom: 1px;
}

a {
color:#3861A5;
font-weight:bold;
text-decoration:none;
}

a:hover {
color:#3861A5;
text-decoration:underline;
}

p {
line-height:1.5em;
margin:0 0 15px;
}

td {
font:76% Verdana,Arial,sans-serif;
}

/*** Main container ***/
/*** Hintergrundbild(IE), ***/
#container {
background:url(images/dunkelblau.gif) top left repeat;
margin:auto;
width:1000px;
height:auto;
min-heigt:720px;
padding:0px 0px 0px 0px;
text-align:left;
border: 1px solid #ffffff;
}

/*** Main container ***/
/*** Hintergrundbild(FF+Opera), ***/
#containeralt {
background:url(images/dunkelblau.gif) top left repeat;
margin:auto;
width:1000px;
min-heigt:720px;
padding:0;
text-align:left;
border: 1px solid #ffffff;
}

/*** Header section ***/

/*** Das ist die direkte Titelschrift, Position ***/
#sitename {
color:#2E4BA8;
height:90px;
margin:0 0px 0 0px;
padding:0px 0px 0px 0px;
text-align:center;
border: 0px solid #222222;
}

#sitename img {
float:left;
margin:0px 0px 0px 0;
padding:0px;
}

/*** Dicke der Schrift, Buchstaben Abstand,margin = Abstand zwischen Headerbild und Navigation (Headerbild wiederholt sich),  ***/
#sitename h1 {
font-weight:0;
font-size:0px;
letter-spacing:-2px;
margin:0;
padding:0;
display:none;
}

/*** Grösse der Titelschrift h2 ***/
#sitename h2 {
font-size:18px;
display:none;
}

/*** Horizontal menu ***/

/*- Aufklappbares Menu --------------------------- */ 

 #nav, #nav ul {
 	display:inline;
	float: left;
	width: 60em;
	list-style: none;
	line-height: 1em;
	color: #fff;
	margin: 0 0 0 0;
	padding: 0;
	z-index:1;
}
 
#nav li li {
	background:#0059FF;
	border-bottom:1px solid #222;
	border-color:white;
}
 
#nav a {
	display: block;
	xwidth: 7em;
	color: #fff;
	text-decoration: none;
	padding: 0.2em 0em;
}
 
#nav a.menuparent  {
	background: url(images/button1.gif) no-repeat 90% 40%;
}

#nav li {
	float: left;
	padding: 0;
}
 
#nav ul li a {
	color: #000000;
	font-size:12px;
	font-weight:;
}


#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14em;
	marging: 0 0 0 0;
	font-weight: normal;
	margin: 0;
}
 
#nav li li {
	width: 18em;
}


#nav li ul a {
}
 
#nav li ul ul {
	margin: -1.45em 0 0 14em;
	margin: -1.45em 0 0 14.45em ;
}
 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
 
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
 
#nav li li:hover, #nav li li.sfhover {
	background: blue;
}
 

 
#nav li li a {
	padding-left:10px;
	color: white;
}
 
#nav li ul  {
	background-image: none;
}

/*** Content wrap (IE, FF-height)***/

#wrap {
height:100%;
min-height: 620px;
background:url(images/dunkelblau.gif) top left repeat;
font-size:12px;
margin-left:0px;
margin-top:0px;
margin-bottom:0px;
padding:0 5px 0 0;
border: 0px solid #ffffff;
clear:both;
}

/*** Content wrap (FF+Opera)***/

#wrapalt {
min-height: 560px;
background:url(images/dunkelblau.gif) top left repeat;
font-size:12px;
margin-left:0px;
margin-top:0px;
margin-bottom:0px;
padding:0 5px 0 0;
border: 0px solid #ffffff;
clear:both;
}

/*** Sidebars right ***/

#rightside {
float:right;
background: #90ABFC;
border: 1px solid #000000;
opacity: 0.90;
-moz-opacity: 0.90;
_filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
margin-left:0px;
margin-top:0px;
margin-bottom:0px;
width: 160px;
clear:right;
}

#rightside h1 {
color:#ffffff;
background:url(images/blue_sbi.png);
font-size:18px;
font-weight:bold;
letter-spacing:-1px;
margin-bottom:-19px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
padding-left:2px;
padding-right:0px;
padding-top:0px;
padding-bottom:0px;
}

#rightside h2 {
font-size:14px;
margin:0 0 0px;

}

#rightside p {
font-size:11px;
line-height:1.4em;
margin:0 0 0px 0px;
color: #ffffff;
}

.linklist {
list-style:none;
margin:0 0 0px 0px;
padding:0;
}

.linklist li {margin-bottom:0.7em;}


.linklist a {
color:#FFFFFF;
}


/*** Sidebars left ***/

#leftside {
float:left;
background: #90ABFC;
opacity: 0.90;
-moz-opacity: 0.90;
_filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
border: 1px solid #000000;
margin-left:5px;
margin-top:0px;
margin-right:10px;
margin-bottom:5px;
max-width: 182px;
_width:182px;
height: auto;
padding-bottom:5px;
padding-top:0px;
clear:both;
}

#leftside h1 {
color:#ffffff;
font-size:18px;
font-weight:bold;
letter-spacing:-1px;
margin-left:0px;
margin-top:0px;
margin-bottom:2px;
padding-left:2px;
}

#leftside h2 {
color:#000000;
font-size:12px;
padding-top:0px;
margin:0 0 0 3px;
}

#leftside h3 {
color:#ffffff;
font-size:12px;
margin:0 0 0 3px;
}

#leftside p {
font-size:11px;
margin:0 0 0 3px;
color: #000000;
}

.linklist {
padding:0;
}

.linklist li {
  margin-bottom: 0.7em;
} 

.linklist a {
color:#FFFFFF;
}

#leftside a {
color:#ffffff;
font-size:14px;
font-weight:bold;
text-decoration:none;
margin:0 0 0 3px;
}

#leftside a:hover {
color:#ffffff;
text-decoration:underline;
margin:0 0 0 3px;
}

.sbihead
{ background: #FFF url(images/blue_sbi.png);
  color: #484E56;
}


.minical {
padding:0;
}

.minical li {
  margin-bottom: 0.7em;
} 

.minical a {
color:#FFFFFF;
}

#minical a {
color:#4675FF;
font-size:11px;
font-weight:bold;
text-decoration:none;
margin:0 0 0 0px;
}

#minical a:hover {
color:#4675FF;
text-decoration:underline;
margin:0 0 0 0px;
}

/*** Content ***/

#content {
position:absolute;
height:auto;
width: 595px;
background:#ffffff;
border:1px solid #000000;
color:#2a2a2a;
padding: 5px 0 0 5px;
overflow:auto;
}

#contentalt {
position:relative;
height:auto;
min-height:740px;
width: 610px;
background:#ffffff;
border:1px solid #000000;
color:#2a2a2a;
padding: 5px 5px 5px 5px;
left:5px;
right:0px;
overflow:auto;
}

#content {margin:0px 0px 0px 0px;}
#contentalt {margin:0px 0px 0px 0px;}

#content h1,#contentalt h1 {
background-color:inherit;
color: #1775D5;
border-color: #89A9C7;
border-bottom: 1px solid;
font-size:24px;
font-weight:normal;
letter-spacing:-1px;
margin:0 0 5 0;
padding:0 0 0 0;
}

#content h2,#contentalt h2 {
font-size:14px;
margin-bottom:10px;
}

#content img {
border:0px solid #b0b0b0;
float:left;
margin:0px 0px 0px 0px;
padding:0 0 0 0;
}

#contentalt img {
border:0px solid #b0b0b0;
float:left;
margin:5px 0px 0px 0px;
padding:0px 0px 0px 0px;
}


/*** Scroll Box (IE)***/

#scroll {
width: 585px;
height: 590px;
background:#ffffff;
color:#2a2a2a;
padding:0px 0px 0px 5px;
overflow: visible;
}

/*** Scroll Box (FF + Opera)***/

#scrollalt {
width: 585px;
min-height: 570px;
background:#ffffff;
color:#2a2a2a;
padding:0px 0px 0px 5px;
overflow: visible;
}

/*** Various classes ***/

.thumbnail {
background:#fafbfc;
border:0px solid #b0b0b0;
margin:0 0 10px 10px;
padding:5px;
}

.clearingdiv {
clear:both;
height:30px;
width:1px;
}

.hide {display:none;}

/*** Text format ***/

.intro {
font-size:1.1em;
font-weight:bold;
letter-spacing:-1px;
}

.small {font-size:0.8em;}
.large {font-size:1.4em;}
.center {text-align:center;}
.right {text-align:right;}


/*** Platziert die Rahmen einheitlich um die Eingabefelder der Formulare ***/

label
{
width: 15em;
float: left;
text-align: left;
margin-right: 2em;
display: block;
}

/*** Hinerlegt die Pflichtfelder und Buttons der Formulare mit einer Farbe ***/

input
{
color: #000000;
background: #8CC6FF;
border: 1px solid #303030;
}

.submit input
{
color: #000;
background: #ffffff;
border: 1px outset #d7b9c9;
margin-right: 4.5em;
} 


/* links above the logo */
#links
{ padding: 5px 0 0 0;
  width: 1000px;
  height: 24px;
  background: # url();
  font-size: 94%;
  text-transform: uppercase;
  text-align: center;
}


#links a, #footer a{text-decoration: none; color: #ffffff;}


#links a:hover, #footer a:hover{text-decoration: underline; color: #ffffff;}

/*** End of file ***/
