/* ################################################################################ **
** ### Eingangsseite OPN.info   ################################################### **
** ################################################################################ */
#welcomeinfo{ background: transparent url(http://www.openphpnuke.info/themes/opn_float/images/welcome.jpg) no-repeat 50px; height: 130px;  }
#welcomeinfo h1{ display: none }
#dlinfo { width: 804px; margin: auto;}

a #dl { border: none; }
#dl { float: right; }

ul#site { width: 420px; padding: 0;}
#site li{ float: left; width: 130px; height: 150px; list-style: none; list-style-image: none;}

#modern { background: transparent url(images/modern_1.jpg) no-repeat top;  }
#flexibel { background: transparent url(images/flexibel_2.jpg) no-repeat top;}
#skalierbar { background: transparent url(images/skalierbar_3.jpg) no-repeat top; }
#integration { background: transparent url(images/integration_4.jpg) no-repeat top;}
#sicherheit{ background: transparent url(images/sicherheit_5.jpg) no-repeat top; }
#funktional{ background: transparent url(images/funktional_6.jpg) no-repeat top; }
#site h2 { height: 100%; display: none;}
hr.break{ color: white; border: none; clear: both;}
#infotext { 
margin: 10px; width: 650px; color:#222;
font: 100%/150% "Lucida Grande", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;  }

#infotext2,#infotext3,#infotext4,#infotext5,#infotext6,#infotext7 { 
margin: .5em;padding-left: 20px;width: 45%;color:#222; float: left; }

/*info modern*/
#infotext2 h3{ font: bold 110%/400% "Lucida Grande", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;  background: url(images/modern_1_small.png) no-repeat left; display: inline; padding: 60px; }
#infotext2 p{ margin: 10px; padding-left: 90px;font: 100%/120% "Lucida Grande", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; }
/*info flexibel*/
#infotext3 h3{ font: bold 110%/400% "Lucida Grande", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;  background: url(images/flexibel_2_small.png) no-repeat left; display: inline;  padding: 60px; }
#infotext3 p{ margin: 10px; padding-left: 90px;font: 100%/120% "Lucida Grande", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; }
/*info skalierbar*/
#infotext4 h3{ font: bold 110%/400% "Lucida Grande", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;  background: url(images/skalierbar_3_small.png) no-repeat left; display: inline;  padding: 60px;  }
#infotext4 p{ margin: 10px; padding-left: 90px;font: 100%/120% "Lucida Grande", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; }
/*info integration*/
#infotext5 h3{ font: bold 110%/400% "Lucida Grande", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;  background: url(images/integration_4_small.png) no-repeat left; display: inline;  padding: 60px;  }
#infotext5 p{ margin: 10px; padding-left: 90px;font: 100%/120% "Lucida Grande", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; }
/*info sicherheit*/
#infotext6 h3{ font: bold 110%/400% "Lucida Grande", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;  background: url(images/sicherheit_5_small.png) no-repeat left; display: inline;  padding: 60px;  }
#infotext6 p{ margin: 10px; padding-left: 90px;font: 100%/120% "Lucida Grande", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; }
/*info funktional*/
#infotext7 h3{ font: bold 110%/400% "Lucida Grande", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;  background: url(images/funktional_6_small.png) no-repeat left; display: inline;   padding: 60px; }
#infotext7 p{ margin: 10px; padding-left: 90px;font: 100%/120% "Lucida Grande", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; }
/* ################################################################################ **
** ### Spezialanypage Menue     ################################################### **
** ################################################################################ */

ul#menu1 { margin: 0 0 1em 0; display: block; line-height: 2em;}

ul#menu1 li { 
	float:left; padding: 10px;list-style:none;
}

div #menu1 li a, #subversion li a:visited {
	color:#006595;
	font:normal 12px arial,sans-serif;
	padding: 4px 6px 4px 6px;
	display:block;
	text-decoration:none;
	background:#fafafa;
	border:1px solid #d5e7ec;
	border-left:4px solid #d5e7ec;
	text-align:center;
}

#menu1 li a:hover {
	color:#006595; border:1px solid #008996; border-left:4px solid #008996;
}
/* ################################################################################ **
** ### Boxenspezifische ID ######################################################## **
** ################################################################################ */

div#headcom { background: #ccc; color: #333;}
div#headcom h1.centerboxtitle { background: transparent; color: #333; border-bottom: 1px solid #333; }

div#headthemes { background: #ccc; color: #333; }
div#headthemes h1.centerboxtitle { background: transparent; color: #333; border-bottom: 1px solid #333; }

div#headdoku { background: #ccc; color: #333;}
div#headthemes h1.centerboxtitle { background: transparent; color: #333; border-bottom: 1px solid #333; }