/* CSS-Datei für www.kjg-sigmaringendorf.de  2009 Martin Rieger - Rieger-Lampprecht GbR <www.rieger-lampprecht.de> */
/* ************************************* */


/* body */
html {
min-height: 100.1%;
}

body {
	margin:0;
	padding:0;
	font-size:12px;
	line-height:16.5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#444446;
	background-color:#5D5D5D;
	background-image:url(../img-style/bg-body.png);
	background-repeat:repeat-x;
    }
	
	.fleft {float:left; margin-right:20px; margin-bottom:20px; padding:1px; border:1px solid #CCCCCC;}
	.fright {float:right; margin-left:20px; margin-bottom:20px; padding:1px; border:1px solid #CCCCCC;}
	
	
	p, td, th, h1, h2, h3, h4 {
	font-size:12px;
	margin:0;
	padding:0;
	margin-left:0px;
	margin-right:50px;
	}
	table {
	margin-top:0px;
	margin-left:10px;
	}
	td {
	padding-bottom:15px;
	vertical-align:top;
	}
	td strong {
	color:#7F2719;
	font-style:normal;
	font-size:13px;
	}
	
	p {
	clear:both;
	margin-bottom:10px;
	margin-top:0px;
	line-height:1.5em;
	}
		
	
	
	h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	font-weight:normal;
	color:#444446;
	letter-spacing:0.0em;
	margin-top:15px;
	margin-bottom:15px;
	line-height:30px;
	}
	h1 span{background-color:#E18B34; padding:2px 10px 2px 10px;}
	
	h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:normal;
	color:#444446;
	letter-spacing:0.0em;
	margin-top:0px;
	margin-bottom:20px;
	}
	h2 span{background-color:#B2DEE9; padding:6px 10px 6px 10px;}
	
	h4, .start-aktuell{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#DE8021;
	font-weight:normal;
	display:block; width:220px;
	margin-left:45px;
	margin-top:15px;
	border-bottom:1px solid #DE8021;
	}
	.start-aktuell {
	margin-left:0; width:410px; margin-top:35px;
	}
    
	form {
	margin:0px;
	padding:0px;
	}
	
    input {
	font-family:Arial, Helvetica, sans-serif;
    }
	
	textfield {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	
	a {
	/*color:#FF8A00;*/
	color:#6F504B;
	}

#header {
position:relative; 
width:990px; 
height:208px; 
margin-left: auto; 
margin-right: auto;
margin-top:0px;
background-image:url(../img-style/bg-header.png);
background-repeat:no-repeat;
}

#header-logo {
position:absolute; 
left:15px;
top:45px;
}
#header-top-navi {
position:absolute; 
left:669px;
top:4px;
width:275px; height:20px;
font-size:10px;
}
#header-top-navi a {
text-decoration:none;
color:#CFE9FF;
}
#header-top-navi img {
margin-right:4px;
}

#header-navi {
position:absolute; 
right:15px;
bottom:60px;
width:680px; height:31px;
}

#header-img {
position:absolute; left:247px; top:20px; 
}


#navigation {
float:left; width:295px;
min-height:360px;
height:auto !important;  /* für moderne Browser */
height:360px;  /*für den IE */
background-image:url(../img-style/bg-left.png);
background-repeat:no-repeat;
} 
#navigation p{
margin:10px 0 0 45px;
padding:0;
}
#navigation-start {
float:left; width:495px;
min-height:360px;
overflow:auto !important;  /* für moderne Browser */
overflow:inherit;
height:auto !important;  /* für moderne Browser */
height:360px;  /*für den IE */
background-image:url(../img-style/bg-left.png);
background-repeat:no-repeat;
}

img{
border:0;
}

#content {
position:relative; 
overflow:auto !important;  /* für moderne Browser */
overflow:inherit;
width:990px; 
margin-left: auto; 
margin-right: auto;
min-height:360px;
padding-top:0px;
padding-bottom:0px;
height:auto !important;  /* für moderne Browser */
height:360px;  /*für den IE */
background-image:url(../img-style/bg-content.png);
background-repeat:y-repeat;
}   


#inhalt{
position:relative;
float:right; width:660px;
margin-right:0px;
min-height:360px;
background-image:url(../img-style/bg-right.png);
background-position:right top;
background-repeat:no-repeat;
height:auto !important;  /* für moderne Browser */
height:360px;  /*für den IE */
padding-bottom:0px;
display: inline;
}
#inhalt-start{
position:relative;
float:right; width:460px;
margin-right:0px;
min-height:260px;
background-image:url(../img-style/bg-right.png);
background-position:right top;
background-repeat:no-repeat;
height:auto !important;  /* für moderne Browser */
height:260px;  /*für den IE */
padding-bottom:0px;
display: inline;
}

#text-left {
float:left; width:444px; padding-bottom:30px;
}

#text-right {
float:right; width:210px; margin-right:30px;
background-color:#D8D9DA;
display: inline;
}



#footer {
position:relative;
clear:both; 
width:990px; 
height:80px; 
margin-left: auto; 
margin-right: auto;
background-image:url(../img-style/bg-footer.png);
background-repeat:no-repeat;
padding-bottom:30px;
}

#footer-inhalt {
position:relative;
margin-top:0px;
padding-top:8px;
width:680px; 
margin-left: 295px; 
font-size:10px;
color:#BFBFBF;
}

#footer-left {
float:left; margin-top:45px; margin-left:35px; display: inline;
}
#footer-right {
float:right; margin-top:50px; margin-right:35px; display: inline;
}


#navi_sub {
margin-top:20px;
margin-bottom:50px;
}

		#navi_sub a, #navi_sub a:link, #navi_sub a:visited, a.sub_aktiv, a.sub_aktiv:link, a.sub_aktiv:visited {
		display : block;
		width:200px;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:12px;
		letter-spacing:0.1em;
		font-weight : normal;
		text-decoration : none;
		margin-left:45px;
		padding-left : 20px;
		line-height: 32px;
		text-align : left;
		border-bottom: 1px solid #FFFFFF;
		background : url(../img-style/bg-navi.png) no-repeat ;
		background-position:left center;
		color:#333333;
		}
	
		#navi_sub a:hover {
		color:#333333;
		font-weight:normal;
		background : url(../img-style/bg-navi-hover.png) no-repeat;
		background-position:left center;
		}
		
		a.sub_aktiv {
		background : url(../img-style/bg-navi-active.png) no-repeat!important; /* !!! Hintergrundfarbe */
		background-position:left center!important;
		color:#333333 !important;
		font-weight:normal !important;
		}

#slideshow{
    position:relative;
	margin-left:10px;
	margin-top:0px;
	width:424px;
	height:150px;
	border:2px solid #CCCCCC;
	background:transparent;
	z-index:10;
}
#slideshow img {
 display:none;
 position:absolute;
 top:0; left:0;
}
#slideshow img.start {
 display:block;
}


    #tabs {
      font-size:14px;
	  font-family:Georgia, "Times New Roman", Times, serif;
      line-height:normal;

      }
    #tabs ul {
    margin: 0; padding: 0;
    text-align: center;
      }
    #tabs li {
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    margin: 0; padding: 0;
      }
    #tabs a {
	display: block;
    width:136px;
    color:#FFFFFF;
    background:url("../img-style/tab.png") no-repeat left top;
    margin:0;
	padding:8px 0px 6px 0px;
    text-decoration:none;
    }
    
  
    #tabs a:hover, .menu_current, .level0 {
      background-position:0% -42px!important;
      }