@import url("standard.css");

/*
# --- C S S - I N F O ------------------------------------------------------{}*/

/*
   Cascading Stylesheet http://www.netcity.de
   by Dennis Frank / http://www.dennisfrank.info
   last update: 2005-10-27
   
    
*/

/*
# --- B O D Y --------------------------------------------------------------{}*/
	* html body {
        font-size : x-small; /* für IE5.x/win */
        f\ont-size : small;  /* für andere IE */
		/* Simplified Box Model Hack:
		   http://www.info.com.ph/~etan/w3pantheon/style/modifiedsbmh.html */
	}

	body {
		font : small/1.5em Arial, "Helvetica Neue", Helvetica, sans-serif;
		color : #000;
		background : #fff url(../img/page/bg_body.gif) repeat-x;
		margin : 0; padding : 0 0 3em 0;
	}
    
/*
# --- L I N K S ------------------------------------------------------------{}*/
        
    a {
			text-decoration : underline;
			cursor : pointer;
			color: #0068B4;
    }

    a:hover {
	    color: #EE0F59 !important; 
	    text-decoration : underline;
		}
    
    a:active {
    }
    
    a:visited {
    }
    	    
/*
# --- B L O C K S ----------------------------------------------------------{}*/

		#head {
			position: relative;
			top: 0; left: 0;
			height : 164px;
			background : url(../img/page/bg_topleft.gif) no-repeat 0 0;
		}

		#head img {
			position : relative;
			top : 11px; left : 14px;
			height : 153px; width : 234px;
		}
        
   #nav1 {
	    position : absolute;
	    z-index : 10;
	    top : 69px; left : 263px;
    } * html #nav1 {top : 68px;} /* für IE/win */

		#tools {
			position : absolute;
			z-index : 10;
			top : 0;
			right : 0;
			height : 20px;
			overflow: hidden;
		}

    #container {
	    padding : 0 0 5em 2em;
	    width : 70em;
    }

    #nav2 {
	    float : left;
	    width : 15em;
	    padding-top : 4em;
	  }
    
    #content {
	    float : left;
	    width : 45em;
	    padding : 0 0 5em 1.5em;
    }
    
    
    #footer {
      clear : both;
    }

/*
# --- N A V I G A T I O N --------------------------------------------------{}*/

	/* -- nav1 -- */

	#nav1 ul, #login ul {
		margin : 0; padding : 0;
	}

	#nav1 li, #login li {
		float: left;
	}

	#nav1 li a {
		display : block;
		float : left;
		height: 35px; line-height : 34px;
		font-size : 120%;
		padding: 0 1em 0 1em;
		text-decoration: none;
		color : #0068B4;
	}
	
	#nav1 li a:hover {
	}

	#nav1 li.active {
		background : url(../img/page/bg_nav1_left.gif) no-repeat top left;
		margin: -1px 0 0 0;
		padding-left : 0;
	} * html #nav1 li.active {margin-top : 0;} /* hack */

	#nav1 li.active a {
		background : url(../img/page/bg_nav1_right.gif) no-repeat top right;
		color: #000;
		font-weight : bold;
	}

	#nav1 li.active a:hover {
		color: #EE0F59;
	}

	/* -- nav2 -- */

	#nav2 ul {
    margin : 0;
  }

  #nav2 li {margin : 0; padding 0;
  }
    
  #nav2 li a {
  	display : block;
    padding-bottom : 1em;
  	line-height : 1.2em;
  	font-size : 85%;
  	text-decoration : none;
	} * html #nav2 li a {height : 1px;} /* hack */

    #nav2 li.active a {
  	color : #000;
  	font-weight : bold;
  }


/*
# --- C O N T E N T --------------------------------------------------------{}*/

	h1 {
		font-size : 200%;
		margin: 0 0 1em 0;
	}

	h2 {
		font-size : 150%;
	}

	h3 {
		font-size : 115%;
	}

  .box {
	  border : 1px solid #9BB9D6;
	  border-color: #D7EAF6 #9BB9D6 #9BB9D6 #D7EAF6;
	  background : #DCE6F4 url(../img/page/bg_box.jpg) repeat-x top left;
	  padding : .5em;
	  margin-left : -.5em;
 	  color : #003B66;
	}

	#content ul li {
	  background : url(../img/page/square.gif) no-repeat 0em .4em;
	  padding-left : 16px;
	  margin-left : .7em;
	}

/*
# --- C L A S S E S --------------------------------------------------------{}*/

	.netcity {font-weight : bold; color : #000;}
	.netcity span {color : #0068B4;}

	.invisible {display : none;}

/*
# --- T O O L S ------------------------------------------------------------{}*/

	/* -- imprint -- */

	#imprint {
		float : left;
		margin-right : 10px;
	}

	#imprint a {
		font-size : 85%;
		text-decoration : none;
	}

	/* -- login -- */

	#login {
		float : left;
		background : #E0E5ED url(../img/page/bg_login.gif) no-repeat 0 0;
		height : 20px;
	}

	#login a {
		text-decoration : none;
		padding : 0 1em 0 26px;
		display : block;
		font-size : 85%;
		float : left;
	}

	#login a:hover {
		background : url(../img/page/arrow_pink.gif) no-repeat 13px 6px;
	}

	#login form {
		float : left;
		background-color : #E0E5ED;
		white-space: nowrap;
		overflow: hidden;
	}

	#login input {
		display : block;
		float : left;
		font-size : 10px;
		color : #666E7A;
		width : auto;
		height : 14px;
		padding : 1px 2px 0px 2px;
		margin : 2px 0 0 .5em;
		background-color : #F5F6F9;
		border-width : 0px;
		border-style : solid;
		border-color : #808998 #F4F6FA #F4F6FA #808998;
	}

	#login input.button {
		background : #E0E5ED url(../img/page/arrow_blue.gif) no-repeat 0 4px;
		padding-left : 10px;
		color : #0068B4;
		margin-right : 1em;
	}

	#login input.button:hover {
		color : #EE0F59;
		background-image : url(../img/page/arrow_pink.gif);
		cursor : pointer;
	}

/*
# --- F O O T E R ----------------------------------------------------------{}*/

	#footer {
		border-top : 1px solid #C7D6ED;
		padding : 0 0 .5em 18.5em;
}

	#footer p {
		font-size : 85%;
	}

	#footer strong {
		font-weight : normal;
		color : #0068B4;
	}