body,td,th {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000000;

}

body {

	background-color: #FFFFFF;

	background-image: url(bg.gif);

	background-repeat: repeat;

	margin: 10px;

}





a:link, a:visited, a:active {

	color: #003366;

	text-decoration: none;

}

a:hover {

	color: #336699;

	text-decoration: none;

}

hr {

	margin: 15px 0px 15px 0px;

	color: #003366;

	height: 1px;

	width: 100%;

}

h1 {

	font-size: 18px;

	color: #003366;

	margin: 5px 0px 5px 0px;

}

h2 {

	font-size: 15px;

	color: #336699;

	margin: 15px 0px 5px 0px;

}

form {

	margin: 0;

}

.header {

	width: 750px;

	height: 80px;

	background-color: #FFFFFF;

	vertical-align: top;

}


/* HEAD navigation */

menu_navigation {

	background-color: #FFFFFF;

}


.menu-current > a {font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif; font-size: 14px; color: #FFFFFF; text-decoration: bold; padding-right:15px}
.menu-current > a:link {font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif; font-size: 14px; color: #FFFFFF; text-decoration: bold; padding-right:15px}
.menu-current > a:visited {font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif; font-size: 14px; color: #FFFFFF; text-decoration: bold; padding-right:15px}
.menu-current > a:hover {font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif; font-size: 14px; color: #FFFFFF; text-decoration: bold; padding-right:15px}

.menu-currentzwei > a {font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif; font-size: 14px; color: #FFFFFF; text-decoration: bold; padding-right:15px}
.menu-currentzwei > a:link {font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif; font-size: 14px; color: #FFFFFF; text-decoration: bold; padding-right:15px}
.menu-currentzwei > a:visited {font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif; font-size: 14px; color: #FFFFFF; text-decoration: bold; padding-right:15px}
.menu-currentzwei > a:hover {font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif; font-size: 14px; color: #FFFFFF; text-decoration: bold; padding-right:15px}

.menu-sibling > a {font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif; font-size: 14px; color: #7A7979; text-decoration: bold; padding-right:15px}
.menu-sibling > a:link {font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif; font-size: 14px; color: #7A7979; text-decoration: bold; padding-right:15px}
.menu-sibling > a:visited {font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif; font-size: 14px; color: #7A7979; text-decoration: bold; padding-right:15px}
.menu-sibling > a:hover {font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif; font-size: 14px; color: #FFFFFF; text-decoration: bold; padding-right:15px}


.menu-siblingzwei > a {font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif; font-size: 14px; color: #7A7979; text-decoration: bold; padding-right:15px}
.menu-siblingzwei > a:link {font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif; font-size: 14px; color: #7A7979; text-decoration: bold; padding-right:15px}
.menu-siblingzwei > a:visited {font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif; font-size: 14px; color: #7A7979; text-decoration: bold; padding-right:15px}
.menu-siblingzwei > a:hover {font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif; font-size: 14px; color: #FFFFFF; text-decoration: bold; padding-right:15px}


.menu-first > a {font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif; font-size: 14px; color: #7A7979; text-decoration: bold; padding-right:15px}
.menu-first > a:link {font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif; font-size: 14px; color: #7A7979; text-decoration: bold; padding-right:15px}
.menu-first > a:visited {font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif; font-size: 14px; color: #7A7979; text-decoration: bold; padding-right:15px}
.menu-first > a:hover {font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif; font-size: 14px; color: #FFFFFF; text-decoration: bold; padding-right:15px}

.menu-firstzwei > a {font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif; font-size: 14px; color: #7A7979; text-decoration: bold; padding-right:15px}
.menu-firstzwei > a:link {font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif; font-size: 14px; color: #7A7979; text-decoration: bold; padding-right:15px}
.menu-firstzwei > a:visited {font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif; font-size: 14px; color: #7A7979; text-decoration: bold; padding-right:15px}
.menu-firstzwei > a:hover {font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif; font-size: 14px; color: #FFFFFF; text-decoration: bold; padding-right:15px}


.menu-lastzwei > a {font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif; font-size: 14px; color: #7A7979; text-decoration: bold; padding-right:15px}
.menu-lastzwei > a:link {font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif; font-size: 14px; color: #7A7979; text-decoration: bold; padding-right:15px}
.menu-lastzwei > a:visited {font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif; font-size: 14px; color: #7A7979; text-decoration: bold; padding-right:15px}
.menu-lastzwei > a:hover {font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif; font-size: 14px; color: #FFFFFF; text-decoration: bold; padding-right:15px}

.zwei > a {font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif; font-size: 14px; color: #7A7979; text-decoration: bold; padding-right:15px}
.zwei > a:link {font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif; font-size: 14px; color: #7A7979; text-decoration: bold; padding-right:15px}
.zwei > a:visited {font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif; font-size: 14px; color: #7A7979; text-decoration: bold; padding-right:15px}
.zwei > a:hover {font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif; font-size: 14px; color: #FFFFFF; text-decoration: bold; padding-right:15px}


/* HEAD navigation */









.menu {

	vertical-align: top;

	background-color: #FFFFFF;

	width: 170px;

	padding: 0px;

}

.menu ul, .menu li{

	list-style-type: none;

	margin: 0;

	padding: 0;

}



.menu ul a, .menu ul a:link, .menu ul a:visited, .menu ul a:active {

	
    font-size         : 12px;
	color			  : #616161;
  	font-family		  : Verdana, Arial, sans-serif;  
    text-decoration   : bold;
    display           : block;
    color             : #616161;
    border-top     : 1px solid #616161;   
    margin            : 0px 0px 0px 0px;
    padding           : 5px 0px 5px 10px;
	font-weight		  : bold;



}

.menu ul a:hover {

	
	font-size         : 12px;
	color			  : #616161;
  	font-family		  : Verdana, Arial, sans-serif;  
    text-decoration   : bold;
    display           : block;
    color             : #616161;
    background-color  : #CFCFCF;
    border-top     : 1px solid #616161;  
    margin            : 0px 0px 0px 0px;
    padding           : 5px 0px 5px 10px;
	font-weight		  : bold;

	
}





.menu ul ul a, .menu ul ul a:link, .menu ul ul a:visited, .menu ul ul a:active {

	
    font-size         : 12px;
	color			  : #616161;
  	font-family		  : Verdana, Arial, sans-serif;  
    text-decoration   : bold;
    display           : block;
    color             : #616161;
    border-top     : 1px solid #616161;   
    margin            : 0px 0px 0px 0px;
    padding           : 3px 0px 3px 20px;
	font-weight		  : normal;


}

.menu ul ul a:hover {

    font-size         : 12px;
	color			  : #616161;
  	font-family		  : Verdana, Arial, sans-serif;  
    text-decoration   : bold;
    display           : block;
    color             : #616161;
    background-color  : #CFCFCF;
    border-top     : 1px solid #616161;  
    margin            : 0px 0px 0px 0px;
    padding           : 3px 0px 3px 20px;
	font-weight		  : normal;

}


.menu_current a, .menu_current a:link, .menu_current a:visited, .menu_current a:active,  .menu_current a:hover {

	font-size         : 12px;
	color			  : #616161;
  	font-family		  : Verdana, Arial, sans-serif;  
    text-decoration   : bold;
    display           : block;
    color             : #616161;
    background-color  : #CFCFCF;
    border-top     : 1px solid #616161;  
    margin            : 0px 0px 0px 0px;
    padding           : 5px 0px 5px 10px;
	font-weight		  : bold;

}

.menu_default a, .menu_default a:link, .menu_default a:visited, .menu_default a:active,  .menu_default a:hover {

	font-size         : 12px;
	color			  : #616161;
  	font-family		  : Verdana, Arial, sans-serif;  
    text-decoration   : bold;
    display           : block;
    color             : #616161;
    background-color  : #E0E0E0;
    border-top     : 1px solid #616161;  
    margin            : 0px 0px 0px 0px;
    padding           : 5px 0px 5px 10px;

}


/*.menu a:link, .menu a:visited, .menu a:active {



	
	/*padding: 4px 10px 4px 10px;

	color: #FFFFFF;

	display: block;

	background-color: #003366;

	text-decoration: none;

}

.menu a:hover {






	background-color: #336699;

	text-decoration: none;

}
*/


.border {

	font-size: 1px;

	height: 10px;

}

.login {

	padding: 0px;

	font-size: 10px;

	background-color: #E0E0E0;

	color: #616161;

	text-align: center;

}


div.webcam1 {
        margin-left             : 1px;
		margin-right            : 0px;
		margin-top              : -9px;
      	margin-bottom           : 0px;
        background-color        : transparent;
		z-index					: 1;
}


div.webcam2 {
        margin-left             : 1px;
		margin-right            : 0px;
		margin-top              : -35px;
      	margin-bottom           : 0px;
        background-color        : transparent;
		z-index					: 2;
}

.login input {

	width: 95%;

	font-size: 10px;

}

.login a:link, .login a:visited, .login a:active {

	color: #DDDDDD;

	text-decoration: none;
	
	padding: 0 px;
	
	margin: 0px;

}

.login a:hover {

	color: #FFFFFF;

	text-decoration: none;

}

.powered_by {

	padding: 3px 0px 0px 15px;

	background-color: #FFFFFF;

}

.content {

	padding: 10px;

	background-color: #FFFFFF;

	height: 300px;

	vertical-align: top;

	text-align: left;

}

.content(2) {

	padding: 10px;

	background-color: #00CC66;

	height: 300px;

	vertical-align: top;

	text-align: left;

}

.content(3) {

	padding: 10px;

	background-color: #00CC66;

	height: 300px;

	vertical-align: top;

	text-align: left;

}

.footer {

	padding: 5px;

	height: 20px;

	color: #FFFFFF;

	vertical-align: middle;

	text-align: center;

}