body { background: url(bg.jpg) repeat-x #f0f0f0; font-family: Helvetica; Arial, sans-serif; font-size: 13px; color: #333; margin: 0; padding: 0; margin-bottom: 60px;}

a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; }

li { list-style: square; }

img { border: 0; }
.clear { clear: both; }

h3 { color: #263046; font-size: 16px; margin: 0; padding: 0; margin-bottom: 8px; padding: 5px 0; border-bottom: 1px dotted #999	  }

#wrapper { width: 1020px; margin: 0 auto; position: relative;}

#menu { background: url(menu.png) no-repeat;position: absolute; top:50px; width: 800px; left: 0px; z-index: 999; height: 50px; line-height: 51px }
#menu ul { margin: 0; padding: 0;  font-size: 16px; padding-left: 35px; font-weight: 700}
#menu li { list-style: none; display: block; float: left; padding: 0 15px; border-right: 1px solid #ccc}
#menu ul ul { display: none}

#menu a { text-decoration: none; }
#menu a:hover { color: #586c77; }

#content { background: #fff; padding: 30px; margin-top: 50px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
#sub_content { background: #fff; padding: 30px; margin-top: 50px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}

#footer { margin-top: 20px; width: 1020px; font-size: 11px; position: relative}
#footer span { width: 700px; display: block}

#twitter { position: absolute; bottom: 20px; right: 0; height: 30px;}
#facebook {position: absolute; bottom: 20px; right: 20px; height: 30px;}

a.erfahren { display: block; margin-top: 14px;}

/*FRONT*/
#FrontProdukte { position: relative; background: url(arrow_bg.gif) no-repeat 0px 60px; height: 400px }
#FrontProdukte h2 { font-size: 15px; margin: 0; padding: 0; padding-left: 45px}
#FrontProdukte ul { margin: 0; padding: 0; line-height: 28px; padding-left: 10px; margin-top: 20px}
#FrontProdukte li { list-style: none; padding-left: 20px; background: url(list.gif) 0 8px no-repeat }

.line { border-bottom: 1px solid #ccc; height: 5px; padding-top: 8px; margin-bottom: 8px; }
acronym { border-bottom: 1px dashed #990000; color: #990000; cursor: help }


#welcome { float: left; width: 230px; margin-right: 60px; line-height: 20px;}
#welcome span { padding-left: 25px; display: block}
#welcome h1 { margin: 0; padding: 0; font-size: 18px; margin-bottom: 10px; padding-left: 25px;}
#pro1 h2 a, #pro2 h2 a, #pro3 h2 a { color: #fff; font-weight: 700 }


#stage { height: 328px;}
#stage2 { height: 230px; }

#pro1 { float: left; width: 180px; padding: 20px 10px; color: white; height: 280px;-moz-border-radius: 8px; -webkit-border-radius: 8px; margin-right: 25px; background: url(server_icon.png) 10px 19px no-repeat; }
#pro2 { float: left; width: 180px; padding: 20px 10px; color: white; height: 280px;-moz-border-radius: 8px; -webkit-border-radius: 8px; margin-right: 25px; background: url(server_icon.png) 10px 19px no-repeat;}
#pro3 { float: left; width: 180px; padding: 20px 10px; color: white; height: 280px;-moz-border-radius: 8px; -webkit-border-radius: 8px; background: url(server_icon.png) 10px 19px no-repeat;}

#pro1 span, #pro2 span, #pro3 span { padding-left: 45px;}

.Preis1 { position: absolute; bottom: 40px; left: 370px; color: #333; font-weight: bold; font-size: 18px; width: 120px }
.Preis2 { position: absolute; bottom: 40px; left: 600px; color: #333; font-weight: bold; font-size: 18px; width: 120px }
.Preis3 { position: absolute; bottom: 40px; left: 825px; color: #333; font-weight: bold; font-size: 18px; width: 120px }

.PLink1 { position: absolute; bottom: 20px; left: 370px; color: #999; font-weight: bold; width: 120px }
.PLink2 { position: absolute; bottom: 20px; left: 600px; color: #999; font-weight: bold; width: 120px }
.PLink3 { position: absolute; bottom: 20px; left: 825px; color: #999; font-weight: bold; width: 120px}

a.gambio { display: block; margin-top: 20px; background: #cdcf4e; color: #fff; padding: 5px 20px; width: 200px; text-align: center; font-size: 16px; border:1px solid #ccc;-moz-border-radius: 5px; -webkit-border-radius: 5px; }
a:hover.gambio { background: olive}

.PLink1 a, .PLink2 a, .PLink3 a { color: #999}

.awesome, .awesome:visited {
	
	display: inline-block; 
	padding: 0 10px; 
	height: 25px;
	line-height: 25px;
	color: #fff; 
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	font-weight: bold;
	margin-top: 20px;
}

.blue.awesome, .blue.awesome:visited		{ background-color: #990000; }
.blue.awesome:hover							{ background-color: #999; color: white;	text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }



/* UNTERSEITE */
#content_sub { background: white; -moz-border-radius: 8px; -webkit-border-radius: 8px; padding: 30px; margin-top: 50px; }
#content_left { width: 200px; margin-right: 30px; float: left;}
#content_right { float: left; width: 500px; line-height: 20px; position: relative;}

#content_right h1 { margin: 0; padding: 0; border-bottom: 1px dotted #999; margin-bottom: 20px; font-size: 15px; padding-bottom: 10px;}
#content_left h2,  #content_right h2{ margin: 0; padding: 0; border-bottom: 1px dotted #999; margin-bottom: 15px; font-size: 15px; padding-bottom: 13px;}
#content_right h2 { color: #990000; border: 0; margin: 0}


#content_left ul { margin: 0; padding: 0; }
#content_left li { list-style: none; display: block; padding: 6px 0; border-bottom: 1px dotted #999 }
#content_left ul ul a{ padding-left: 20px; background: url(dotted2.gif) 5px 6px no-repeat }
#content_left ul ul li { border: 0}
#content_left ul ul { border-top: 1px dotted #999; margin-top: 5px;}
#content_left a { display: block }
 

.active, a.rex-active, a.rex-current { font-weight: bold; color: #990000; }



#floatMenu {
    position:absolute;
    top:0px;
    right:-235px;
    width:200px;
    
}

ul#hinweis { margin: 0; padding: 0; width: 250px; float: left; padding-right: 10px; }
#hinweis li { list-style: none ; border-bottom: 1px solid #ccc; padding-bottom: 10px; padding-top: 10px}
#hinweis h3 { font-size: 14px; margin: 0; padding: 0}

#strom { background:url(sonne.jpg) no-repeat 0 10px; padding-left: 60px }
#strom h3, #testen h3, #backup h3, #zeit h3{ color: #333; border: 0; font-size: 14px	}
#testen { background:url(testen.jpg) no-repeat 0 10px; padding-left: 60px }
#backup {background:url(backup.jpg) no-repeat 0 10px; padding-left: 60px}
#zeit {background:url(monat.jpg) no-repeat 0 10px; padding-left: 60px}

/* MEINUNGEN */
#meinungen { float: left; padding-left: 20px; background: #eee; padding: 15px; line-height: 22px; width: 230px;-moz-border-radius: 10px; -webkit-border-radius: 10px; margin-left: 25px;}
#meinungen h2 { font-size: 15px; margin: 0; padding: 0; margin-bottom: 8px; margin-top: 6px;}
#meinungen a { font-weight: 700; display: block; border-top: 1px solid #ccc; padding-top: 5px; }
ul#slider { margin: 0;  padding: 0; }
#slider li { list-style: none; }

/*WIN*/
#win { float: right; width: 375px;}
#win span { color: #999; font-size: 12px; display: block; margin-bottom: 8px; }
#win h2 { color: #990000; font-size: 18px; margin: 0; padding: 0; margin-bottom: 2px }
#win ul { margin: 0; padding: 0;background:url(win.gif) 0 15px no-repeat; padding-top: 15px; border-bottom: 1px solid #ccc; padding-bottom: 20px; }
#win li { list-style: none;  padding-left: 70px; height: 40px }
#win a { font-weight: bold}



/* SITEMAP */
#sitemap ol li { padding-left: 10px;  }

/* NEWS MODUL */
.news { border-bottom: 1px solid #ccc; min-height: 100px; padding-bottom: 6px; margin-bottom: 18px;}
.news img { border: 1px solid #ccc; padding: 1px; float: left; margin-right: 20px;}