/* Styles benvenuti-italia.de */

* {
margin: 0;
padding: 0;
}
/*zur vermeidung von Sprüngen im Mozilla bei content mit Scrollbalken und content ohne scrollbalken */
html {
	height: 101%;
	margin-bottom: 1px;
}

body {

font-family:  Arial, Helvetica, sans-serif;
font-size: 95%;
background-color:   #F8F8FF ;
text-align: center; 
height: 101 %;
}


/* Die Farbangabe im |#wrapper| sorgt dafuer, dass im Contentbereich
eine durchgaengige Hintergrundfarbe inkl. rechter |border| angezeigt 
wird, auch wenn das Menue laenger als der Text ist ... */

#wrapper {
background-color:  #ffffff;
height: 1%;/* Buggy IE needs this */
width:900px;
margin: 0 auto;
}

/* ---- */

/*////////////////////////////// - HEADER - ///////////////////////////////////*/

#header {
height: 167px;
width: 900 px;
background-color: #FFFFFF;
background-image:url(../bilder/benvenuti_900.jpg);
	background-repeat:no-repeat;
	BACKGROUND-POSITION:0px 0px ;
}
/* ---- */

/*////////////////////////////// - CONTENT CONTAINER - ///////////////////////////////////*/
#content_container {
	margin-left: 1px;
	margin-top: 0px;
	
	padding-bottom:1em;
	padding-left:0;

	background:#ffffff;
	min-height:90%;
	width:100%;
	text-align: left; 
	
}

/*////////////////////////////// - CONTENT - ///////////////////////////////////*/




#content {
background-color: #ffffff;
color: #7D7572;
border-left: 1px solid #F4f4f4;
margin-left:220px;
padding-left:20px;
padding-right:20px;
text-align: left;
}

h1,h2,h3 {
padding: 5px 5px 5px 10px;
}
h1 {
font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 1.4em; font-style: normal; line-height: normal; color:#7D7572; font-weight: lighter; 
letter-spacing: 1pt;
}
h2 {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; font-style: normal; line-height: normal; color: #DE6600; font-weight: lighter
}
h3 {
 font-family: Arial, Helvetica, sans-serif;  font-size: 1em; font-style: normal; color: #666666; font-weight: bold;
}

h4 {
 font-family: Arial, Helvetica, sans-serif;  font-size: 0.9em; font-style: normal; color: #666666; font-weight: bold;background-color:#F8F8FF ;line-height: 1.4em; margin-top:10px;;

}
h5{
font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; font-style: normal; font-weight: bold; color: #333333; line-height: 1.3em;
padding: 0.2em;
}

p {
font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; font-style: normal; color: #333333; line-height: 1.3em;
padding: 0.2em;
}
.serif{
font-family: Georgia, Times New Roman, Times, serif; font-size: 0.9em; font-style: normal; color: #333333; line-height: 1.3em;
padding: 0.2em;
}
.einzug {padding-left:3em}
.strong {font-weight: bold;}

/*--groesserer Zeilenabstand fuer externe links --*/

.topper {
margin: 5px 0px 0px 0px;
text-indent:-16px; padding-left:16px;
}
/*-- --*/

a { 
text-decoration: none; font-family:Verdana,  Arial, Helvetica, sans-serif; font-size: 0.9em; font-style: normal; color: #cc3300; line-height: 1.3em;
}

a:hover { 
text-decoration: underline; font-size: 0.9em;
}

/*--Richtungspfeile fuer   links --*/

.intern {
 background: url(../bilder/7_rot.gif)  no-repeat;
  padding-left:12px; background-position: 0px 3px;

}

.zurueck {
 background: url(../bilder/7_rot_zurueck.gif)  no-repeat; 
  padding-left:12px; background-position: 0px 5px;

}
.oben {
 background: url(../bilder/10_top.gif)  no-repeat; 
  padding-left:20px; background-position: 0px 2px;

}


/* ---- */


/*////////////////////////////// - FOOTER - ///////////////////////////////////*/

#footer {
height: 23px;
background: #F1F1F1;
color: #ccc;
text-align: center;

 margin:auto;

}
#footer p {
padding: 3px 3px;
}
#footer a  {font-family: Arial, Helvetica, sans-serif;
 font-size:0.8em; font-weight: normal; color: #cc3300; 
padding-right: 5px;
display:center; padding-left: 5px; border-left-width: 0px;
 padding-bottom: 1px; margin: 0px 0px 1px; color: #cc3300; padding-top: 1px; text-align: center; text-decoration: none; }

#footer a:hover{text-decoration: underline; font-size: 0.8em; }


/* ---- */



/*////////////////////////////// - HAUPTMENUE vertikal - ///////////////////////////////////*/


#hauptmenue {padding-right:4px; text-align: left; }
#menue_container {
float: left;
left: 10%;
width: 200px;
margin-top: 10px;
padding-bottom: 0px;
padding-left: 12px;
background-color:#ffffff;
color: #7D7572

}


.ulmenue {
  list-style-type: none;
  width:100 px;
   margin-top:0px;
}
.ulmenue li a {
font-size:13px;
font-weight: normal; 
color: #333333;
width:100 px;
letter-spacing: 2pt;
background-color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #cccccc;
font-family: Verdana, Arial, Helvetica, sans-serif;  
display: block; 
line-height:28px;
padding-left: 10px;

}

.ulmenue li a:hover {
  background: #E5E5E5; color: #7D7572; 
}

.ulmenue li a:activ {
  background: #FAFAFA; color: #7D7572; 
}
* {	margin: 0; padding: 0;}

#markiert {
 background: #FAFAFA; color: #7D7572;
}



/*////////////////////////////// - PROGRAMMCONTAINER - ///////////////////////////////////*/


.programm {
	border-top: 1px solid #cccccc;
	float: right;
	padding: 10px;
	width: 623px;
	
	 
	
}


.programmtext {
	text-align: left; 
	font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; font-style: normal; color: #333333; line-height: 1.3em;
padding: 0em;
}

.programmtitel {
	text-align: left; 
	font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; font-style: normal; color: #666666; line-height: 1.3em;
padding: 0em;
margin-left: 0px;
	font-weight: bold;
}

.programmimage {
	float: right;
	padding: 3px;
	MARGIN-left: 5px;
}



/*////////////////////////////// - BILDER - ///////////////////////////////////*/


/*--Bild mit Text --*/
.img150_right
{
float: right; 
width: 150px;
padding: 3px;
margin-left: 10px;
text-align:center;
font-family: Arial, Helvetica, sans-serif;
 font-size:0.8em; font-weight: normal; color: #666666; 
} 


.img150
{
float: left;
width: 150px;
padding: 3px;
font-size: 1em;
margin-right: 10px;
text-align:center;
font-family: Arial, Helvetica, sans-serif;
 font-size:0.8em; font-weight: normal; color: #666666; 
} 
.img200_right
{
float: right; 
width: 200px;
padding: 3px;
margin-left: 10px;
text-align:center;
font-family: Arial, Helvetica, sans-serif;
 font-size:0.8em; font-weight: normal; color: #666666; 
} 
.img200
{
float: left;
width: 200px;
padding: 3px;
margin-right: 10px;
text-align:center;
font-family: Arial, Helvetica, sans-serif;
 font-size:0.8em; font-weight: normal; color: #666666; 
} 
.img300_right
{
float: right; 
width: 300px;
padding: 3px;
font-size: 0.8em;
margin-left: 10px;
text-align:center;
font-family: Arial, Helvetica, sans-serif;
 font-weight: normal; color: #666666; 
} 

.img300
{
float: left;
width: 300px;
padding: 3px;
margin-right: 10px;
text-align:center;
font-family: Arial, Helvetica, sans-serif;
 font-size:0.8em; font-weight: normal; color: #666666; 
} 
/*////////////////////////////// - Boxen - ///////////////////////////////////*/

.box_links
{
float: left;
width: 300px;
padding: 3px;
margin-right: 10px;
text-align:left;

} 
.box_rechts
{
float: right;
width: 300px;
padding: 3px;
margin-left: 10px;
text-align:left;
} 

/*////////////////////////////// - RECHTE SPALTE - ///////////////////////////////////*/
#container_rechts {
float: right;
left: 10%;
width: 150px;
padding: 10px 10px 20px 20px;
background-color:#ffffff;
min-height: 100%;

}

#container_rechts p {font-family: Arial, Helvetica, sans-serif;
 font-size:0.8em; font-weight: normal; color: #666666; 
text-align: left;  }
 
#container_rechts a  {font-family: Arial, Helvetica, sans-serif;
 font-size:0.8 em; font-weight: normal; color: #cc3300; 
padding-bottom: 1px; margin: 0px 0px 1px; padding-top: 1px; text-align: left; text-decoration: none; }

#container_rechts a:hover {text-decoration: underline; }


/*////////////////////////////// - DIES und DAS - ///////////////////////////////////*/
.breaker {
clear:both;
}
.breaker-right {
clear: right;
}
.breaker-left {
clear: left;
}
/* ---- */

.balken {
clear: right;
	margin-top:0.3em;
	margin-bottom:0.9em;
	background-color:#fffaf0;
	vertical-align:middle;
	font-weight:bold;
	line-height:1.7em;
	padding-left: 5px;
/*	width: 34.3em; */
}

/* ---- */


/* Bilder Transparenz Opacity */
.twenty {
  filter:alpha(opacity=20); /* für IE6 + */
  opacity: 0.2 /* CSS3 Standard */
  }	
.fourty {
  filter:alpha(opacity=40); /* für IE6 + */
  opacity: 0.4 /* CSS3 Standard */
  }
  /* Ausgeblendetes */
.invis {
display: none;
}
/*--clear--*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
/* End hide from IE-mac */

hr{
border: 0px; /* Für Firefox und Opera */
border-top: solid 1px #3d3d3d;
border-bottom: transparent;
}