@charset "utf-8";

* { margin:0; padding:0;}

/* Hover Fix for oder IE's */
body {	behavior: url("csshover3.htc");}

a:link 		{ color:#FF6600; }
a:visited 	{ color:#FF6600; }
a:hover 	{ color:#FF0000; }

ul { margin-top:10px; margin-bottom:10px; }
li { margin-left:30px; line-height:15px; list-style:url(http://dev.in-online.net/iolneu/images/listarrow.gif) }

#logo { cursor:pointer; }

#site_center {text-align:center; background:url(http://dev.in-online.net/iolneu/images/tall_top.gif) left top repeat-x #fff;}
.tall_bottom { background:url(http://dev.in-online.net/iolneu/images/tall_bottom.gif) left bottom repeat-x;}
#main {
	width:756px;
	margin:0 auto;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
}
#navi {
	background-image: url(http://dev.in-online.net/iolneu/images/navi-background.gif);
	background-repeat: no-repeat;
	width: 454px;
	background-position: left bottom;
	z-index: 3;
}
#navishadow {
	background:transparent url(http://dev.in-online.net/iolneu/images/navi-schatten.gif) no-repeat left top;
	float:none;
	height:40px;
	position:relative;
	top:150px;
	width:454px;
	z-index:1;
}
.mainmenu {list-style-type: none;z-index: 4; margin-top:0px; margin-bottom:0px;}
.mainmenu li {
	margin:0px;
	float:left;
	position:relative;
	color: #FFFFFF;
	font-weight: bold;
    width: 86px;
    text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	z-index: 5;
	list-style:none;
}
.mainmenu ul { width:150px; margin-top:0px; }
.mainmenu li { padding-left:4px;}
.mainmenu li:hover {color:#FF9900; cursor:pointer;}
.mainmenu ul li a:link { color:#FFFFFF; text-decoration:none; }
.mainmenu ul li a:visited { color:#FFFFFF; text-decoration:none; }
.mainmenu ul li a:hover { color:#FF9900;}
/* SUBMENU */
.mainmenu li ul {display:none; font-size:9px; position:absolute; background-color:#000000; top: 2em; left: 0; z-index:9999;}
.mainmenu ul li   { width:130px; padding-left:20px; position:relative; text-align:left; list-style-type:none; border-bottom:1px solid #333333; z-index:9998;}
/* ON HOVER */
.mainmenu li:hover ul {display:block; }
.mainmenu li a:link, .mainmenu li a:visited {text-decoration:none; color:#FFF;}
.mainmenu li a:hover {color:#FF9900; }
/* IE HOVER FIX */
.mainmenu li > .mainmenu ul {top: auto;left: auto;}
#subnavheader { color:#FFFFFF; font-size:10px; background:#CC0033; height:10px; width:444px; padding-left:10px; padding-bottom:3px;}
#subnav {color:#FFFFFF;font-size:9px; padding-top:5px;}
#subnav div {
	margin-left:10px;
	padding-right:5px;
	padding-left: 0px;
	padding-top:3px;
	padding-bottom:5px;
	height:25px;
	width:75px;
	float:left;
}
#subnav div a:link {text-decoration:none; color:#FFFFFF;}
#subnav div a:visited {text-decoration:none; color:#FFFFFF;}
#subnav div a:hover { text-decoration:none; color:#FFCC00;}

#maennlein {float: right;padding-top: 25px;width: 290px;text-align:right;}
#header {padding-top: 40px;}
#search_hp {
	background-image: url(http://dev.in-online.net/iolneu/images/searchbg.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 434px;
	padding-top: 10px;
	padding-left: 20px;
}
#search_hp_inner {
	background-image: url(http://dev.in-online.net/iolneu/images/search_left.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	width: 434px;
	height: 100px;
}
#search_hp  h3 {font-size: 100%;font-weight: bold;}
.domainsearch {
	/height:16px;
	width:250px;
	border-width:1px;
	border-style:solid;
	border-top-color:#fff;
	border-left-color:#fff;
	border-right-color:#999;
	border-bottom-color:#999;
	background-color:#eee;
	font-size:12px;
	color: #666;
}
.textinput {
	width:430px;
	border-width:1px;
	border-style:solid;
	border-top-color:#fff;
	border-left-color:#fff;
	border-right-color:#999;
	border-bottom-color:#999;
	background-color:#eee;
	font-size:12px;
	color: #666;
}
.buttonred {
	background-color: transparent !important;
	background-image: url(http://dev.in-online.net/iolneu/images/button-rot.gif);
	height: 21px;
	width: 90px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 0;
	color:#fff;
}
#content {
	width:454px;
	font-weight:bold;
	font-size:12px;
}
#content #sub {
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
	background-color:#FFFFFF;
	border:2px solid #999999;
	margin-left:3px;
	margin-right:4px;
	margin-top:10px;
	width:204px;
	padding: 10px 5px 10px 5px;
	font-weight:normal;
	font-size:12px;
}
#angebot {
	background-image: url(http://dev.in-online.net/iolneu/images/angebot-back.gif);
	height: 310px;
	width: 454px;
	margin-top: 20px;
}
#angebot #angebotl, #angebot #angebotr {
	-moz-border-radius-bottomleft:12px;
	-moz-border-radius-bottomright:12px;
	-moz-border-radius-topleft:12px;
	-moz-border-radius-topright:12px;
	background-color:#FFFFFF;
	border:2px solid #999999;
	height:205px;
	margin-left:3px;
	margin-right:4px;
	margin-top:20px;
	width:204px;
	padding: 10px 5px 10px 5px;
}


#angebot #angebotl {float: left;}
#angebot #angebotr {float: right;}
#angebot #angebotinfol, #angebot #angebotinfor {
	float:left;
	margin-left:4px;
	margin-right:4px;
	margin-top:20px;
	width:214px;
}
#infobutton {
	background-image: url(http://dev.in-online.net/iolneu/images/button-rot.png);
	background-repeat: no-repeat;
	height: 19px;
	width: 90px;
	text-align: center;
	position: relative;
	top: -30px;
	left: 20px;
	padding-top: 2px;
}
#infobutton a:link {color:#fff;text-decoration:none;}
#infobutton a:visited {color:#fff;text-decoration:none;}
#infobutton a:hover {color:#fff;text-decoration:none;}
#infobutton a:active {color:#fff;text-decoration:none;}
#angebot ul {list-style-position: outside;list-style-type: square;margin-left: 12px;}
#angebot ul li {line-height:15px; margin-left:10px; } 
#angebot .preis {
	float: right;
	height: 45px;
	width: 55px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #000000;
	background-image: url(http://dev.in-online.net/iolneu/images/preis-back.gif);
	text-align: left;
	padding-top: 5px;
	padding-left: 15px;
}
.preis .small {font-size: 9px;}
#maennlein #sprechblase {
	background-image: url(http://dev.in-online.net/iolneu/images/sprechblase.gif);
	background-repeat: no-repeat;
	background-position: right;
	height: 125px;
	text-align: center;
	padding-top: 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 2em;
	font-weight: bold;
	position:relative;
	top: -38px;
}
#sprechblase a:link, #sprechblase a:visited, #sprechblase a:hover { text-decoration:none; color:black; }
#footer {
	margin-top:30px;
	text-align:center;
	width:460px;
	color:#FF6600;
	margin-bottom: 20px;
}
#footer a:link, #footer a:visited, #footer a:hover {text-decoration:none; }
#content h1 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 8px;
}