* {
margin:0;
padding:0;
}
html,body {
height:100%;
margin:0;
padding:0;
}

body {
font-family:verdana, sans-serif;
font-size:1em;
background:#fff url(../img/page/bg.png) repeat-x left top;
color:#000;
}

div#wrapBox {
width:900px;
position:relative;
margin:0 auto;
min-height:100%;
}
* html div#wrapBox {
height:100%;
}

#headBox {
background:url(../img/page/page_sprites.png) no-repeat -1800px 0;
height:60px;
}
#headBox h1 {
display:none;
}

div#mainNav {
background:url(../img/page/page_sprites.png) no-repeat -1800px -60px;
border-bottom:1px solid #b5bfca;
padding-bottom:0px;
font-weight:bold;
font-size:.7em;
}
div#mainNav ul {
margin:0;
padding:10px 56px;
list-style:none;
}
div#mainNav li {
display:inline;
margin:0;
padding:0;
}
div#mainNav a {
float:left;
background:url(../img/tabmenu/tableftJ.png) no-repeat left top;
margin:0;
padding:0 0 0 5px;
text-decoration:none;
}
div#mainNav a span {
float:left;
display:block;
background:url(../img/tabmenu/tabrightJ.png) no-repeat right top;
padding:5px 35px 4px 26px;
color:#24618E;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
div#mainNav a span {float:none;}
/* End IE5-Mac hack */
div#mainNav a:hover span {
color:#fff;
background:url(../img/tabmenu/tabrightJ.png) no-repeat right top;
}
div#mainNav a:hover, div#mainNav a#current {
background-position:0% -42px;
}
div#mainNav a:hover span, div#mainNav a#current span {
background-position:100% -42px;
color:#fff;
}

div#contentBox {
position:relative;
background: url(../img/page/page_sprites.png) no-repeat -900px 0;
padding:0 10px 115px 10px;
margin-top:20px;
font-size:.7em;
}

.clearfix:after {
content:".";
display:block;
height:0;
font-size:0;
clear:both;
visibility:hidden;
}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

div#leftColumn {
margin:10px 0 0 0;
padding-top:16px;
float:left;
display:inline;
width:570px;
}
div#infoBox h1 {
color:#3866a6;
font-size:2em;
font-weight:bold;
margin:0 20px 5px 20px;
padding:0 0 0 10px;
border-bottom:1px solid #b5bfca;
}
div#infoBox h1 span {
position: relative;
left: -0.5em;
bottom: -0.6em;
padding: 1px 0.5em;
margin: 0;
border-style: solid;
border-width: 1px 1px 1px 0.8em;
border-color: #b5bfca #b5bfca #b5bfca #3866a6;
background: #fff;
}
div#infoBox h2 {
font-size:1.3em;
font-weight:bold;
}
div#infoBox p {
margin:0;
padding:10px 10px 5px 0px;
}
div#infoBox p.spacer {
margin:0;
padding:0;
}


/* lists */

div#infoBox ul  {
margin:40px 30px 0 30px;
padding:0 0 0 0px;
list-style-type:none;
}
div#infoBox ul ul {
padding:0;
margin:0 0 0 25px;
}
div#infoBox li {
margin:15px 0 0 0;
line-height:1.4em;
}
div#infoBox ul#intro li {
list-style-type:none;
}
div#infoBox ul#intro li li {
list-style-type:square;
}

div#infoBox ul#impressum {
margin:15px 0 0 40px;
padding-top:5px;
}
div#infoBox ul#intro li span.head,
div#infoBox ul#impressum li span.head {
font-size:1.2em;
font-weight:bold;
}
div#infoBox ul#impressum li,
div#infoBox ul.news-list ul li,
div#infoBox ul#lab-list ul li,
div#infoBox ul#tutorials-list ul li,
div#infoBox ul#resources-list ul li {
list-style-type:square;
}
div#infoBox ul#impressum ul {
margin:5px 0 0 0;
padding:5px 0 0 0;
}
div#infoBox ul#impressum li {
margin:2em 0 0 0;
padding:0 0 0 0;
}
div#infoBox ul#impressum ul li {
list-style-type:none;
margin:0 0 0 0;
padding:0 30px 0 0;
line-height:1.6em;
}
div#infoBox dl#profil {
margin:20px 0 0 30px;
padding:1em 0 0 0;
}
div#infoBox dl#profil dt {
float:left;
width:130px;
clear:left;
margin:1em 0 0 0;
font-weight:bold;
}
div#infoBox dl#profil dd {
margin:1em 0 0 130px;
}
div#infoBox dl#profil dd p {
margin:-.4em 0 0 0;
}
div#infoBox dl#profil dd ul {
margin:-.2em 0 0 0;
padding:0;
list-style:square inside;
}
div#infoBox dl#profil dd ul li {
margin:5px 0;
padding:0;
}
div#infoBox ul#photogallery {
margin:0 0 0 20px;
}
div#infoBox ul#photogallery li {
float:left;
width:145px;
height:193px;
margin-right:6px;
position:relative;
}
div#infoBox ul#photogallery li span {
visibility:hidden;
display:none;
position:absolute;
text-decoration:none;
font-weight:normal;
}
div#infoBox ul#photogallery li:hover span {
visibility:visible;
display:block;
width:225px;
padding:5px 15px;
bottom:5px;
left:5px;
border:1px solid #1f3854;
color:#000;
font-weight:bold;
}
div#infoBox ul#photogallery li:hover span {
background:url(../img/sitemapNav/opacity_e4edf8_50.png);
}
div#infoBox ul#photogallery li#maik_01,
div#infoBox ul#photogallery li#maik_02,
div#infoBox ul#photogallery li#maik_03 {
background-image:url(../img/persona/maik.jpg);
}
div#infoBox ul#photogallery li#maik_01 {
z-index:997;
background-position:0 0;
}
div#infoBox ul#photogallery li#maik_02 {
z-index:998;
background-position:0 -193px;
}
div#infoBox ul#photogallery li#maik_03 {
z-index:999;
background-position:0 -386px;
}
div#infoBox ul#photogallery li#maik_01:hover {
background-position:-145px 0;
}
div#infoBox ul#photogallery li#maik_02:hover {
background-position:-145px -193px;
}
div#infoBox ul#photogallery li#maik_03:hover {
background-position:-145px -386px;
}




div#infoBox ul#lab-list li img, div#infoBox ul#tutorials-list li img, div#infoBox ul#resources-list li img {
margin:0 10px 0 0;
border:0;
cursor:default;
}
div#infoBox ul#lab-list li.online, div#infoBox ul#tutorials-list li.online, div#infoBox ul#resources-list li.online {
list-style-type:none;
margin:20px 0 0 0;
padding:0;
}
div#infoBox ul#lab-list li.online a:link,
div#infoBox ul#lab-list li.online a:visited,
div#infoBox ul#tutorials-list li.online a:link,
div#infoBox ul#tutorials-list li.online a:visited,
div#infoBox ul#resources-list li.online a:link,
div#infoBox ul#resources-list li.online a:visited {
display:block;
margin:15px 0;
padding-left:12px;
background:url(../img/extern/item_off.png) no-repeat 0 50%;
color:#91A2B1;
}
div#infoBox ul#lab-list li.online a:hover,
div#infoBox ul#tutorials-list li.online a:hover,
div#infoBox ul#resources-list li.online a:hover {
background:url(../img/extern/item_on.png) no-repeat 0 50%;
color:#2E5488;
}


/* browsercheck */

div#infoBox ul#lab-list,
div#infoBox ul#tutorials-list {
margin-left:30px;
}
div#infoBox ul.browsercheck {
margin:15px 0 0 30px;
padding:0;
float:left;
display:inline;
width:220px;
}
div#infoBox ul.browsercheck li {
list-style:none;
margin:15px 5px;
height:24px;
background-image:url(../img/browsercheck/browsercheck.png);
background-repeat:no-repeat;
}
div#infoBox ul.browsercheck li span {
display:block;
padding-left:35px;
padding-top:6px;
font-size:.9em;
font-style:italic;
}
#firefox {
background-position:0 0;
}
#google-chrome {
background-position:0 -24px;
}
#ie {
background-position:0 -48px;
}
#mozilla {
background-position:0 -72px;
}
#netscape {
background-position:0 -96px;
}
#opera {
background-position:0 -120px;
}
#safari {
background-position:0 -144px;
}
#seamonkey {
background-position:0 -168px;
}


/* news */

div#infoBox ul.news-list {
margin:25px 20px 20px 30px;
padding:5px 0 0 0;
/*border-bottom:1px solid #b5bfca;*/
}
div#infoBox ul.news-list li {
margin:10px 0 0 0;
}

/* resources */

div#infoBox ul#resources-list ul  {
margin-top:0px;
}

div#infoBox ul#resources-list ul li {
margin:8px 0 0 10px;
}
div#infoBox ul#resources-list ul li ul  {
margin-top:0;
}

/* sitemap */

div#infoBox ul#sitemap-list {
margin:40px 0 0 40px;
font-weight:bold;
}
div#infoBox ul#sitemap-list ul {
margin:0 0 0 35px;
padding:0;
}
div#infoBox ul#sitemap-list li {
list-style:none;
margin:4px 0 0 0;
}
div#infoBox ul#sitemap-list li.bullet {
list-style:square;
}
div#infoBox ul#sitemap-list li a {
font-weight:bold;
}
div#infoBox ul#sitemap-list li a:link, div#infoBox ul#sitemap-list li a:visited {
color:#a5afba;
background:url(../img/sitemapNav/dot.png) no-repeat left center;
padding-left:12px;
}
div#infoBox ul#sitemap-list li a:hover {
color:#234169;
background:url(../img/sitemapNav/dot_current.png) no-repeat left center;
}
div#infoBox ul#sitemap-list a.infobox:link, div#infoBox ul#sitemap-list a.infobox:visited {
text-decoration:none;
}
div#infoBox ul#sitemap-list a:hover {
border:none;
color:#234169;
text-decoration:none;
}
div#infoBox ul#sitemap-list a span.infobox {
visibility:hidden;
display:none;
position:absolute;
text-decoration:none;
font-weight:normal;
}
div#infoBox ul#sitemap-list a:hover span.infobox {
visibility:visible;
display:inline;
z-index:1000;
width:250px;
padding:15px;
margin-left:8px;
border:1px solid #1f3854;
color:#000;
font-weight:bold;
}
div#infoBox ul#sitemap-list a:hover span.infobox[class] {
background:url(../img/sitemapNav/opacity_e4edf8_50.png);
}

/*  contact */

div#infoBox form#contactForm {
width:410px;
margin:40px auto 0 auto;
padding:0;
text-align:left;
/*border:1px solid #959faa;*/
}
div#infoBox form#contactForm input, div#infoBox form#contactForm textarea {
font-family:verdana, sans-serif;
font-size:11px;
}
div#infoBox ul#form {
margin:0;
padding:0;
}
div#infoBox ul#form li {
list-style-type:none;
margin:0 0 5px 0;
padding:0 0 0 0;
}
* html div#infoBox ul#form li {
padding:0 0 1px 0;
}
div#infoBox label {
float:left;
width:100px;
text-decoration:underline;
}
div#infoBox input.text {
width:300px;
border:1px solid #959faa;
padding:2px 0;
background:#f8f8f8;
}
div#infoBox input.captcha {
border:1px solid #959faa;
background:#f8f8f8;
padding:2px 0;
}
div#infoBox img.captcha {
vertical-align:top;
margin-left:16px;
margin-bottom:3px;
}
div#infoBox input.button {
width:100px;
border:1px solid #959faa;
background:#d5d5d5;
color:#000;
}
div#infoBox textarea {
width:300px;
height:100px;
border:1px solid #959faa;
background:#f8f8f8;
overflow:auto;
}


div#rightColumn {
margin:10px 0 0 0;
padding-top:5px;
float:right;
display:inline;
width:305px;
min-height:500px;
font-size:0.95em;
}

* html div#rightColumn {
height:500px;
margin-left:-3px;
}

div#subNav {
margin:0 0 0 0;
}
div#subNav ul {
width:270px;
margin:0 0 0 20px;
padding:0 0 0 0;
}
ul.open {
display:block;
}
ul.closed {
display:none;
}
div#subNav li {
list-style-type:none;
padding:0;
margin:8px 0 0 0;
}
div#subNav li h2 {
color:#3866a6;
font-size:1.5em;
font-weight:bold;
margin:20px 5px 5px 0px;
padding:0 0 0 10px;
border-bottom:1px solid #b5bfca;
}
div#subNav li a {
display:block;
width:100%;
color:#a5afba;
font-weight:bold;
}
div#subNav li a:hover {
color:#234169;
}
div#subNav li ul {
width:215px;
margin:10px 0 0 5px;
padding:0 0 0 12px;
}
div#subNav li ul li  {
margin:2.5px 0 0 0;
}
div#subNav li ul li a {
padding:2px 0 2px 15px;
}
div#subNav ul li ul li a.normal {
color:#a5afba;
background:url(../img/subNav/dot_submenu.png) no-repeat left center;
}
div#subNav ul li ul li a.normal:hover, div#subNav ul li ul li a.current {
color:#234169;
background:url(../img/subNav/dot_submenu_current.png) no-repeat left center;
}
div#subNav li p {
padding:0;
}
li img {
cursor:pointer;
border:0;
}

div#rightColumn ul#contact-info {
margin:40px 15px 0 15px;
padding:0 0 12px 0;
list-style:none;
border-bottom:1px solid #b5bfca;
}

div#rightColumn ul#contact-info li {
margin:15px 0 0 0;
}

div#footBox {
position:relative;
z-index:10;
margin:-95px auto 0 auto;
height:95px;
width:900px;
}

div#foot {
height:60px;
width:900px;
background:url(../img/page/page_sprites.png) no-repeat -1800px -95px;
color:#dfdfdf;
font-weight:bold;
font-size:.7em;
}
div#foot ul, div#foot ul ul  {
margin:0;
padding:0;
}
div#foot ul {
padding-top:5px;
margin:0 30px 0 30px;
}
div#foot ul ul  {
padding-top:6px;
}
div#foot li, div#foot li ul li {
list-style:none;
}
div#foot li ul li {
display:inline;
margin:0 15px 0 0;
}
div#foot a:link, div#foot a:visited {
font-weight:bold;
color:#a5afba;
}
div#foot a:hover {
color:#dfdfdf;
}

#lab div#foot ul#validation,
#tutorials div#foot ul#validation,
#resources div#foot ul#validation {
padding-top:0;
margin-top:8px;
text-align:center;
}
div#foot ul#validation li {
display:inline;
color:#a5afba;
}
div#foot ul#validation li a {
font-size:0.7em;
font-weight:bold;
}
#home div#foot ul,
#news div#foot ul,
#sitemap div#foot ul,
#contact div#foot ul {
padding:45px 0 0 0;
text-align:center;
}
#home div#foot li,
#news div#foot li,
#sitemap div#foot li,
#contact div#foot li  {
display:inline;
color:#a5afba;
}
#home div#foot li a,
#news div#foot li a,
#sitemap div#foot li a,
#contact div#foot li a {
font-size:0.7em;
font-weight:bold;
}



div#copyright {
background:url(../img/page/page_sprites.png) repeat-x -1800px -155px;
height:35px;
width:876px;
padding:0 12px;
font-size:0.55em;
line-height:2em;
clear:both;
color:#4a5c74;
text-align:center;
font-weight:bold;
}
div#copyright ul {
margin:0;
padding:0;
}
div#copyright li {
list-style-type:none;
}


/* hyperlinks */


a:link, a:visited {
text-decoration:none;
color:#959faa;
font-weight:bold;
}
a:hover {
text-decoration:none;
color:#234169;
font-weight:bold;
}