/* CSS Document 
   eWorks GbR
   TimeEngine Produktseite
   Version 3
*/

html {
height: 101%;
}

body {
background: #585768;
padding: 0px;
margin: 0px;
border: 0px;
overflow-y: scroll;
}

a:link, a:active, a:hover, a:visited {
font-family: Arial, Sans-serif;
font-size: 8pt;
text-decoration: none;
color: #ffffff;
}
a.textlink:link, a.textlink:active, a.textlink:hover, a.textlink:visited {
font-family: Arial, Sans-serif;
font-size: 8pt;
text-decoration: underline;
/*color: #ffffff;*/
}
a.textlink:hover {
color: #fac022;
}

#page {
width: 790px;
position: absolute;
left: 50%;
margin-left: -395px;
background: transparent url(../images/page_shadows.jpg) repeat-y top left; 
float: left;
}

#subfooter {
width: 790px;
float: left;
height: 25px;
background: transparent url(../images/subfooter.jpg) no-repeat top left;
}

.linkpuffer1 {
width: 170px;
height: 180px;
border: 0px;
}

#content {
float: left;
width: 750px;
padding-left: 20px;
padding-right: 20px;
}

.screenshot {
width: 380px;
padding-bottom: 35px;
}

a img {
border: none;
margin: none;
}

#header {
height: 186px;
width: 750px;
float: left;
background: #ffffff url(../images/header_background2.jpg) repeat-x bottom left;
}

#subheader1 {
width: 240px; /* - 50px */
height: 186px;
float: left;
background: transparent url(../images/header_product3.jpg) no-repeat top left;
text-align: right;
padding-right: 50px;
border: 0px;
}

#subheader2 {
width: 360px;
height: 186px;
float: right;
padding-top: 55px;
text-align: right;
background: transparent url(../images/header_stopwatch4.jpg) no-repeat top right;
}

*html #subheader2 {
width: 360px;
height: 131px;
float: right;
padding-top: 55px;
text-align: right;
background: transparent url(../images/header_stopwatch4.jpg) no-repeat top right;
}

#menu {
width: 730px; /* -20px padding */
height: 22px;
float: left;
background: #0a3184 url(../images/menu_background2.jpg) no-repeat top left;
padding-right: 20px;
}

.menuitem_right {
width:42px; 
float: right; 
height: 18px; 
background: transparent; 
font-family: Arial, Sans-serif; 
font-size: 8pt; 
text-decoration: none; 
color: #AAB8D3; 
padding: 4px 5px 0px 5px; 
margin-left: 13px;
}

#text ul {
list-style-image:url('../images/ul4.gif');
margin-bottom: 40px;
margin-top: 25px;
margin-left: 22px;
padding-left: 0px;
border: 0px;
text-align:left;
} 

#text li {
margin-top: 15px;
margin-bottom: 15px;
}

.menuitem a {
float: right;
height: 18px;
background: transparent;
font-family: Arial, Sans-serif;
font-size: 8pt;
text-decoration: none;
color: #AAB8D3;
padding: 4px 5px 0px 5px;
margin-left: 13px;
}

.menuitem a:visited {
color: #AAB8D3;
background: transparent;
}

.menuitem a:hover {
background: #fac022;
color: #ffffff;
}

.thumbnail {
padding-bottom: 30px;
}

.vmenuitem a {
float: left;
height: 18px;
padding: 5px 5px 0px 15px;
width: 118px;
background: #FAC021;
border-bottom: 1px solid #ebaa20;
color: #ffffff;
}

.vmenuitem a:visited {
background: #FAC021;
color: #ffffff;
}

.vmenuitem a:hover {
background: #0A3184;
}

.vcurrent {
background: red;
}

.vcurrent a {
float: left;
height: 18px;
padding: 5px 5px 0px 15px;
width: 118px;
background: #0A3081;
border-bottom: 1px solid #ebaa20;
color: #ffffff;
}

.vcurrent a:visited {
background: #0A3081;
color: #ffffff;
}

.vcurrent a:hover {
background: #FAC021;
}

maincontent {
width: 750px;
float: left;
background: #FFFFFF url(../images/textback.jpg) repeat-x top left;
}

#pictures {
float: left;
padding-top: 60px;
padding-left: 80px;
padding-bottom: 100px;
width: 120px;
font-family: Arial, Sans-serif;
font-size: 8pt;
text-decoration: none;
}

#text {
width: 390px; /* - 100 */
float: right;
font-family: Verdana, Arial, Sans-serif;
font-size: 8pt;
text-decoration: none;
color: #000000;
padding: 50px 60px 80px 20px;
text-align: justify;
line-height: 150%;
}

h1 {
font-family: Arial, Sans-serif;
font-size: 10pt;
text-decoration: none;
color: #0B3184;
font-weight: bold;
margin: 0;
border: 0;
padding: 0;
}

#text a {
color: #0A3184;
}

/*#text a:visited {
color: #FAC021;
}*/

#text a:hover {
color: #0B3184;
text-decoration:underline;
}

#footer {
clear: both;
float: left;
height: 18px;
width: 740px;
background: #FABD15;
font-family: Arial, Sans-serif;
font-size: 8pt;
text-decoration: none;
color: #0B3184;
padding: 5px 0px 0px 10px;
}

#footer a {
text-decoration: none;
color: #0B3184;
}
#footer a:visited {
text-decoration: none;
color: #0B3184;
}
#footer a:hover {
text-decoration: underline;
color: #0B3184;
}

#vmenuopen {
background: transparent url(../images/menuopen2.jpg) no-repeat top left;
height: 28px;
width: 138px;
border-bottom: 1px solid #ebaa20;
}

#vmenuclose {
background: transparent url(../images/menuclose.jpg) no-repeat top left;
height: 16px;
width: 138px;
padding-bottom: 35px;
float: left;
}

#neu {
	background-image:url(../images/thumbnails/neu2.png);
	height:42px;
	width:42px;
	position:absolute;
	top:13px;
	left:-15px;
}

#blueboxopen {
width: 142px;
height: 7px;
background: #ffffff url(../images/blueboxopen.jpg) no-repeat bottom left;
float: left;
}

#bluebox {
width: 142px;
padding-left: 10px;
background: #ffffff url(../images/blueboxscroll.jpg) repeat-y top left;
float: left;
}

#bluebox-img {
background-image:url(../images/thumbnails/thumbnail_13.jpg);
background-repeat:no-repeat;
height: 119px;
width:142px;
float:left;
padding:23px 0 0 10px;
margin-bottom:8px;
position:relative;
}

.boxtext {
font-size: 9pt;
font-weight: bold;
/*padding-left: 10px;   --passt mit 'kostenlosen' nicht mehr*/
margin-left: -2px;
color: #FABD15;
}

#bluebox a , #bluebox-img a{
color: #0A3184;
}

#bluebox a:visited, #bluebox-img a:visited {
color: #0A3184;
}

#bluebox a:hover ,#bluebox-img a:hover {
color: #FABD15;
}

a.boxtextlink, a.boxtextlink:hover, a.boxtextlink:visited, a.boxtextlink:active{
color: #FABD15;
text-decoration:none;
}
a.boxtextlink:hover {
color: #FABD15;
text-decoration:underline;
}

#blueboxclose {
width: 142px;
height: 7px;
background: #ffffff url(../images/blueboxclose.jpg) no-repeat top left;
float: left;
margin-bottom: 30px;
}

.quoted {
text-align: right;
font-style: italic;
}

#blueboxopen2 {
width: 142px;
height: 7px;
background: #ffffff url(../images/blueboxopen2.jpg) no-repeat bottom left;
float: left;
}

#bluebox2 {
width: 142px;
padding-left: 15px;
background: #ffffff url(../images/blueboxscroll2.jpg) repeat-y top left;
float: left;
font-size: 8pt;
color: #0A2F7F;
}

#bluebox2 ul{
list-style-type: circle;
margin-top: 25px;
margin-left: 10px;
padding-left: 0px;
border: 0px;
}

#bluebox2 li{
margin-top: 10px;
}

#blueboxclose2 {
width: 142px;
height: 7px;
background: #ffffff url(../images/blueboxclose2.jpg) no-repeat top left;
float: left;
margin-bottom: 30px;
}