@charset "iso-8859-1";
/* CSS Document */

  #one { background: url("../media/img/layout/bg_animation_text.gif") left top repeat-x; display: none; position: absolute; width: 400px; font-size: 2.5em; margin-top: 62px; margin-left: 160px; color: #ffffff;}
  #two { background: url("../media/img/layout/bg_animation_text.gif") left top repeat-x; display: none; position: absolute; width: 400px; font-size: 3em; margin-top: 57px; margin-left: 350px; font-weight: bold; color: #ffffff;}
  #three { background: url("../media/img/layout/bg_animation_text.gif") left top repeat; display: none; position: absolute; width: 400px; font-size: 4.7em; margin-top: 105px; margin-left: 390px; font-weight: bold; color: #ffffff;}
  #four { background: url("../media/img/layout/bg_animation_text.gif") left top repeat-x; display: none; position: absolute; width: 400px; font-size: 4em; margin-top: 165px; margin-left: 460px; font-weight: bold; color: #ffffff;}
  #slogan { background: url("../media/img/layout/bg_animation_slogan.gif") left top no-repeat; display: none; position: absolute; width: 330px; font-size: 1.9em; top: 135px; left: 635px; color: #ffffff; font-weight: bold; }
  #slogan .gross{ font-size: 1.4em;}
  #hintergrund1 { position: relative; width: 946px; height: 416px; display:block; background: url("../media/img/content/bg_animation1.jpg") left top no-repeat; }
  #hintergrund2 { display: none; width: 946px; height: 416px; background: url("../media/img/content/bg_animation2.jpg") left top no-repeat; }
  #hintergrund2 #link-sprechblase1 {display: none; width: 161px; height: 244px; margin-left: 800px; margin-top: 171px; position: absolute; cursor: pointer;}
  #hintergrund2 #link-sprechblase2 {display: none; width: 103px; height: 183px; margin-left: 800px; margin-top: 230px; position: absolute; cursor: pointer;}
  #hintergrund2 #link-sprechblase3 {display: none; width: 162px; height: 156px; margin-left: 780px; margin-top: 259px; position: absolute; cursor: pointer;}
  #hintergrund2 #link-sprechblase4 {display: none; width: 162px; height: 155px; margin-left: 722px; margin-top: 261px; position: absolute; cursor: pointer;}
 
#sprechblase1 {
	left: 32px;
	top: 10px;
	width: 306px;
	height: 185px; 
	position: absolute;
	padding-top: 0px;
	padding-left: 0px;
	color: #182a76;
	font-size: 1.0em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    background: url("../media/img/layout/sprechblase1.png") left top no-repeat;
	-background: none;
	-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.silomat.de/media/img/layout/sprechblase1.png', sizingMethod='scale');
    -top: 0px;
    }

#sprechblase2 {
	left: 24px;
	top: 38px;
	width: 299px;
	height: 213px; 	
	position: absolute;	
	color: #182a76;
	font-size: 1.0em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
    background: url("../media/img/layout/sprechblase_rechts.png") left top no-repeat;
	-background: none;
	-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.silomat.de/media/img/layout/sprechblase_rechts.png', sizingMethod='scale');
    -top: 26px;
}

#sprechblase3, #sprechblase4 {
	left: 520px;
	top: 55px;
	width: 306px;
	height: 230px;
	position: absolute;	
	padding-top: 9px;
	color: #182a76;
	font-size: 1.0em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
    background: url("../media/img/layout/sprechblase_links.png") left top no-repeat;
	-background: none;
	-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.silomat.de/media/img/layout/sprechblase_links.png', sizingMethod='scale');
    -top: 48px;
    -left: 525px;    
}

#sprechblase4{
	width: 299px;
	height: 213px;
    top: 65px;
    background: url("../media/img/layout/sprechblase_rechts.png") left top no-repeat;
	-background: none;
	-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.silomat.de/media/img/layout/sprechblase_rechts.png', sizingMethod='scale');
    -top: 58px;
    -left: 521px;
}

.content_sprechblase{
float: left;
position: relative;
width: 376px;
background: url("../media/img/layout/list_sprechblase.png") left top repeat-y;
-background: none;
-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.silomat.de/media/img/layout/list_sprechblase.png', sizingMethod='scale');
}

#sprechblase1 h4, #sprechblase2 h4, #sprechblase3 h4, #sprechblase4 h4{
	margin: 0;
	padding: 0;
	margin-top: 5px;
	width: 	260px;
	color: #003366;
	font-size: 1.2em;
}

#sprechblase1 h4{
	padding-left: 23px;
}

#sprechblase2 h4{
	padding-left: 22px;
}

#sprechblase3 h4, #sprechblase4 h4{
	width: 260px;
	padding-left: 20px;
}

ul.list_sprechblase{
	list-style: none;
	margin-left: 13px;
	padding: 0;
	width: 270px;
}

ul.list_sprechblase li{
width: 270px;
padding-left: 10px;
background: url("../media/img/layout/pointer_sprechblase.gif") 0px 7px no-repeat;	
}
		
ul.list_sprechblase2{
	list-style: none;
	margin-left: 10px;
	padding: 0;
	width: 270px;
}

ul.list_sprechblase2 li{
width: 270px;
padding-left: 10px;
background: url("../media/img/layout/pointer_sprechblase.gif") 0px 7px no-repeat;	
}	

ul.list_sprechblase3, ul.list_sprechblase4{
	list-style: none;
	margin-left: 10px;
	padding: 0;
	width: 270px;
}

ul.list_sprechblase3 li, ul.list_sprechblase4 li{
width: 270px;
padding-left: 10px;
background: url("../media/img/layout/pointer_sprechblase.gif") 0px 7px no-repeat;	
}