/* 
    Document   : basic.css
    Created on : 14.03.08
    Author     : Rote Hilfe International
    Description: Cascading Stylesheet for the Screen Layout.
*/


/* href normalisieren */
a { text-decoration: none; color: #666; }

/* Normalisiert margin, padding */
body, div, dt, dd, ul, ol, li, h1, h2, h3, h4, h5 ,h6, pre, form, fieldset, input, p, blockquote, th, td {
 margin: 0; padding: 0;
}

/* Normalisiert font-size Ueberschriften */
h1, h2, h3, h4, h5 ,h6 {
 font-size: 100%;
}

/* Entfernt list-style aus Listen */
ol, ul {
 list-style: none;
}

/* normalisiert font-style und font-weight auf normal */
address, caption, cite, code, dfn, em, strong, th, var {
 font-style: normal; font-weight: normal;
}

/* Entfernt list-style aus Listen */
table {
 border-collapse: collapse; border-spacing: 0;
}

/* Entfernt border aus fieldset und img */
fieldset, img {
 border: 0;
}

/* Richtet Text in caption und th aus */
caption, th {
 text-align: left;
}

/*link { color: black; }*/
 /*a:visited {color: grey;} */
 a:hover { color: red; }
 a:active { color: red; } 
 

.weblink {color: blue; }
.center {text-align: center;}
.grau {color: grey; }
.graufett {color: grey; font-weight: bold;}
.graucenter {margin-left: 120px;  font-weight: bold; color:grey; }
.formtext {font-size: 12px; text-align: right; }
.Seitentitel { color: #cf2037; font-size: 26px; margin-bottom: 20px;}
.Seitentitelcms { color: #cf2037; font-size: 26px; margin-bottom: 20px; margin-left: 0}
.hrtab {color: #99cce5; margin-top: 10px; margin-bottom: 10px; background-color: #99cce5; border: 0; height: 1px; }
.hrform {color: #99cce5; margin-top: 20px; margin-bottom: 20px; background-color: #99cce5; border: 0; height: 1px; }
.rot { color: #cf2037; font-weight: 600; }
.bold {color: black; font-weight: bold}
            
.menu {font-size: 12px; color: red;}

.ht {font-size: 16px; font-weight: bold; margin-bottom: 15px;}
.ld {font-size: 12px; font-style: italic; margin-bottom: 10px;}
.zt {font-size: 12px; font-weight: bold; margin: 10px 0 10px 0;}
.li {font-size: 12px; margin-left: 15px; margin-bottom: 3px; line-height: 18px; list-style-type: disc;}
    


 /* mal schauen, was man davon wirklich braucht */
.formtext {font-size: 12px; text-align: right; }
.text{font-size:12px;}
.buttonred {font: arial; background-color: #df2037;}
.tabnormal{margin-bottom: 10px; padding-bottom: 5px;}
.tabfett {font-weight: bold; padding-bottom: 5px; }
.tabright{text-align: right; padding-bottom: 5px; }
.tabtitel {color: #cf2037; font-size: 26px; padding-bottom: 20px;}
.bgblue {background-color: #c3e3f3;}
.bgrey {background-color: #b7c6ce;}
.rot{color: red;}
.black {color: black;} 
/* ..... */

body {
 position: relativ;
 width:800px; 
 min-height:550px;
 margin:30px 0 0 30px;
 color: black;
 font-family: Arial; 
 font-size: 12px;
 font-weight: normal;
 font-style: normal; 
 background-color: white; 
 text-decoration: none; 
 text-align: justify;
}


*html #body {
height: 550px;
width: 520px;

}

#content {
 position: relativ;
 width: 100%;
}
 
#navigation_kurz {
width: 100px;
height: 20px;
float: left;
margin: 10px 0 0 0;
}

#navigation_lang {
width: 140px;
height: 20px;
float: left;
margin: 10px 0 0 0;
}


#top {  
 border: 0px solid black;
 margin: 30px 0 0 30px; 
 width:  770px; 
 height: 130px; 
 position:relative;
} 



#topbild { 
 width: 430px; 
 height: 100px; 
 border: 0px solid blue; 
 position:absolute;

 }

#toptext {
 width: 260px; 
 height: 100px; 
 border: 0px solid blue;
 position:absolute;
 left: 540px;
 margin-right: 0;
 }

/* Menuliste links - News und  */

#menu_news {
 width: 180px;
 min-height: 420px;
 border-right-color: red;
 border-right-style: solid;
 border-right-width: thin;
 margin: 0 0 0 30px;
 position: absolute;
 top: 145px;
 clear: all;
}

*html #menue_news {
 height: 420px;
}

#menu_newsbalken{
position: relative;
width: 45px;
height: 12px;
background-color:#E1E1E1;
float: left;
margin: 20px 10px 0 0;
}

#menu_newstitel {
Position: relative
width: 30px;
color: red;
font-weight: bold;
margin-top: 20px;
}

#menu_newstext {
position: relative;
width: 165px;
text-align: left;
float: left;
top: 10px;
}

#menu_agendabalken{
position: relative;
width: 120px;
height: 12px;
background-color:#E1E1E1;
float: left;
margin: 20px 10px 0 0;
}

#menu_agendatitel {
position: relative;
width: 30px;
color: red;
font-weight: bold;
float: left;
margin-top: 20px;
}

#menu_agendatext {
position: relative;
width: 165px;
text-align: left;
float: left;
top: 10px;
}


/* Textbereich */
#content_body {
width: 590px;
left: 240px;
min-height: 550px;
position: absolute;
min-height: 420px;
clear: all;
}

*html #content_body {
height: 420px;
 }
 

 
#content_bild {
 width: 150px;
 float: left;
 margin-left: 30px;
}

#content_text {
width: 410px;
float: left;

}

#content_textobild {
width: 410px;
float: left;
margin-left: 75px;

}

#content_kontakttext {
width: 410px;
float: left;
margin-left: 30px;

}

#content_newstext {
margin: 5px 60px 0 20px;

}

/*Footer*/
#footer {
width: 740px;
position: relative;
float: left;
height: 24px;
border-bottom: 1px solid red;
border-top: 1px solid red;
border-left: 1px solid red;
border-right: 1px solid red;

}



/* Menuliste */

#menu_liste_links {
 
height: 24px;
width: 179px;
top: 120px;
background-color:#E1E1E1;
position: absolute;
border-bottom: 1px solid red;
border-top: 1px solid red;
border-left: 1px solid red;
margin: 0 0 0 30px;
	
}

#menu_liste_rechts {
 
height: 24px;
width: 588px;
top: 120px;
left: 240px;
background-color:#E1E1E1;
position: absolute;
border-bottom: 1px solid red;
border-top: 1px solid red;
border-left: 1px solid red;
border-right: 1px solid red;
z-index: 1;
		
}

#nav li {
    
height: 15px;
float: left;
display: block;
width: 194px;
color: red;
Background-color: #E1E1E1;
padding: 3px 0;
border: 1px #ffffff outset;
text-align: center;
  
} 



#nav li ul li {
    
height: 15px;
float: left;
display: block;
width: 194px;
color: black;
Background-color: #E1E1E1; 
padding: 3px 0;
border: 1px #ffffff outset;
text-align: center;
  
} 

/* 
#nav ul {
    
height: 15px;
float: left;
display: block;
width: 194px;
color: black;
Background-color: #E1E1E1; 
padding: 20px 0;
border: 1px #ffffff outset;
text-align: center;
}     
*/               


#nav li a:active
{
 color: red;
 background-color: #E1E1E1;
 border: 1px #ffffff inset;
	
}
	
  
#nav li ul {
   
	position: absolute;
	width: 194px;
	display: none;
}


 
#nav li:hover ul, #nav li.sfhover ul {
 	 margin-top: 4px;
 	 display: block;

}