html, body {
height: 100%;
 scrollbar-base-color: #E5EBF8; 
 scrollbar-track-color: white;
 scrollbar-face-color: #E5EBF8;
 scrollbar-highlight-color: #aaaaaa;
 scrollbar-3d-light-color: #E5EBF8;
 scrollbar-dark-shadow-color: #E5EBF8;
 scrollbar-shadow-color: #aaaaaa;
 scrollbar-arrow-color: #333366;
  }


body { 
 background-color: #ffffff; 
 margin-left: 6px; 
 margin-right: 0px; 
 margin-top: 4px; 
 font-size: 10pt; 
 font-family: verdana,trebuchet,sans-serif; 
 scrollbar-base-color: white; 
 scrollbar-track-color: white;
 scrollbar-face-color: white;
 scrollbar-highlight-color: #000066;
 scrollbar-3d-light-color: white;
 scrollbar-dark-shadow-color: white;
 scrollbar-shadow-color: white;
 scrollbar-arrow-color: #000066;
}

/*/_____ Hack  random und rest
*/

  .prop {
    float:left;
    width:1px;
  }

  .clear {
    clear:both;
    height:1px;
    overflow:hidden;
  }

  .min50px {
    height:885px;
  }
  
  /*/_____ Hack2 index
*/

  .prop2 {
    float:left;
    width:1px;
  }

  .clear2 {
    clear:both;
    height:1px;
    overflow:hidden;
  }

  .min50px2 {
    height:7790px;
  }

  /*/_____ container für random und rest
*/
		#container {
		height: 100%;
		min-height:885px;		
		height:auto;
	overflow: visible;
	position: relative;
	top: 0;
	left: 0;
			width: 980px;
			\width: 1000px;
			w\idth: 980px;
			border: 1px solid black;
			margin: 10px;
			margin-left: auto;
			margin-right: auto;
			padding: 10px;
			background-color: rgb(79, 112, 185);

		}


  /*/_____ container2 
*/		
		#container2 {
		height: 100%;
		min-height: 7790px;		
		height:auto;
	overflow: visible;
	position: relative;
	top: 0;
	left: 0;
			width: 980px;
			\width: 1000px;
			w\idth: 980px;
			border: 1px solid black;
			margin: 10px;
			margin-left: auto;
			margin-right: auto;
			padding: 10px;
			background-color: rgb(79, 112, 185);

		}

		#banner {
			position:relative;
	top:0;
	left:0;
			padding: 10px;
			margin-bottom: 10px;
			background-color: white;
			background-image:  url(bilda.jpg);
			height: 100px;
			border: 1px solid white;	
					
		 }



		#sidebar-a {
overflow: visible;
position: absolute;
top: 142px;
left: 10px;

			width: 330px;
			\width: 340px;
			w\idth: 330px;
			margin: 0;
			margin-right: 10px;
			padding: 10px;
			background-color: rgb(26, 72, 156);
			border: 1px solid white;

		}
		
				#sidebar-b {
overflow: visible;
position: absolute;
top: 0px;
left: 880px;

			width: 170px;
			\width: 180px;
			w\idth: 170px;
			margin: 0;
			background-color: rgb(229, 235, 248);
			border: 1px solid rgb(26, 72, 156);

		}


		#footer {
			clear: both;
			padding: 10px;
			margin-top: 10px;
			background-color: rgb(44, 78, 151);
			border: 1px solid white;
		}
		

a:link { 
 color: #F5F5F5; 
 font-size: 100%; 
 font-weight: bold; 
 text-decoration: underline; 
}

a:visited { 
 color: #F5F5F5; 
 font-size: 100%; 
 font-weight: bold; 
 text-decoration: underline; 
}

a:active { 
 color: #F5F5F5; 
 font-size: 100%; 
 font-weight: bold; 
 text-decoration: underline; 
}

a:hover { 
 color: #DCDCDC; 
 font-size: 100%; 
 font-weight: bold; 
 text-decoration: none; 
}

.class1 A:link {color:  #1C49A5; text-decoration: underline;}
.class1 A:visited {color:  #1C49A5; text-decoration: underline;}
.class1 A:active {color:  #1C49A5; text-decoration: underline;}
.class1 A:hover {color:  #B1B1B1; text-decoration: underline;}

/*---  MAIN PAGE CONTENT ---*/

#content {
    position: relative;

padding: 10px;
margin-left: 360px;
background-color: white;
border: 1px solid black;

		}



/*--- "member" links: login, register, calendar, etc. ---*/

.loginLinks, .loginLinks a  { color: #000000; font-size: 10px; font-family: verdana, trebuchet, sans-serif }
.loginLinks a:link    { color:  #003366; font-weight: bold;}
.loginLinks a:visited { color:  #003366; font-weight: bold;}
.loginLinks a:active  { color:  #999999; font-weight: bold;}
.loginLinks a:hover   { color:  #8c8a8c; font-weight: bold;} 


/*--- Dotted line between menu items in sidebar ---*/

.menuSpacer {
 border-bottom: 1px inset #999;
 margin-bottom: 15px;

}

.menuSpacer2 {
 background: url(http://www.ursispaltenstein.ch/blog/images/trennlinie.jpg) #FFFFFF no-repeat bottom center;
 margin-top:13px;
margin-bottom: 13px; 
}

/*---  Used in Trackback and Pingback page.  ---*/

H1 {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   16px;
 color:       #777777;
 margin-top: 2px;
 margin-bottom: 5px;
 font-weight: bold;
}

H2 {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   17px;
 color:       #333366;
 font-weight: normal;
 line-height:110%;
 margin-left: 15px;
  margin-right: 10px;
 background-color:rgb(229, 235, 248);
 letter-spacing:0.12mm; 
 word-spacing:-0.2mm; 
  padding: 3pt;
}

/*---  Used in Weblog templates to format the title of entries  ---*/

H3  { color: #003366; font-weight: bold; font-size: 16px; font-family: verdana, trebuchet, sans-serif }

/*---  Used in weblog.php in the left side-bar, and archives.php page to format the date header  ---*/

H4 {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   12px;
 color:       #FFFFFF;
 margin-top: 10px;
 margin-bottom: 5px;
 font-weight: bold;
}

/*---  Used in comment templates to format text used in the comment form. ---*/

H5  { color: #666666; font-weight: normal; font-size: 11px; font-family: verdana, trebuchet, sans-serif; margin-top: 2px; margin-bottom: 2px }

H6 {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   12px;
 color:       #333366;
 margin-top: 10px;
 margin-bottom: 5px;
 font-weight: bold;
}




/*---  Weblog entry formatting.  ---*/

.weblog {
background:  url(images/trennlinie.jpg) #FFFFFF no-repeat bottom center; 
 margin-left: 15px;
 margin-right: 10px;
 padding-bottom: 50px;

}

.weblog a:link    { color:  #1C49A5; text-decoration: underline;}
.weblog a:visited { color:  #1C49A5; text-decoration: underline;}
.weblog a:active  { color:  #1C49A5; text-decoration: underline;}
.weblog a:hover   { color:  #B1B1B1; text-decoration: none;}

/*---  Name of author in weblog entries ---*/

.author {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   10px;
 color:       rgb(28,73,165);
 font-weight: normal;
}



/*---  Weblog2 entry formatting.  ---*/

.weblogy {
 margin-left: 15px;
 margin-right: 10px;
 padding-bottom: 20px;

}

.weblogy a:link    { color:  #1C49A5; text-decoration: underline;}
.weblogy a:visited { color:  #1C49A5; text-decoration: underline;}
.weblogy a:active  { color:  #1C49A5; text-decoration: underline;}
.weblogy a:hover   { color:  #B1B1B1; text-decoration: none;}

.weblogz {
 margin-left: 50px;
 margin-right: 10px;
 padding-bottom: 0px;

}

.weblogz a:link    { color:  #1C49A5; text-decoration: underline;}
.weblogz a:visited { color:  #1C49A5; text-decoration: underline;}
.weblogz a:active  { color:  #1C49A5; text-decoration: underline;}
.weblogz a:hover   { color:  #B1B1B1; text-decoration: none;}
/*---  Name of author in weblog entries ---*/

.author {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   80%;
 color:       rgb(28,73,165);
 font-weight: normal;
}

.recent p {
 color: #ffffff;

}

/*---  Paragraph formatting in weblog entries ---*/

p {
 font-family: verdana,arial, helvetica,trebuchet,sans-serif;
 font-size:   100%;
 color:       #000000;
 margin-top: 0px;
 margin-bottom: 12px;
 margin-left:0px;
 font-weight: normal;
}

.Quote {
  font-style:italic; margin-left:30px; margin-right:30px;
}

ul {
 font-family:Verdana,Arial,Helvetica; font-size:100%; margin-top:0px;  margin-bottom:12px;
}

ol {
 font-family:Verdana,Arial,Helvetica; font-size:100%; margin-top:0px;  margin-bottom:12px;
}

li {
font-family:Verdana,Arial,Helvetica; font-size:100%; margin-left:0px;margin-top:0px; margin-bottom:4px;
}

img {
 margin-left: 0px; margin-right: 4px
}



/*--  Default form field formatting. --*/

form {
  margin-top:         0px;
}

/*--  Input field formatting. --*/

.input {
  border-top:         1px solid #999999;
  border-left:        1px solid #999999;
  background-color:   #fff;
  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
  font-size:          12px;
  margin-top:          3px;
  margin-bottom:       3px;
} 

/*--  Input text-area formatting --*/

.textarea {
  border-top:         1px solid #999999;
  border-left:        1px solid #999999;
  background-color:   #fff;
  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
  font-size:          12px;
  margin-top:         3px;
  margin-bottom:     3px;
}

/*--  Submit button formatting. --*/

.button {
  background-color:   #fff;
  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
  font-size:          11px;
  font-weight:        normal;
  text-transform:     uppercase;
  color:              #000;
}

/*--  Pull-down menus. --*/

.pulldown {
  background-color:   #fff;
  font-family:        Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
  font-size:          11px;
  font-weight:        normal;
  text-transform:     uppercase;
  color:              #000;
}



/*  Calendar header text  */
.header {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   10px;
 color:       #333333;
 font-weight: bold;
}

/*  Navigational links in the header of mini-calendar  */
.navlinks, .navlinks a:link, .navlinks a:active, .navlinks a:visited, .navlinks a:hover{ 
 color:       #ffffff;
 font-family: verdana,trebuchet,sans-serif;
 font-size:   10px; 
 font-weight: bold;
} 
.navlinks a:link    { color:  #1C49A5; text-decoration: none;}
.navlinks a:visited { color:  #1C49A5; text-decoration: none;}
.navlinks a:active  { color:  #1C49A5; text-decoration: none;}
.navlinks a:hover   { color:  #b1b1b1; text-decoration: underline;}


/*  Days of the week text  */
.weekdays {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   9px;
 color:       #666666;
 font-weight:  bold;
}

/*  Days of the month text and links */
.monthdays, .monthdays a:link, .monthdays a:active, .monthdays a:visited, .monthdays a:hover {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   9px;
 color:       #666666;
}
.monthdays a:link    { color:  #333366; text-decoration: underline;font-weight: bold;}
.monthdays a:visited { color:  #333366; text-decoration: underline;font-weight: bold;}
.monthdays a:active  { color:  #333366; text-decoration: underline;font-weight: bold;}
.monthdays a:hover   { color:  #8c8a8c; text-decoration: none;font-weight: bold;}

#lowercolumn{
background-color: #1A489C;
width:320px;
margin-top: 30px;
padding-left: 5px;

}

#lowercolumn a{
padding: 3px 1px;
display: block;
width: 100%;
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid gray;
}

#uppercolumn{
background-color: #1A489C;
width:320px;
min-height: 240px;
padding-left: 5px;

}

* html #uppercolumn{ /*IE only style*/
height: 240px;
}

#lowercolumn2{
background-color: #1A489C;
width:320px;
margin-top: 30px;
padding-left: 5px;

}

#lowercolumn2 a{
padding: 3px 1px;
display: block;
width: 100%;
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid gray;
}

#uppercolumn2{
background-color: #1A489C;
width:320px;
min-height: 240px;
padding-left: 5px;

}

* html #uppercolumn2{ /*IE only style*/
height: 240px;
}