body, html {
    margin:           0;
    padding:          0;
    background-color: #F5F0D8;
    font-family:      Verdana, Arial, sans-serif;
    font-size:        11px;
}

button, table, tr, td, th {
    font-size:        11px;
	vertical-align:   top;
}

th {
	text-align: left;
}

h2 {
  font-size:      18px;
  font-weight:    bold;
  font-family:    Verdana, Arial, sans-serif;
}

h3 {
  font-size:      12px;
  font-weight:    bold;
  font-family:    Verdana, Arial, sans-serif;
}

img {
    border: 0px;
}

#root {
    background-color: #F5F0D8;
    width:            1000px;
}

#chor_selection {
    margin-top:       5px;
    margin-bottom:    5px;
    padding:          0;
    height:           100px;
    background-color: #F5F0D8;
    text-align:       center;
    vertical-align:   middle;
    width:            100%;
}

#header {
    height:           45px;
    background-color: #F0DB75;
    text-align:       right;
    vertical-align:   middle;
    padding-right:    10px;
    font-size:        35px;
    color:            white;
    background-image:    url(/img/cws_schrift.jpg);
    background-position: right;
    background-repeat:   no-repeat;
    
}

#navigation {
    width:               130px;
    float:               left;
    height:              100%;
    background-color:    #F0DB75;
    /*
    border-right-width:  2px;
    border-right-color:  black;
    border-right-style:  outset;
    border-bottom-width: 2px;
    border-bottom-color: black;
    border-bottom-style: outset;
    */
}

#content {
    float: left;
    padding: 5px;    
    width: 730px;
    margin-right: 30px;
}

#clearDiv{
    clear:    both;
    position: relative;
}

#right {
    float: left;
    text-align:       center;
    width: 100px;
    min-height: 246px;
}

ul#navigation {
    margin:           0; 
    padding:          0;
}

* html ul#Navigation {  /* Korrekturen fuer IE 5.x */
    w\idth:        130px;
    padding-left:  0;
    /* padd\ing-left: 0.4em; */
}
  
ul#navigation li {
    list-style: none;
    margin:     0.4em; 
    padding:    0;
}

ul#navigation a {
    display:           block;
    padding:           0.2em;
    font-size:         12px;
    text-decoration:   none; 
    font-weight:       bold;
    border:            1px solid black;
    border-left-color: white; 
    border-top-color:  white;
    color:             maroon; 
    background-color:  #F0DB75;    
    /* background-color:  #F5F0D8; */
}  

* html ul#Navigation a{
    width:  100%;    /* Breitenangabe fuer IE 5.x */
    w\idth: 120px;  /* Breitenangabe fuer IE 6 */
}

ul#navigation a:hover {
    border-color:      white;
    border-left-color: black; 
    border-top-color:  black;
    color:             black;   
    background-color:  #F5F0D8;    
    /* background-color:  #F0DB75; */
}

table#linkohne a {
  text-decoration:  none;
  color:            black;
}

table#linkohne a:hover {
  color:            grey;
}

#loginform { 	
  position:absolute;
  height:200px; 
  width:400px;
  margin:-100px 0px 0px -200px;
  top: 50%; 
  left: 50%;

  text-align: left;
  padding: 0px;
  overflow: auto;
}

#imprint {
}

#imprint .desc {
    text-align: right;
    vertical-align: top;
    font-weight: bold;
    width: 200px;
}

.previewPic {
	width: 150px; 
	height: 150px; 
	float: left; 
	text-align: center; 
	vertical-align: middle; 
	margin-right: 5px; 
	margin-left: 5px;
	margin-bottom: 5px;
}

a.lessMarkup:link,
a.lessMarkup:visited, 
a.lessMarkup:focus, 
a.lessMarkup:active { 
	color: black; 
	text-decoration:underline; 
}

a.lessMarkup:hover {
	color: blue;; 
	text-decoration:underline; 		
}

.blind {
display: none;
}