.html, body, * {
padding: 0px;
margin: 0px;
font-family: verdana, sans-serif ;
outline: none;
border: 0px none;
border-spacing: 0px;
text-decoration: none;
/*
scrollbar-base-color:#303030;
scrollbar-3d-light-color:#404040;
scrollbar-arrow-color:#ffcc00;
scrollbar-darkshadow-color:#000;
scrollbar-face-color:#303030;
scrollbar-highlight-color:#404040;
scrollbar-shadow-color:#000;
scrollbar-track-color:#303030;
*/
}

html {
height: 100%;
}

body {
background: url(../pics/body_bg.jpg) repeat-x  #303030;
height: 100%;
position: relative;
font-size: 0.9em;
}

.main {
width: 100%;
min-height: 100%;
height: auto !important;
height: 100%;
clear: both;
}

.page {
padding-top: 2%;
width: 100%;
margin: auto;
text-align: center;
float: left;
}

.header {
width: 100%;
height: 140px;
margin: auto;
text-align: center;
float: left;
}

#menu {display:block; height:40px; float:right; position: absolute; top: 96px; right: 20px;}
#menu ul {margin:0; padding:0; list-style-type:none;}
#menu li {float:left; display:block; width:100px;}
#menu li.list1 {background:transparent url(../pics/buttons/home_off.jpg);}
#menu li.list2 {background:transparent url(../pics/buttons/profile_off.jpg);}
#menu li.list3 {background:transparent url(../pics/buttons/skills_off.jpg);}
#menu li.list4 {background:transparent url(../pics/buttons/work_off.jpg);}
#menu li.list5 {background:transparent url(../pics/buttons/contact_off.jpg);}

#menu li.now1 {background:transparent url(../pics/buttons/home_now.jpg);}
#menu li.now2 {background:transparent url(../pics/buttons/profile_now.jpg);}
#menu li.now3 {background:transparent url(../pics/buttons/skills_now.jpg);}
#menu li.now4 {background:transparent url(../pics/buttons/work_now.jpg);}
#menu li.now5 {background:transparent url(../pics/buttons/contact_now.jpg);}

#menu a {display:block; width:100px; padding-top:40px; height:0; color:#000; text-decoration:none; outline: none; overflow:hidden;}

#menu a#item1 {background:transparent url(../pics/buttons/home_on.jpg) -100px 40px no-repeat;}
#menu a#item1:hover {background-position:top right; z-index:50;}

#menu a#item2 {background:transparent url(../pics/buttons/profile_on.jpg) -100px 40px no-repeat;}
#menu a#item2:hover {background-position:top right; z-index:50;}

#menu a#item3 {background:transparent url(../pics/buttons/skills_on.jpg) -100px 40px no-repeat;}
#menu a#item3:hover {background-position:top right; z-index:50;}

#menu a#item4 {background:transparent url(../pics/buttons/work_on.jpg) -100px 40px no-repeat;}
#menu a#item4:hover {background-position:top right; z-index:50;}

#menu a#item5 {background:transparent url(../pics/buttons/contact_on.jpg) -100px 40px no-repeat;}
#menu a#item5:hover {background-position:top right; z-index:50;}

.Marco_Kuttkat_Logo {
position: absolute; 
top:43px; 
left: 20px; 
}

.Marco_Kuttkat_Photo {
position: absolute;
top:111px;
left: 5%;
float:left;
}

.CV_Marco_Kuttkat {
position: absolute;
top:276px;
right: 5%;
}
 
.System_Admin_Teaser {
width: 100%;
height: 225px;
margin: auto;
vertical-align: bottom;
float:left;
clear:both;
background: url(../pics/ajax-loader.gif)transparent no-repeat 250px 70px ;
}

.System_Admin_Teaser p{
line-height: 1.7em;
}

.welcome {
font-size: 1.5em; 
font-weight: 100;
width: 480px;
color: #ddd;
text-align: left;
padding-left: 50%;
padding-top: 30px;
}

.error {
font-size: 2.5em; 
font-weight: 100;
width: 480px;
color: #b00404;
text-align: left;
padding-left: 50%;
padding-top: 30px;
}

.highlight {
color: #ffcc00;
}

.element {
width: 975px;
margin: auto;
text-align: left;
}

.element ul {
/*
width: 480px;
*/
font-size: 0.9em;
}

.element li {
color: #eee;
margin-left: 50px;
list-style: url(../pics/icons/dot.gif);
padding-bottom: 10px;
}

.left {
width: 300px;
text-align: left;
float:left;
}

.middle {
width: 300px;
margin: auto;
text-align: left;
border-left: 1px solid #202020;
}

.right {
width: 300px;
text-align: left;
float:right;
border-left: 1px solid #202020;
}

table {
padding-bottom: 30px;
}

.systemadministrator_work {
width: 975px;
margin: auto;
text-align: left;
background: url(../pics/work_bg.jpg) repeat-y;
margin-bottom: 30px;
vertical-align: bottom;
}

.systemadministrator_work ul {
width: 480px;
float:left;
font-size: 0.9em;
}

.systemadministrator_work li {
color: #eee;
margin-left: 50px;
list-style: url(../pics/ok.gif);
padding-bottom: 10px;
}

.systemadministrator_work h1 {
margin-top: -10px;
margin-bottom: 15px;
padding-bottom: 5px;
border-bottom: 5px solid #404040;
}

.systemadministrator_work img {
border: 0px none;
outline: none;
vertical-align: bottom;
}

.eDiscovery_Case_Manager {
color: #eee;
font-size: 0.9em;
}

.eDiscovery_Case_Manager li {
padding: 2px;
list-style: url(../pics/ok.gif);
margin-left: 45px;
}

h1 {
font-size: 1.2em;
font-weight: 100;
padding-left: 20px;
color: #ffcc00;
}

h2 {
font-size: 1.0em;
font-weight: 100;
padding-left: 20px;
color: #eee;
font-weight: 600;
}

hr {
width: 975px;
height: 1px;
border-bottom: 1px solid #404040;
}

p {
font-size: 0.9em;
line-height: 1.30em;
padding: 5px 20px 20px 20px;
color: #eee;
}

strong {
font-weight: 500;
color: #ffee99;
}

.null {
font-size: 0em;
}

abbr, span.abbr {
border-bottom: 1px dashed #ccc;
cursor: help;
}

input, textarea {
margin: 5px 0px;
width: 273px;
height: 21px;
border: 1px solid #202020;
padding: 2px;
background: url(../pics/input.jpg) #404040;
color: #99cc00;
font-weight: bold ;
}

textarea {
font-size: 0.9em;
height: 105px;
background: url(../pics/textarea.jpg) repeat-x #404040;
}

input#submit{
width: 76px;
height: 24px;
padding: 0px;
font-size: 0.9em;
border: 0px none;
color: #212c00;
background: url(../pics/send.gif) no-repeat #ccff00;
cursor: pointer;
font-weight: 700 ;
}

.footer {
width: 100%;
height: 70px;
text-align: left;
float: left;
background: url(../pics/footer.jpg) repeat-x center;
}

.foot {
font-size: 0.8em;
padding: 10px 15px;
color: #555;
float: left;
}

a.headlink {
padding: 15px 20px;
float: right;
font-size: 0.8em;
color: #aaa;
text-decoration: none;
}

a.headlink:hover {
color: #fff;
}

a.footlink {
color: #555;
text-decoration: none;
}

a.footlink:hover {
color: #777;
}

a {
color: #99cc00;
text-decoration: underline;
}

a:hover {
color: #ccff00;
}

.top a {
text-decoration: none;
margin-right: 70px !important;
margin-right: 40px;
display: block;
float: right;
width: 42px;
height: 42px;
background: transparent url(../pics/top.gif) no-repeat;
}

.top a:hover {
background-position: -42px 0;
}

.pdf a {
text-decoration: none;
position: relative; 
top: -20px; 
display: block;
margin-right:5px;
float:right;
width: 42px;
height: 42px;
background: transparent url(../pics/icons/pdf.gif) no-repeat;
}

.pdf a:hover {
background-position: -42px 0;
}

.info a {
text-decoration: none;
position: relative; 
top: -20px; 
display: block;
margin-right:5px;
float:right;
width: 42px;
height: 42px;
background: transparent url(../pics/icons/info.gif) no-repeat;
}

.info a:hover {
background-position: -42px 0;
}