@charset "utf-8";

/*---------------------------Links---------------------------*/

a:link { font-weight:bold; color:#0099CC; text-decoration:none; }
a:visited { font-weight:bold; color:#0099CC; text-decoration:none; }
a:focus { font-weight:bold; color:#0099CC; text-decoration:none; }
a:hover { font-weight:bold; color:blue; text-decoration:underline; }
a:active { font-weight:bold; color:#0099CC; text-decoration:none; }



body  {
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
    	background: #FFFFFF;
    	margin: 0; 
    	padding: 0;
    	text-align: center; 
    	color: #666666;
    }
    #container { 
    	width: 950px;
    	background: #FFFFFF;
    	margin: 0 auto;
    	border: 2px solid #ffffff;
    	text-align: left;
    } 

/*----------------------------------------------------------------*/	
  #header { 
    	background: #ffffff; 
    	padding: 0 0px 0 0px; 
		} 

   #header h1 {
    	margin: 0;
    	padding: 0px 0;
    }
                     /*-Subnavigation-Kontakt-|-Impressum--------------*/
#headsubnav {
	float:right;
	width:637px;
	height:24px;
	text-align:right;
	color:#999999;
	font-size:10px;
}
#headsubnav a{
	text-align:right;
	color:#999999;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}
#headsubnav a:hover{
	text-align:right;
	color:#3366CC;
}
#headsubnav span {
color:#3366CC;
}
                    /*-Ende-Subnavigation-Kontakt-|-Impressum--------------*/
#headerpic {
	float:right;
	width:637px;
	height:115px;
	text-align:right;
	background:#ffffff;
}

#header img {
border:0px;
text-align:right;
}
#Logo {
	float:left;
	width:310px;
	height:143px;
	z-index:1;
	left: 0px;
	top: 0px;
}
               /*---------------------------Navigation---------------------------*/
#menu {
height:40px;
width:950px;
}
ul#navlist {
padding: 0;
margin: 0;
list-style-type:none;
float: left;
width: 100%;
white-space: nowrap;
display:block;
}
ul#navlist li { 
float:left;
display: block;
font-family: verdana, arial, sans-serif;
font-size: 15px;
font-weight: bold;
text-align:center;
background-image:url(gfx/ButtonInactiv.jpg);
background-repeat:no-repeat;
}
/*Verweise gestalten*/
ul#navlist a {
width:108px;
height:40px;
padding: 19px 0 0 0;
text-decoration: none;
display:block;
color:#999999;
}
/*Hoverfarbe ändern*/
ul#navlist li a:hover {
background-image:url(gfx/ButtonActive.jpg);
background-repeat:no-repeat;
display:block;
color:#666666;
}
/*Span und Active dienen zur Hervorhebung der aktiven Seite*/
ul#navlist li#active {
background-image:url(gfx/Buttonhover1_3.jpg);
background-repeat:no-repeat;
display:block;
}
/*wichtig!!!!!!! den Spantag im Html zwischen den A-Tag setzen!!!!!!*/
ul#navlist span {
color:#3366CC;
}
                   /*---------------------------Navigation---------------------------*/
#bar {
height:16px;
background-image:url(gfx/Headerbarfull.jpg);
background-repeat:no-repeat;
padding: 0;
margin: 0;
}
	
	
/*---------------------------------------------------------------------*/	
   #sidebar1 {
	background: #ffffff;
	float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 278px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
	border: 0px;
	margin: 0px;
	padding: 0px;
    	 /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
    	
    }
	
#sidesub {
height:31px;
background-image:url(gfx/Subnav.jpg);
font-size:10px;
font-style:inherit;
padding-top:3px;
text-align:center;
color:#999999;
}
#sidesub a{
	color:#999999;
	font-size:10px;
	text-decoration:none;
	font-weight:bold;
}
#sidesub a:hover{
	color:#3366CC;
}
#sidesub span {
color:#3366CC;
}

#boxsmall{
border: 1px solid #ffffff;
font-size:12px;
}
#boxsmall H1 {
font-size:1.1em;
}
#boxsmall H2 {
font-size:1.0em;
}
#boxsmall H3 {
font-size:0.9em;
}		
#boxsmall p,ul,li {
font-size:0.9em;
padding-right:2px;
}
#boxsmall blockquote{
font-size:0.7em;
font-weight:lighter;
}

#boxsmall_top {
height:22px;
background-image:url(gfx/Sideblockhead.jpg);
background-repeat:no-repeat;
}
#boxsmall_content {
	background-image:url(gfx/SideblockBack.jpg);
	background-repeat:repeat-y;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 16px;
	}
#boxsmall_bottom {
height:16px;
background-image:url(gfx/sideblockfoot.jpg);
background-repeat:no-repeat;
}
#mainContent { 
    	margin: 0 279px 0 0; /* Durch den rechten Rand dieses div-Elements entsteht die Spalte am rechten Seitenrand. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge des sidebar1-div immer gleich. Sie können diesen Rand entfernen, falls der Text des #mainContent-div den Bereich von #sidebar1 füllen soll, wenn der Inhalt in #sidebar1 endet. */
    	padding: 0 px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
    font-size:12px;
	} 
#mainContent H1 {
font-size:1.5em;
}
#mainContent H2 {
font-size:1.0em;
}
#mainContent H3 {
font-size:1em;
}		
#mainContent p,ul {
font-size:1em;
}
#mainContent blockquote{
font-size:0.8em;
font-weight:lighter;
}			
#box{
width;670px;
border: 1px solid #ffffff;
}
#box_top {
height:19px;
background-image:url(gfx/Centerblockhead.jpg);
background-repeat:no-repeat;
}
#box_content {
	background-image:url(gfx/CenterblockBack.jpg);
	background-repeat:repeat-y;
	padding: 1px 12px 1px 12px;
}
#box_bottom {
height:31px;
background-image:url(gfx/CenterblockFoot.jpg);
background-repeat:no-repeat;
}	
#footer { 
    	padding: 0 10px 0 20px; 
    	background:#ffffff; 
		font-size:0.6em;
		color:#999999;
		text-align:center;
		font-weight:bold;
    } 
#footer p {
    	margin: 0;
    	padding: 10px 0;
		
    }
/*------------------------------------------------------------ Klassen ---------------------------------------*/
    .fltrt { /* Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* Element auf der Seite nach links fließen lassen. */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { 
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
	
	ul.startseite{
	list-style-image:url(gfx/ulli.png);
	list-style-position:inherit;
	margin-left:10.5em; padding-left:10.5em;
}				

	ul.content{
	list-style-image:url(gfx/ulli.png);
	list-style-position:inherit;
	margin-left:1.0em; padding-left:1.0em;
}				

	ul.content_gross{
	list-style-image:url(gfx/ulli.png);
	list-style-position:inherit;
	margin-left:1.0em; padding-left:1.0em;
	font-size:1.2em;
}				



/*-----------------------------------------------------------Formular Login----------------------------*/
fieldset.login {
border-style:none;
}

ul.login {
list-style-type:none;
}
#submit_btn{
}
#formularfeld {
	background-color:#FFFF99;
	border-radius:3px;
}
label.login {
font-size: 10px;
}
.button_submit {
background:url(gfx/button.jpg);
width:84px;
text-align:center;
	height:24px;
	font-weight:bold;
	padding:2px;
	cursor:pointer;
	border:none;
	}