/* CSS Document */

html {
height:100%; 
max-height:100%;  
padding:0; 
margin:0; 
border:0; 
font-size:13px; 
font-family: verdana, sans-serif; 
color: #dfdfdf;
background: url(../img/bg_blau.jpg) -18px 0 no-repeat #3478E3; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }

body {height:100%; max-height:100%; overflow:hidden; padding:0; margin:0;}
#content {display:block; height:100%; max-height:100%; overflow:auto; padding-left:240px; position:relative; z-index:3;}
#head {position:fixed; margin:0; top:0; right:18px; display:block; width:100%; height:140px; background: url(../img/bg_blau_header.jpg) no-repeat #3C80E1; text-align:right; font-size:2.5em;font-weight: bold; z-index:5; color:#000080;}
#foot {position:fixed; margin:0; bottom:-1px; right:18px; display:block; width:100%; height:40px; background: transparent; color:#dfdfdf; text-align:right; font-size:1em; z-index:4;}

#left {position:fixed; left:0; top:0; height:100%; width:190px; background: transparent; background-position:0 100px;; font-size:1em; color:#dfdfdf;z-index:4; padding-left: 10px;}

* html #head, * html #foot,* html #left {position:absolute;}

#pad1 {display:block; width:180px; height:140px; float:left; text-align:center;}
#pad3 {display:block; width:18px; height:50px; float:left;}
.pad2 {display:block; height:140px; list-style:none}

#content p {padding:5px;}


.bold {font-weight:bold;}

#wordsleft {float:left; top:100px; left:150px; height:200px; width:150px; background:#efd; border:1px solid #000; margin:5px; padding:5px;} 
#wordsright {float:right; top:100px; right:150px; height:260px; width:350px; background:transparent; border:none; margin:5px; padding:0px;}
#wordsabsolute {position:absolute; top:280px; left:400px; background:#eee; border:1px solid #000; margin:5px; padding:5px; font-size:2em; color:#c00;}
#wordsrelative {position:relative; top:10px; left:30px; background:#ddd; border:1px solid #000; margin:5px; padding:5px; font-size:2em; color:#c00; width:200px;}

a.nav, a.nav:visited {display:block; width:100px; height:25px; text-decoration:none; color:#dfdfdf; font-weight:bold; line-height:25px; padding-left: 20px;}
a.nav:hover {color:#fff; padding-left: 20px; background: url(../img/tropfen.gif) 0px 5px no-repeat;}

.self {display: block; width: 100px; height:25px; color: #fff; font-weight:bold; line-height: 25px; padding-left: 20px; background: url(../img/tropfen.gif) 0px 5px no-repeat;}

a:link { color:#dfdfdf; text-decoration:none; font-weight:bold; }
a:visited { color:#dfdfdf; text-decoration:none; font-weight:bold; }
a:hover { color:#fff; text-decoration: none;; font-weight:bold; }
a:active { color:#fff; text-decoration: none;; font-weight:bold; }

#popup {
	background: transparent;
	border: 0px solid #ff0000;
	color: #f60;
	width: 524px;
	position: absolute;
	top: 125px;
	left: 330px;
}


#popup h1 {
	font-size: 1.1em;
}


#popup a {
	text-decoration: none;
	background-color:#FFFFFF;
	font-size: 1em;
	font-weight: bold;
	color: red;
	border: 2px solid #ff0000;
	padding: 4px 4px 4px 4px;
	width: 11px;
	position: absolute;
	top: 18px;
	left: 494px;
}

#tabel{ width:700px;}
#tabel_row{ width:700px;}
#tabel .cell{
   float:left;
   width: 200px;
   margin-top: 20px;
   margin-bottom: 25px;
   margin-right: 30px;
   border: 0px;
   font-size: 90%;
   text-align:center;
   color:#dfdfdf;
}

#tabel .cell img{
     border: 0 ;
}

.leftalign{	float: left;}