﻿/* sosumi - an open source xhtml/css website layout by cybsys - http://cybsys.de

   free to use in any way and for any purpose as long as the proper credits are given 
   to the original designer. 
   
   ver 0.9.2, august, 2009
   
   background: #eeefef
   mouse-over: #b9bcbb
   color: #888a8a 
   color-content: #707173
*/


* { margin: 0; padding: 0; border: none; }

html { font-size: 100.01%; }

body { 
  background: #eeefef;
  color: #888a8a; 
	font-family: Palatino, "Palatino Linotype", "Book Antiqua", "Times New Roman", serif;
  font-size: small; 
}
* html body{ /*IE6 hack*/
  
}

#container{
  margin: 0;
  padding: 0;
  border: 0;
  overflow: visible;
  height: 100%; 
  width: 100%;
  max-height: 100%;
  color: #888a8a;
}


#column-one {
  position: absolute;
  top: 0px;
  bottom: 0px; 
  left: 0px;
  right: 0px;
  margin-bottom: 50px;
  width: 335px;
  height: 100%;
  /* overflow: hidden; */
  background: #eeefef;
  color: #888a8a;
}
* html #column-one{ /*IE6 hack*/
  position: relative;
  top: 0px; 
  left: 0px;
  height: 100%;
  float: left;
}

#column-two {
  position: fixed;
  top: 0px; 
  left: 335px;
  right: 0;
  bottom: 0;
  margin-bottom: 50px;
  margin-right: 0px;
  width: auto;
  overflow: auto; 
  background: #eeefef;
  /*color: #888a8a;*/
  color: #707173;
}

* html #column-two{ /*IE6 hack*/
  position: absolute;
  top: 0px; 
  left: 335px;
  float: left;
  height: 100%;
  float: right;
}

a { text-decoration: none; font-weight: normal; color: #3f3f3f; }


h1, h2, h3, h4, h5, h6 { font-size: 100.01%; }

  

/**************** Header and navigation styles ****************/

#column-one a { text-decoration: none; font-weight: normal; color: #888a8a; }
#column-one a:hover { color: #b9bcbb; }


#header{
  width: 335px;
  height: 243px;
  overflow: hidden;
}


#navigation {
	margin: 3px 0px 3px 0px;
  text-align: right;
  font-size: 1.1em;
  line-height: 1.4em;
  color: #888a8a;
  font-family: Verdana, "MS Trebuchet", Geneva, Helvetica, Arial, sans-serif;
}
#navigation li { 
	list-style: none; 
	display: block; 
	margin: 0 0 3px 0;
	padding: 0px 0px 0px 0;
	background: #ffffff;
}
#navigation li a{ 
  margin: 0 0 0 0; 
	padding: 0px 15px 0px 0;
  font-weight: normal; 
	text-decoration: none; 
}
#navigation a:hover{
  display: block; 
	padding: 0px 0 0px 0;
  /* height: 21px; */
  color: #888a8a;
  background: #000000;
  text-decoration: none;
}
#navigation li a:hover{ 
  text-decoration: none;
  /* height: 21px; */
  padding: 0px 15px 0px 0; 
  display: block; 
  background: #b9bcbb;
}
#navigation li ul a:hover{ 
	padding: 0px 25px 0px 0;
	text-decoration: none;
  display: block; 
  /* height: 21px; */
  background: #b9bcbb;
  color: #3f3f3f;
}
#navigation li li ul a:hover{ 
  padding: 0px 35px 0px 0;
  text-decoration: none;
  display: block; 
/*  background: #b9bcbb;
 */
  background: #abb1b2;
  /* color: #3f3f3f;
*/
  color: #ffffff;
}
#navigation li ul{ 
  padding: 0px 0 0px 0;
  font-weight: normal; 
  background: #eeefef;
}
#navigation li ul li{ 
  margin: 0 0 0 0; 
  background: #eeefef;
}
#navigation li li ul li{ 
  padding: 0px 0 0px 0;
  font-weight: normal; 
  /*background: #dddfdf;
*/
  background: #c6cbcb;
}
#navigation li ul a{ 
	padding: 0px 25px 0px 0;
	font-weight: normal; 
  color: #3f3f3f;
}
#navigation li li ul a{ 
	padding: 0px 35px 0px 0;
	font-weight: normal; 
  color: #0f0f0f;
}

#navigation .selected{
  display: block; 
	padding: 0px 15px 0px 0;
  /* height: 21px; */
  background: #000000;
  color: #ffffff;
  text-decoration: none;
}
#navigation ul li .selected {
  font-weight: normal;
	padding: 0px 15px 0px 0;
}
#navigation li ul li .selected {
  font-weight: normal;
	padding: 0px 25px 0px 0;
}
#navigation li li ul li .selected {
  font-weight: normal;
	padding: 0px 35px 0px 0;
}

* html #navigation   { width: 335px; }
* html #navigation  a:hover { width: 320px; }
* html #navigation  li ul a:hover { width: 295px; }
* html #navigation  .selected { width: 320px; }
* html #navigation li ul .selected { width: 295px; }

#footer-nav {
  text-align: right;
  padding-right: 15px;
  display: block; 
  font-size: 1.1em;
  line-height: 1.4em;
  /* color: #888a8a; */
  background-color: #000000;
  font-family: Verdana, "MS Trebuchet", Geneva, Helvetica, Arial, sans-serif;
  color: #000000;
}
#footer-nav a {
  background-color: #000000;
  color: #000000;
}
#footer-nav a:hover {
  background-color: #000000;
  color: #000000;
}

#footer-col-1 {
  font-size: 0.8em;
}



/**************** Content styles ****************/

#content{
  position: relative;
  margin-top: 40px;
  margin-left: 60px;
  margin-bottom: 40px;
  font-size: 1.0em;
  line-height: 1.4em;
}


#content p {
  /*margin-right: 40px;*/
  width: 540px;
}

#content h1{
  display: block;
  height: 21px;
  font-size: 1.2em;
  font-weight: normal;
  background-color: #ffffff;
  margin:0 0 5px 0;
}
#content h1 a { 
	font-weight: normal; 
	color: inherited; 
	background-color: #eeefef; 
	padding-right: 25px; 
  height: 21px;
}
/* der besondere gag fuer die sosumis: das meist unuetzte strike-tag zweckendfremdet */ 

strike { 
  font-weight: normal;
  text-decoration: none;
  font-size: 105%;
  letter-spacing: 0.1px;
  color: #888a8a; 
  background-color: #eeefef; 
  padding: 5px 25px 5px 0;
}

#content h1 a:hover{ text-decoration: none; }
#content h2{ margin:0 0 5px 0; font-size:1.1em; letter-spacing:-1px; font-weight:normal; }
#content h3{ margin:0 0 5px 0; font-size:1.0em; letter-spacing:-1px; font-weight:normal; }
#content h4{ margin:0 0 5px 0; font-size:0.9m; letter-spacing:-1px; font-weight:normal; }

#content a:hover{ text-decoration:underline; }
#content p{ margin: 0px 20px 0px 0px; }
#content ul, #content ol{ margin:0 5px 16px 35px; }
#content dl{ margin:0 5px 10px 25px; }
#content dt{ margin-bottom:5px; }
#content dd{ margin:0 0 10px 15px; }




/**************** Footer styles ****************/


#footer {
  position: absolute;	
  left: 0px; bottom: 0px;
  /*height: 35px;*/
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 0.8em;
  color: #888a8a;
  background-color: #ffffff; 
  white-space: nowrap;
  overflow: hidden;
}
#footer a{ color: #3f3f3f; background-color: inherit; font-weight: normal;}
#footer a:hover{ color: #000000; background-color: inherit; text-decoration: underline;}

* html #footer { width: 101%; height: 35px; padding-top: 10px; }

#lucene_form {
  display: inline-block; 
  text-align: right;
  width: 335px;
  /* top, right, bottom, left */
  margin: 0px 50px 0px 0px;
  padding: 0px 3px 0px 0px;
  vertical-align: middle;
}
* html #search { display: inline; margin: 0px;}

#langmenu {
  display: inline-block; 
  margin: 0px 0px 0px 0px;
  vertical-align: middle;
}
* html #langmenu { display: inline; margin: 0px 0px 0px 55px;}

#footer-text {
  display: inline-block; 
  margin: 0px 0px 0px 0px;
  vertical-align: middle;
}

* html #footer-text { display: inline; margin: 0px;}

#lastmodified {
  margin-top: 10px;
  text-align: right;
  padding-right: 15px;
}

#adminmenu {
  margin-top: 10px;
  margin-left: 60px;
  color: #888a8a;
  font-family: Verdana, "MS Trebuchet", Geneva, Helvetica, Arial, sans-serif;
  font-size: 0.8em;
  text-transform: lowercase;
  text-align: left;
}
#adminmenu a:hover{ color: #000000; text-decoration: underline;}

input {
  height: 21px;
  border: none;
}
form br {
  margin: 0;
  padding: 0;
}



.requiredfieldname, .formfields { 
  font-weight: normal;
  font-family: Verdana, "MS Trebuchet", Geneva, Helvetica, Arial, sans-serif;
}


#flash player {
  text-align: left;
  background: #eeefef;
}

#flash player td {
  text-align: left;
  background: #eeefef;
}



#thumbpages {
  margin-top: 10px;
  width: 480px;
    
}
    
div.thumbpages {
  /* display: inline; */ 
  float: left;
  /* maring: 5px 10px 5px 0px; */
  padding: 7px 10px 0px 0px;
}

#thumbpages a img {
  /* border: solid 7px transparent; */
  border: 0px transparent;
}

#lucene input {
  font-family: Verdana, "MS Trebuchet", Geneva, Helvetica, Arial, sans-serif;
  font-weight: normal;
	font-size: 1.1em;
}
input.lucene_form_field {
  height: 15px;
  padding: 2px;
  margin: 2px;
  /*border: 1px dotted grey;*/
  /*background: #eeefef;*/
  vertical-align: bottom;
  background: #eeefef;
}
input.lucene_form_button {
  padding: 2px;
  margin: 2px;
  /*vertical-align: middle;*/
  /*background: #abb1b2;*/
  background: #ffffff;
  /*border: 1px solid #777777;*/
  /*border: 1px dotted grey;*/
}

#lucene dl {
  margin-left: 0px;
  padding-left: 0px;
  font-family: Palatino, "Palatino Linotype", "Book Antiqua", "Times New Roman", serif;
}  

#lucene dd {
  padding-left: 10px;
  width: 540px;
}

.lucene_result_score {
  float: right;
  margin-right: 20px;
  padding-right: 20px;
}
