@media screen, projection 
{
  BODY, input {
    margin-left:20px;
    margin-right:20px;
    margin-top:1px;
    margin-bottom:15px;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 11px;
    background: url(/images/bg.gif); 
    background-repeat:repeat-x;
    background-color: #fff;
    color: #333333;
  }
}
  
@media print 
{
  BODY {
    margin-left:8px;
    margin-right:8px;
    margin-top:8px;
    margin-bottom:8px;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 11px;
    background-color:#ffffff;
  }
}  
  
  h1 { FONT-SIZE: 16px;
       COLOR: #c93a57;
       FONT-WEIGHT: bold;
       margin-bottom: 5px;
       margin-top:5px; }

  h2 { FONT-SIZE: 14px;
       COLOR: #c93a57;
       FONT-WEIGHT: bold;
       margin-bottom: 5px;
       margin-top:5px; }

  h3 { FONT-SIZE: 12px;
       COLOR: #c93a57;
       FONT-WEIGHT: bold;
       margin-bottom: 5px;
       margin-top:5px; }
                
  h4 { FONT-SIZE: 12px;
       COLOR: #333333;
       FONT-WEIGHT: bold;
       margin-bottom: 5px;
       margin-top:5px; }

  th { font-size: 12px;
       COLOR: #2067B3;
       FONT-WEIGHT: bold;
       text-align:left; }
       
  .col1{
  	width: 150px  !important;	
	  	padding: 0px;
  }
  
    .col2{
	  	width: 150px !important;	
	  	padding: 0px;
	  }
	  
	  .col3{
	  	width: 120px !important;
	  	padding: 0px;
	  }
	  
	  .col4{
	  	width: 10px;
	  	padding: 0px;
	  }
	  
	  .col5{
	  	width: 10px;
	  	padding: 0px;
	  }
       	
	table {
			border-right: 0px;
			border-bottom: 0px;
	}
	
	tr {
			border-top: 0px;
			border-left: 0px;
			border-right: 0px;
			border-bottom: 0px;
	}
  td{     
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 11px;
    color: #333333;
    border-top: 0px;
		border-left: 0px;
		padding-right: 20px;
 }
 
 td ul{
 		padding: 10px;
 		margin: 0px;
	}
 
 th {
 			border-top: 0px;
		border-left: 0px;
		border-right: 1px solid black;
		border-bottom: 1px solid black;
		text-align: center;
		vertical-align: middle;
	}
	.image-header{
		height: 60px;
		width: 200px;
	}
	
	
	.light-blue{
		 color: #50cddc !important;
	}
	
	.brown{
		color: #9f864a !important;
	}
	
	.purple {
		 color: #e52645 !important;
	}
	
	.grey{
		 color: #8e837b !important;
	}
	
	.light-green{
		color: #009790 !important;
	}
	
	#start-list li{
		margin-left: 414px;
	}
	
	.anmelden{
		text-align: center;
		vertical-align: middle;
	}
	
	.anmelden-submit{
		 color:#60a6a1;
		 border: 0px solid #006;
	}
	
	.anmelden-submit:hover{
		 color:#92d6e3;
		 border: 0px solid #006;
	}
 
  a:link    { color:#60a6a1; text-decoration:none;}
  a:visited { color:#60a6a1; }
  a:hover   { color:#92d6e3; }
  a:active  { color:#60a6a1; }

  .TextField { background-color: #fff;
               border-color: #694a1b;
               border-style: solid;
               border-width: 1px; 
               color: #000000;
               font-size: 11px;
               font-family: Verdana, Arial;
             }
  .InputError { color: #cc0000; }
    
.thumb {
  border-style: solid;
  border-width: 2px;
  border-color: #ffffff;
}
.thumb:hover {
  border-color: #052b40;
}
  
  .clear
  {
    clear: both;
  }
  


@media screen, projection 
{
  #outer_wrapper
  {
    position:relative;
  }
   
  #wrapper
  {
    background: url(/images/bg_wrapper.gif); 
    width: 830px;
    margin-top:8px;
  }
   
  #header
  {  
    background: url(/images/header.gif); 
    width:830px;
    height:134px; 
    padding:0px; 
    text-align:left;  
    position:relative;
  }
  
  #header_nav
  {
    position:absolute; 
    font-size: 12px;
    bottom:2px; 
    right:0px;
    color:#694a1b;
  }
  #header_nav  a:link    { color:#60a6a1; text-decoration:none; }
  #header_nav  a:visited { color:#60a6a1; text-decoration:none; }
  #header_nav  a:hover   { color:#92d6e3; text-decoration:none; }
  #header_nav  a:active  { color:#60a6a1; }

  #content
  {  
    float: left;
    background-color:#ffffff;
    width:680px;
    text-align:left;  
    font-size: 12px;
    color: #333333;
  }

  #footer
  {  
    width:830px;
    height:20px;
    text-align:right;
    FONT-SIZE: 8pt;
    color: #444444;
  }  

  #home_nav
  {
    font-family: Arial;
    FONT-SIZE: 12px;
    text-align:left; 
    font-weight:bold;
  }      
  #home_nav h2 { font-size:12px; margin-bottom:2px; }
  #home_nav a:link    { color:#60a6a1; text-decoration:none; }
  #home_nav a:visited { color:#60a6a1; text-decoration:none; }
  #home_nav a:hover   { color:#92d6e3; text-decoration:none; }
  #home_nav a:active  { color:#60a6a1; text-decoration:none; }
  #home_nav img       { margin-top:2px; border:0px }
  
}

@media print
{
  #header
  {  
    display:none;
  }
  
  #content
  {  
    background-color:#ffffff;
    width:800px; 
    padding:0px; 
    text-align:left;  
    font-size: 12px;
    color: #000000;
    margin-top: 8px;
    margin-bottom: 8px;
  }
  
  #footer
  {  
    display:none;
  }
  
}  
  

/*  ============================================================================
    Menu
    ============================================================================*/
  
@media screen, projection 
{
  #menu_container
  {
    background-color: #fff;
    color:            #ffffff;
    width:            150px;
    float:            left;
    text-align:       left;
    font-weight:      bold;
  }  
}
  
@media print
{
  #menu_container
  {  
    display:none;
  }
}  

#dhtmlgoodies_menu
{
  font-family:Verdana,Arial;
  font-size: 11px;
  font-weight: bold; 
  width:150px;  /* Width of main menu */
  margin-top:0px;
}

#dhtmlgoodies_menu ul
{
  margin:0px; /* No <ul> air */
  padding:0px;  /* No <ul> air */
}

#dhtmlgoodies_menu  li /* Main menu <li> */
{
    list-style-type: none;
    margin:0px; /* No margin - needed for Opera */
    border-bottom-style: solid;
    border-bottom-color: #ffffff;
    border-bottom-width: 1px;
}

#dhtmlgoodies_menu ul li ul  /* Styling for those who doesn't have javascript enabled */
{
    padding: 0;
}

#dhtmlgoodies_menu  li a,
#dhtmlgoodies_menu  li a:visited /* Main menu links */
{
    display:block;
    padding: 3px 3px 3px 10px;
    font-family: Verdana, Arial; 
    font-size: 11px; 
    text-decoration: none; 
    font-weight: bold; 
    color: #333; 
    background-color: #efefde;
    height:15px;  /* 15 pixels height */
    line-height:15px; /* 15 pixels height */
}

#dhtmlgoodies_menu  li a:hover,
#dhtmlgoodies_menu .activeMainMenuItem
{
    display:block;
    padding: 3px 3px 3px 10px;
    font-family: Verdana, Arial;
    font-size: 11px; 
    font-weight: bold; 
    color: #333; 
    cursor: hand;
    background-color:#fff;
}

.dhtmlgoodies_subMenu
{
  visibility:hidden;
  position:absolute;
  overflow:hidden;
  background-color:#efefde;
  font-family: Verdana, Arial;
  text-align:left;
  margin:0px;
  width:250px;  /* Width of sub menu */
}

.dhtmlgoodies_subMenu ul
{
  margin:0px;
  padding:0px;
  border-bottom-style: solid;
  border-bottom-color: #ffffff;
  border-bottom-width: 1px;
}

.dhtmlgoodies_subMenu ul li
{
  display: block;
  font-family: Verdana,Arial;
  font-size: 11px; 
  text-decoration: none; 
  font-weight: bold; 
  color: #333; 
  background-color: #efefde;
  border-bottom-style: solid;
  border-bottom-color: #ffffff;
  border-bottom-width: 1px;
}

.dhtmlgoodies_subMenu ul li a,
.dhtmlgoodies_subMenu ul li a:visited  /* Sub menu items */
{
  padding: 3px 3px 3px 10px;
  white-space:nowrap; /* No line break */
  text-decoration:none; /* No none */
  color:#333; /* text color */
  height:15px;  /* 15 pixels height */
  line-height:15px; /* 15 pixels height */
  display:block;  /* Display as block - you shouldn't change this */
}

.dhtmlgoodies_subMenu ul li a:hover  /* Sub menu items - mouse over effects */
{
  padding: 3px 3px 3px 10px;
  color:#333;
  background-color:#fff;
}