
body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%; 
}

#framecontentLeft, #framecontentRight{
position: absolute; 
top: 0; 
left: 0; 
width: 200px; /*Width of left frame div*/
height: 100%;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: navy;
color: white;
background: #5579bd repeat-x; 
background-image: url(mainbg.gif);  
font-family:Verdana, Arial, sans-serif;
}

#framecontentRight{
left: auto;
right: 0; 
width: 150px; /*Width of right frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: navy;
color: white;
background: #5579bd repeat-x; 
background-image: url(mainbg.gif);  
font-family:Verdana, Arial, sans-serif;
}

#maincontent{
position: fixed; 
top: 0;
left: 200px; /*Set left value to WidthOfLeftFrameDiv*/
right: 150px; /*Set right value to WidthOfRightFrameDiv*/
bottom: 0;
overflow: auto; 
background: #fff;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ /*IE6 hack*/
padding: 0 150px 0 200px; /*Set value to (0 WidthOfRightFrameDiv 0 WidthOfLeftFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}


h1 {
  font-family: Arial,sans-serif;
  font-style: normal;
  font-size: 26px;
  font-weight: bold;
  text-decoration: none;
  color: #002266;
}
h2 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: normal;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  color: #002266;
}
h3 {
  font-family: Arial,sans-serif;
  font-style: normal;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  color: #002266;
} 
h4 {
  font-family: Arial,sans-serif;
  font-style: normal;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  color: #002266;
}
p, ul {
  font-family:  Arial, sans-serif;
  font-style: normal;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  color: #556682; 
  word-spacing: 0.1em;
}


a:link {
  font-family: Tahoma,Verdana, Arial, sans-serif;
  font-style: normal;
  font-size: 12px;
  font-weight: normal;
  text-decoration: underline;
  color: #be2417;
}

.Tab_oben{
cursor:pointer;
position:relative; left:1px;
top:1px;
}  

table#vereinoben {  
width: 600px; 
height: 90px;
table-layout: fixed; 
font-weight:; font-size:7pt;  font-family:Arial; font-style:; 
}



/* ################################## */
/* Der Teaser */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.curlysmallcontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
width: 200px;
font-size:small;
font-family:Verdana, Arial, sans-serif;
}

.curlybigcontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
width: 400px;  
font-family:Verdana, Arial, sans-serif; 

}

.curlysmallcontainer .innerdiv{
background: transparent url(brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px; 
}

.curlybigcontainer .innerdiv{
background: transparent url(brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}



/* ##################################  */
/* Das Menue  */


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.glossymenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 170px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu li a{
background: white url(images/glossyback.gif) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;
}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 160px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(images/glossyback2.gif);
}


img {
	border-color: #aaa;
	border-style: solid;
	border-width: 0px;
	max-width: 100%;
	padding: 1px;
}

