/* 
    Document   : layout
    Created on : 04.03.2009, 08:34:38
    Author     : cb
    Description:
    Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root{ 
    display: block;
}
#main{
    position:absolute;
	/*top:50%;*/
    top:40px;
	left:50%;
	width:1024px;
	height:768px;
	/*margin-top:-384px;*/
  	margin-left:-512px;
	background-color:#D3E7FF;
	z-index: 1;
}

#verlauf{
	position:absolute;
	top:0px;
	left:0px;
	width: 100%;
	height: 100%;
	background-image:url("../images/verlauf.png");
	background-repeat: repeat-x;
}

#header{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:29px;
    background-color:transparent;
    background-image:url("../images/header.png");
    font-size:12px;
    font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
    font-weight:bold;
    color:black;
    z-index: 2;
}

#bottom{
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    height:29px;
    background-image:url("../images/bottom.png");
    font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
    color:black;
    z-index: 2;
}

#borderLeft{
    position:absolute;
    top:29px;
    left:0px;
    height:738px;
    width:1px;
    background-color:#97a5b7;
    z-index: 2;
}

#borderRight{
    position:absolute;
    top:29px;
    right:0px;
    height:738px;
    width:1px;
    background-color:#97a5b7;
    z-index: 2;
}

#flash{
    position:absolute;
    top:31px;
    right:2px;
    width:807px;
    height:123px;
    background-color:white;
    /*background-image:url("../images/backAx.png");
    background-repeat:repeat-x;*/
    padding:0px;
    margin:0px;
    vertical-align:top;
    border:#97a5b7 solid 1px;
    z-index: 2;
}

#topLinks{
    position:absolute;
    top:31px;
    right:2px;
    width:807px;
    height:123px;
    background-image:url("../images/backAx.png");
    background-repeat:repeat-x;
    padding:0px;
    margin:0px;
    vertical-align:top;
    border:#97a5b7 solid 1px;
    z-index: 2;
}

#linkButton{
    position:absolute;
    background-color:transparent;
    left:2px;
    top:4px;
    z-index:10;
}

#linkName{
    position:absolute;
    left:2px;
    bottom:4px;
    height:30px;
    color:white;
    background-image:url("../images/axButtonBackSilver.png");
    background-repeat:repeat-x;
    /*border:#000000 solid 1px;*/
    z-index:10;
}

#linkNameMiddle{
    position:absolute;
    bottom:2px;
    height:20px;
    font-size:14px;
    font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
    font-weight:bold;
    color:black;
    background-color:transparent;
    text-align:center;
}

#topImage{
    position:absolute;
    top:3px;
    right:0px;
    height:118px;
    font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
    font-weight:bold;
    background-color:transparent;
}

#logo{
    position:absolute;
    top:31px;
    left:2px;
    width:208px;
    height:123px;
    background-color:white;
    vertical-align:middle;
    text-align:center;
    border:#97a5b7 solid 1px;
    z-index: 2;
}

#jpgLogo{
    position:absolute;
    top:30px;
    left:25px;
    width:160px;
    height:80px;
    background-color:white;
    z-index: 3;
}

#links{
    position:absolute;
    /*top:155px;*/
    top:540px;
    left:2px;
    width:210px;
    height:198px;
    background-color:transparent;
    padding:0px;
    margin:0px;
    z-index: 3;
}

#actualy{
    position:absolute;
    /*top:354px;*/
    top:157px;
    left:2px;
    width:208px;
    height:380px;
    background-color:white;
    padding:0px;
    margin:0px;
    font-size:12px;
    font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
    color:#84122a;
    border:#97a5b7 solid 1px;
    z-index: 2;
}

#text{
    position:absolute;
    top:10px;
    left:10px;
    width:190px;
    height:364px;
    z-index: 3;
}

#middle{
    position:absolute;
    bottom:30px;
    right:2px;
    width:807px;
    height:579px;
    background-color:white;
    padding:0px;
    margin:0px;
    font-size:12px;
    font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
    border:#97a5b7 solid 1px;
    overflow:auto;
    z-index: 2;
}

#productOne{
    position:absolute;
    top:368px;
    left:20px;
    height:120px;
    width:300px;
    border-bottom:1px;
    border-left:1px;
    border-right:1px;
    border-top:1px;
    border-color:#CCCCCC;
    border-style:solid;
    z-index: 3;
}

#homeImage{
    position:absolute;
    top:358px;
    left:400px;
    height:140px;
    width:400px;
    /*border-bottom:1px;
    border-left:1px;
    border-right:1px;
    border-top:1px;
    border-color:#CCCCCC;
    border-style:solid;*/
    z-index: 3;
}

a.blue:link{
	color:#003399;
	text-decoration:none;
}
a.blue:visited{
	color:#003399;
	text-decoration:none;
}
a.blue:hover{
	color:#000000;
	text-decoration:none;
}

td.tableTextBold{
    font-size:12px;
    font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
    font-weight:bold;
}

td.tableText{
    font-size:12px;
    font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
}

td.middle{
	text-align: center;
	vertical-align: middle;
}

input{
	border: 1px;
	border-color: #a5acb2;
	border-style: solid;
}

textarea{
	border: 1px;
	border-color: #a5acb2;
	border-style: solid;
}

.fullOut{
    width:0px;
    border:0px;
}

.four{
    width:342px;
}

.fourIn{
    width:332px;
}

.fourOut{
    width:334px;
    border:#000000 solid 1px;
}

.three{
    width:258px;
}

.threeIn{
    width:248px;
}

.threeOut{
    width:250px;
    border:#000000 solid 1px;
}

.one{
    width:78px;
}

.oneIn{
    width:74px;
}

.oneOut{
    width:78px;
    border:#000000 solid 1px;
}

.oneRest{
    width:710px;
}

.threeRest{
    width:550px;
}

.fourRest{
    width:465px;
}

.fullRest{
    width:805px;
}

.justify{
    text-align:justify;
    font-size:12px;
}

.justifyHome{
    text-align:justify;
    font-size:11px;
}

.company{
    width:150px;
    display:none;
}

.contact{
    width:213px;
}

input.username{
    background: url(../images/bginputusr.gif) no-repeat right top;
    height:17px;
    color: #000000;
    font-size:10px;
    border:solid;
    border-color:gray;
    border-width:1px;
    width:138px;
}

input.password{
    background: url(../images/bginputpwd.gif) no-repeat right top;
    height:17px;
    color: #000000;
    font-size:10px;
    border:solid;
    border-color:gray;
    border-width:1px;
    width:138px;
}