@charset "utf-8";
/* CSS Document */

body {
	text-align: center;
	padding:0px;
	margin:0px;
	background-color:#A00000;
}

#container{
	background-color: white;
	width: 1000px;
	margin-left:auto;
	margin-right: auto;
	margin-top: 5px;
}



/* ------------------------------------------ */	
/* header mit Flashfim */	
#header {
	height: 245px;
	width: 1000px;
	background-color:#ffffff;
	margin:0;
	background-repeat:no-repeat;
}

/* ------------------------------------------ */	
/* top-links mit Adresse */
#top-links {
	clear:both;
	float:left;
	height: 75px;
	width: 762px;
	background-color:#A00000;
	text-align:left;
	border-left: #cccccc 1px solid;
}

/* top-rechts mit Logo*/
#top-rechts {
	float:right;
	height: 75px;
	width: 236px;
	background-color:#A00000;
	background-image:url(images_1/logo-2.gif);
	background-repeat:no-repeat;
	background-position:right;
	border-right: #cccccc 1px solid;
}

/* ------------------------------------------ */
/* Hintergrundgrafik damit alle Spalten gleich lang sind */
#container-2 { text-align: center; width: 1000px;
	margin-left:auto;
	margin-right: auto;
	background:url(images_1/hintergrundgrafik.gif) repeat-y 50% 0px; 
	}
/* ------------------------------------------ */	

/* Menü - links */
#menue {
	clear:both;
	float:left;
	width: 200px;
	background-color: transparent;
	text-align:left;
	margin: 0;
	padding: 10px 5px 20px 5px;
}





/* ------------------------------------------ */	
/* Menü - rechts */
#menue-right {
	float:right;
	width: 200px;
	background-color: transparent;
	text-align:left;
	background-image:url(images_1/logo-3.gif);
	background-position:top;
	background-repeat:no-repeat;
	margin: 0;
	padding: 10px 10px 20px 10px;
}

/* ------------------------------------------ */	
/* content*/
#content {
	float:left;
	width: 550px;
	background-color: #fff;
	text-align:left;
	margin: 0;
	padding: 10px 10px 20px 10px;
}


.clear{ 
    clear: both; 
    width: 0.1em; 
    height: 0.1em; 
    line-height: 0.1em; 
    overflow: hidden; 
} 
/* ------------------------------------------ */	
/* footer */
#fuss {
	background-color:#A00000;
	height: 24px;
	margin: 0;
	padding-top: 3px;
	width: 1000px;
}
#fusslist {
	float:right;
	padding-top: 3px;
	font: bold 12px Verdana, sans-serif;
	color:#666666;
	font-weight:bold;
	font-variant: small-caps;
}
#fusslist a.bottom:link {
	text-decoration:none;
	color:#666666;
}
#fusslist a.bottom:visited {
	text-decoration:none;
	color:#666666;
}
#fusslist a.bottom:hover {
	text-decoration:underline;
	color:#494980;
}
#fusslist a.bottom:active {
	text-decoration:none;
	color:#666666;
	
}

/* ------------------------------------------ */	
/* Textformatierung */

h1 {
	font-family:"Comic Sans MS", cursive;
	font-size:14px;
	padding:2px 2px 0 10px;
	color:#333;
	font-variant:small-caps;
}
	
	/* Slogen-Topbereich  */
h1.oess{
font-family:"Comic Sans MS", cursive;
font-size:38px;
color:#cccccc;
padding:0;
margin:1px 10px 1px 10px;
}

/* Leistung Topbereich  */
h1.strohgaeu{
font-family:"Comic Sans MS", cursive;
font-size:14px;
color:#fcedc9;
padding: 0;
margin: 2px 0 0 10px;
clear:right;
}

h2 {
	font-family:"Comic Sans MS", cursive;
	font-size:13px;
	font-weight:bolder;
	padding:2px 2px 6px 10px;
	margin:0;
	color:#333;
	font-variant:small-caps;
	}
	
h2.hawi {
	font-family:"Comic Sans MS", cursive;
	font-size:13px;
	font-weight:bolder;
	padding:10px 2px 6px 10px;
	margin:0;
	color:#333;
	font-variant:small-caps;
	}
	

h3 {
	font-family: "Comic Sans MS", cursive;
	font-size: 12px;
	font-style: italic;
	font-variant: small-caps;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 10px;
	text-align: right;
	color: #333;
}

	
p {
	font-family:"Comic Sans MS", cursive;
	font-size:13px;
	padding:2px 2px 6px 10px;
	margin:0;
}

/* Textlink */
a.content:link {
 font-size:13px;
 font-family:Verdana,Arial,Helvetica,sans-serif; 
 color:#A00000;  background-color:#ffffff;
   text-decoration:underline;
   font-weight:bold;
   }

 a.content:visited {
  font-size:13px;
     font-weight:bold;
   text-decoration:none;
    color:#A00000; 
   background-color:#ffffff; }

 a.content:hover {
  font-size:13px;
     font-weight:bold;
   text-decoration:none;
   color:#666666;
   background-color:#ffffff; }

 a.content:active {
  font-size:13px;
     font-weight:bold;
   text-decoration:none;
   color:#333333;
   background-color:#ffffff;}

/* Navigation -  linke Spalte */

/* Navigation -  Überschrift */
#current 
{
border: 1px solid #333;
background-color: #FFF;
list-style-type:none;
font-family:"Comic Sans MS", cursive;
font-size:14px;
color: #333;
padding: 0 2px 0 14px;
background-image:url(images_1/nav-02.gif);
background-repeat:no-repeat;
background-position: 2pt ;

	}

/* Navigation -  Liste */

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family:"Comic Sans MS", cursive;
font-size:14px;
}

#navcontainer li { margin: 0 0 1px 4px; }

#navcontainer a
{
display: block;
padding: 1px 2px 2px 20px;
width: 174px;
background-color: #ccc;
background-image:url(images_1/nav-0.gif);
background-repeat:no-repeat;
background-position:2px;
}

#navcontainer a:link, #navlist a:visited
{
color: #333;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #EEE;
background-image: url(images_1/nav-02.gif);
background-repeat:no-repeat;
color: #333;
background-position:2px;

}

#active a:link, #active a:visited, #active a:hover
{
background-color: transparent;
background-image: url(images_1/nav-02.gif);
background-repeat:no-repeat;
color: #333;
}


/* Infoblock -  rechte Spalte */
/* Infoblock  -  Überschrift */

.infobox-1
{
border: 1px solid #fff;
background-color: #A00000;
list-style-type:none;
font-family:"Comic Sans MS", cursive;
font-size:14px;
color: #fff;
padding: 30px 2px 0 10px;
background-repeat:no-repeat;
background-position: 2pt ;
height: 50px;
margin-top:50px;
	}

.infobox-2
{
border: 1px solid #fff;
background-color: #A00000;
list-style-type:none;
font-family:"Comic Sans MS", cursive;
font-size:14px;
color: #fff;
padding: 30px 30px 0 10px;
background-repeat:no-repeat;
background-position: 2pt ;
height: 100px;
margin-top:50px;
	}

/* Navigation -  Liste */

.infocontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family:"Comic Sans MS", cursive;
font-size:14px;
background-color: #A00000;

}

.infocontainer li { margin: 0 ; }

.infocontainer a
{
display: block;
background-repeat:no-repeat;
}

.infocontainer a:link, .infolist a:visited
{
color: #EEE;
text-decoration: none;
}

.infolist a:hover
{
	color: #999;
	text-decoration: none;
}

/* -----Aufzählung----- */
.square{
padding-left:10px;
margin-left: 0;
list-style: none;
}
.square li{
font-family:"Comic Sans MS", cursive;
font-size:13px;
color:#333333;
background-color:transparent;
padding-right: 2px;
margin-left: 20px;
margin-bottom: 8px;
background-color:transparent;
list-style-image:url(images_1/nav-01.gif);
background-repeat:no-repeat;
} 
 

/* -----Aufzählung hauswirtschaft----- */
.squareha{
padding-left:10px;
margin: 0;
list-style: none;
}
.squareha li{
font-family:"Comic Sans MS", cursive;
font-size:13px;
color:#333333;
background-color:transparent;
padding-right: 2px;
margin-left: 40px;
background-color:transparent;
list-style-image:url(images_1/nav-01.gif);
background-repeat:no-repeat;
} 
 

/* Bilde im content*/
/* Platzierung Grafik - groß */
#platzhalter{
float: right;
height:130px;
width:1px;
margin: 1em 0 1em 1em;
}
.image{
clear:right;
float: right;
margin: 2em 0 0 1em;
} 

/* Platzierung Grafik - klein */
#platzhalter1{
float: right;
height:1px;
width:1px;
margin: 0 ;
}

.image1{
clear:right;
float: right;
margin: 1em 0 0 1em;
}