/* allgemeine Schriftgröße
   --------------------------------- */	
body{
margin: 0px;
padding: 0;
font: normal 81% arial, sans-serif;
color: #444444;
}


/* allgemeine Linkfarbe und Größe
   --------------------------------- */	
a:link    { color: #444; font: 12px arial, sans-serif;}
a:visited { color: #444; font: 12px arial, sans-serif;}  
a:active  { color: #444; font: 12px arial, sans-serif;}  
a:hover   { color: #000; font: 12px arial, sans-serif; text-decoration: none;}


/* content
   -------------- */
.content {
margin: 10px auto;
width: 960px;
}

/* horizontal menu
   --------- */
#tabs {
background: #fff url(images/bigbox.gif) no-repeat top left;
color: #000;
height: 84px;
text-align: center;
padding: 0 0 0 235px;
}

#tabs li {
display: inline;
height: 45px;
}

#tabs li a {
float: left;
background: #fff url(images/barbg.gif) no-repeat;
color: #808080;
padding: 7px 0;
width: 82px;
text-align: center;
font-weight: bold;
text-decoration: none;
}

#tabs li a:hover {
background: #fff url(images/barcurrent.gif) no-repeat;
color: #000;
}

#tabs li a.current {
background: #fff url(images/barcurrent.gif) no-repeat;
color: #2C71AE;
}


/* search form
   --------- */
#search {
float: left;
clear: both;
color: #000;
background: url(images/searchbg.gif) no-repeat;
padding: 14px 0 15px 5px;
width: 500px;
margin: 8px 0 0 0;
}
	
#search p { padding: 0; margin: 0; }

input.search {
width: 278px;
border: none;
background: #fff url(images/input.gif) no-repeat;
padding: 6px 10px;
color: #222;
font-weight: bold;
}

input.button {
color: #000;
background-color: #ccc;
width: 80px; 
margin-top: 0px; 
border: outset 1px #000;
font-size: 14px;
font-weight: bold;
padding :3px; 
}
}

.bluebtn {
background: #488EB2 url(images/bluebtn.gif) no-repeat;
width: 100px;
padding: 1px 16px 5px 16px;
color: #fff;
text-decoration: none;
}

.greenbtn {
background: #488EB2 url(images/greenbtn.gif) no-repeat;
padding: 1px 17px 5px 16px;
color: #fff;
text-decoration: none;
}

.bluebtn:hover, .greenbtn:hover {
background: #488EB2 url(images/hoverbtn.gif) no-repeat;
color: #fff;
}


/* Hauptteil nach dem Kopfbereich 
   --------------------------------- */	
.maincontainer{
width: 99%;
padding-left: 5px;
margin-left: auto;
margin-right: auto;
border-width: 0 2px;
}


/* Linke Seite vom Hauptteil
   --------------------------------- */	
#leftcolumn{
width: 17%;
float: left;
margin-top: 13px;
margin-right: 0.6em;
}

#leftcolumn .titlebar{
font-weight: bold;
margin: 0.2em 0;
text-transform: uppercase;
letter-spacing: 1.5pt;
font-size: 100%;
padding-right: 1px;
border-bottom: 1px solid #dadada;
color: #333;
}


/* Mitte vom Hauptteil
   --------------------------------- */	
#middlecolumn{
width: 62%;
float: left;
border-left: 1px dotted #c4c4c4;
border-right: 1px dotted #c4c4c4;
padding-left: 7px;
padding-right: 7px;
margin-top: 1em;
padding-bottom: 1em;
}

#middlecolumn .titlebar{
font-weight: bold;
margin: 0.2em 0;
text-transform: uppercase;
letter-spacing: 1.5pt;
color: #333;
font-size: 100%;
padding-left: 1px;
border-bottom: 1px solid #dadada;
}


/* Rechte Seite vom Hauptteil
   --------------------------------- */	
#rightcolumn{
width: 17%;
float: left;
margin-top: 13px;
margin-left: 0.6em;
}

#rightcolumn .titlebar{
font-weight: bold;
margin: 0.2em 0;
text-transform: uppercase;
letter-spacing: 1.5pt;
font-size: 100%;
padding-right: 1px;
border-bottom: 1px solid #dadada;
color: #333;
}


/* Fussbereich/Footer Section
   --------------------------------- */	
.footer {
clear: both;
margin-top: 25px;
text-align: center;
line-height: 1.8em;
color: #808080;
padding: 2px;
border-top: 1px solid #dadada;
}

.footer a {
color: #444444;
}


/* Sonstiges
   --------------------------------- */	
hr {
border:dashed #cccccc 1px;
height:1px;
}

ul {
margin: 0;
padding : 0;
list-style : none;
}

p {
margin: 0 10px 5px 0;
}

img {
border: none;
hspace: 0;
vspace: 0;
margin: 0 5px 0px 0;
}

h3 {
color: #333;
margin-top: 5px;
text-transform: uppercase;
letter-spacing: 1.5pt;
font-size: 100%;
text-decoration: underline;
}