@charset "UTF-8";
/* CSS Document */

html {
width: 100%;
height: 100%;
overflow: -moz-scrollbars-vertical;
}

body {
background-color: #FFFFFF;
margin: 0px auto;
padding: 0px;
border: 0px solid #FF0000;
}

body,td,th,p {
font-family: Calibri, Arial, Helvetica, sans-serif;
}

#main {
min-width: 980px;
max-width: 1266px;
vertical-align: top;
margin: 0px auto;
padding: 5px;
border: 0px solid #000000;
}

#header {
min-width: 980px;
max-width: 1266px;
height: 69px;
margin: 0px auto;
background-color: #C53426;
vertical-align: top;
}

#logo {
float: left;
text-align: left;
border: 0px solid #FF0000;
padding-left: 60px;
margin-top: 15px;
}

#language {
float: right;
font-family: Calibri, Arial, Helvetica, sans-serif;
font-size: 11px;
text-transform: uppercase;
color: #FFFFFF;
margin: 0px;
padding-top: 30px;
padding-right: 35px;
border: 0px solid #000000;
}

#language a {
color: #FFFFFF;
text-decoration: none;
}

#language a:hover {
color: #FFFFFF;
text-decoration: underline;
}

#menue {
background-image: url(http://www.peterhajek.com/media/grafik/hg_menue.jpg);
background-position: 0px 56px;
background-repeat: no-repeat;
width: 247px;
height: 560px;
vertical-align: top;
margin: 0px;
padding: 0px;
border: 0px solid #000000;
}

#content {
height: 560px;
vertical-align: top;
margin: 0px;
padding: 0px;
border: 0px solid #FF0000;
}

#hauptcontent {
background-image: url(http://www.peterhajek.com/media/hintergrundbilder/hintergrundbild_neu.jpg);
background-position: top center;
background-repeat: no-repeat;
height: 560px;
vertical-align: top;
margin: 0px;
padding: 0px;
border: 0px solid #FFFF00;
}

#startbuttons {
float: right;
width: 250px;
vertical-align: top;
padding-top: 125px;
padding-left: 25px;
border: 0px solid #00FF00;
}

#startbuttons p {
padding: 0px;
margin-top: 7px;
margin-bottom: 0px;
}

#text {
width: 395px;
padding-left: 50px;
padding-top: 370px;
margin: 0px;
border: 0px solid #0000FF;
}

#text p {
font-family: Calibri, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #5A6064;
margin-left: 25px;
}

#text h1 {
font-family: Calibri, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #782118;
}

#picmenue {
background-image: url(http://www.peterhajek.com/media/hintergrundbilder/hg_picmenue_color.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
width: 247px;
height: 56px;
vertical-align: top;
font-size: 0px;
margin-bottom: 20px;
padding: 0px;
border: 0px solid #000000;
}

#picmenue img {
filter:Alpha(opacity=10, finishopacity=10, style=2);
opacity: 0.1;
margin: 0px;
padding: 0px;
border: 0px solid #000000;
}

#picmenue img:hover {
filter:Alpha(opacity=100, finishopacity=100, style=2);
opacity: 1.0;
}

#picmenue a {
font-size: 0px;
}

#web2menue {
margin-left: -5px;
padding: 0px;
}

#web2menue img {
float: left;
margin-bottom: 7px;
padding-top: 0px;
padding-right: 3px;
}

#web2menue ul {
list-style-type: none;
list-style-position: inside;
text-indent: 0px;
margin-left: 0px;
padding-top: 10px;
}

#web2menue li {
clear: both;
width: 130px;
list-style-type: none;
list-style-position: inside;
padding: 0px;
margin-left: 0px;
border: 0px solid #000000;
}

#web2menue li a {
display: block;
font-family: Arial, 'Lucida Grande', sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 14px;
text-transform: uppercase;
color: #898F92;
text-decoration: none;
border: 0px solid #00FF00;
}

#web2menue li a:hover {
color: #782118;
text-decoration: none;
}

#web2menue li .menu-current a {
color: #782118;
}

#web2menue a:active {
color: #782118;
}

#web2menue a:selected {
color: #782118;
}

#nebenmenue {
vertical-align: top;
width: 237px;
margin-top: 25px;
padding: 0px;
border: 0px solid #000000;
}

#nebenmenue ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}

#nebenmenue li {
list-style-type: none;
margin-left: 30px;
padding: 0px;
}

#nebenmenue a {
background-image: url(http://www.peterhajek.com/media/grafik/menuebullet_off.gif);
background-position: 2px 3px;
background-repeat: no-repeat;
display: block;
padding-left: 18px;
font-family: Arial, 'Lucida Grande', sans-serif;
font-size: 12px;
line-height: 16px;
font-weight: bold;
text-transform: uppercase;
color: #898F92;
text-decoration: none;
}

#nebenmenue a:hover {
background-image: url(http://www.peterhajek.com/media/grafik/menuebullet_on.gif);
background-position: 2px 3px;
background-repeat: no-repeat;
padding-left: 18px;
color: #782118;
text-decoration: none;
}

#nebenmenue li a:active {
background-image: url(http://www.peterhajek.com/media/grafik/menuebullet_on.gif);
background-position: 2px 3px;
background-repeat: no-repeat;
padding-left: 18px;
color: #782118;
text-decoration: none;
}

#nebenmenue li a:selected {
background-image: url(http://www.peterhajek.com/media/grafik/menuebullet_on.gif);
background-position: 2px 3px;
background-repeat: no-repeat;
padding-left: 18px;
color: #782118;
text-decoration: none;
}

#nebenmenue li.menu-current a {
background-image: url(http://www.peterhajek.com/media/grafik/menuebullet_on.gif);
background-position: 2px 3px;
background-repeat: no-repeat;
padding-left: 18px;
color: #782118;
text-decoration: none;
}

#fusszeile {
font-family: Calibri, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #898F92;
list-style-type: none;
margin-left: 38px;
margin-top: 20px;
padding: 0px;
}

#fusszeile a {
color: #898F92;
font-weight: normal;
text-transform: uppercase;
text-decoration: none;
}

#fusszeile a:hover {
color: #782118;
text-decoration: underline;
}

#fusszeile .menu-current a {
color: #782118;
}

#fusszeile a:active {
color: #782118;
}

#fusszeile a:selected {
color: #782118;
}

#startrollover a {
filter:Alpha(opacity=80, finishopacity=80, style=2);
opacity: 0.8;
margin: 0px;
padding: 0px;
border: 0px solid #000000;
}

#startrollover a:hover {
filter:Alpha(opacity=100, finishopacity=100, style=2);
opacity: 1.0;
}

#startrollover img {
background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
    zoom: 1;
filter:Alpha(opacity=80, finishopacity=80, style=2);
opacity: 0.8;
-moz-opacity:0.8;
-khtml-opacity: 0.8;
margin: 0px;
padding: 0px;
border: 0px solid #000000;
}

#startrollover img:hover {
background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
    zoom: 1;
filter:Alpha(opacity=100, finishopacity=100, style=2);
opacity: 1.0;
-moz-opacity:1.0;
-khtml-opacity: 1.0;
}

.login {
width: 120px;
border: 0px solid #CCCCCC;
margin-top: 0px;
margin-left: 38px;
padding: 0px;
text-align: left;
}

.logintext {
font-family: Calibri, Arial, Helvetica, sans-serif;
font-size: 0.8em;
font-weight: bold;
text-transform: uppercase;
color: #898F92;
}
.string {
width: 100px;
border: 1px solid #CCCCCC;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #777777;
}

.submit {
border: 0px dotted #CCCCCC;
margin-left: 3px;
padding-left: 20px;
font-family: Calibri, Arial, Helvetica, sans-serif;
font-size: 0.8em;
font-weight: bold;
text-transform: uppercase;
color: #898F92;
background-color: #F9F9F9;
background-image: url(http://www.peterhajek.com/media/grafik/lupe_off.gif);
background-position: 0px 2px;
background-repeat: no-repeat;
}

.submit:hover {
border: 0px solid #DDDDDD;
color: #782118;
background-image: url(http://www.peterhajek.com/media/grafik/lupe_on.gif);
background-position: 0px 2px;
background-repeat: no-repeat;
cursor: pointer;
}

.loginsubmit {
background-color: #FFFFFF;
width: 102px;
border: 1px solid #CCCCCC;
margin-top: 8px;
padding: 1px 10px;
font-family: Calibri, Arial, Helvetica, sans-serif;
font-size: 0.8em;
font-weight: bold;
text-transform: uppercase;
color: #898F92;
}

.loginsubmit:hover {
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
color: #782118;
cursor: pointer;
}