/* GENERAL fonts */
P, OL, UL, DIV, H1, H2 {
	font-family: verdana, arial;
	font-size: 11px;
}
H1 { font-size: 15px; }
H2 { font-size: 13px; }
P, H1, H2 {margin: 0px 0px 5px 0px;}




body {
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	padding:0px;
	margin:0px;
}

/* ----------container zentriert das layout-------------- */
div#container {
	width: 800px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	height: 500px;
	border: solid 0px silver;
	background-image: url("../images/webdesign_060809_11_1.png");
	background-repeat: no-repeat;
} 




/* === TOP ===*/

div#north {
	width: 800px; 
	height: 120px; 
	float: left;
	border: 0px solid blue;
}
div#north_links {
	width: 204px;
	height: 118px;
	float: left;
	border: 0px solid cyan;
	
	overflow: auto; 
	scrollbar-arrow-color:red;
	scrollbar-track-color:pink;
	scrollbar-shadow-color:red;
	scrollbar-face-color:pink;
	scrollbar-highlight-color:pink;
	scrollbar-darkshadow-color:red;
	scrollbar-3dlight-color:pink;
	
}




ul#north_links_list {
	border: solid 0px black;
    font-size: 0.8em;
    float: right; 
    margin: 0em; /* noetig fuer IE*/ 
	padding: 1em 0em 0em 1em;
	

}
ul#north_links_list li {
    list-style: none;
}
ul#north_links_list a {
    text-decoration: none; 
	color: #ff0000; 
    font-weight: bold;
}
ul#north_links_list a:hover {
    color: yellow; 
}

div#north_rechts {
	width: 592px; 
	float: right; 
	border: 0px solid magenta; 
	//text-align: botton;
}

div#north_rechts p{
	//padding: 5px 10px;
	padding: 5px 120px 5px 10px;
	margin:0px; 
	//font-size: 0.6em;
	font-size: 1.0em;
}
div#north_rechts img{
	border: solid 0px white;
}

div#north_rechts p.marquee {
	//border: solid 0px white;
	//font-size: 1em;
}


/* ----- BANNER ---- */
div#banner {
	border: solid 0px black;
	text-align: center;
	width: 800px;
	height: 108px;
	float: left;
}



/*================================ menu and page content ============================================*/




div#medio {
	width: 800px; 
	//height: 262px; 
	height: 282px; 
	float: left;
	border: 0px solid blue;
}
div#medio_izquierdo {
	width: 192px;
	height: 242px;
	float: left;
	border: 0px solid cyan; 
	margin: 25px 0px 0px 0px; 
	padding: 5px 10px 5px 0px;;
	
	position: relative;
	
	overflow: auto; 
	scrollbar-arrow-color:blue;
	scrollbar-track-color:white;
	scrollbar-shadow-color:blue;
	scrollbar-face-color:white;
	scrollbar-highlight-color:white;
	scrollbar-darkshadow-color:blue;
	scrollbar-3dlight-color:white;
}


/* Menu 1 column */
TD#menu_1 {	
	vertical-align: top; 
	padding-top: 10px; 

	width: 180px;	
	text-align: right; 
	padding-left: 5px;
	border: 0px solid black;
}

TD#menu_1 DIV A {
	color: navy;
	text-decoration: none;
}
TD#menu_1 DIV A:hover {
	text-decoration: underline;
}

/*  MENU 1, level 1, normal state (NO) */
TD#menu_1 DIV.menu1-level1-no {
  border-bottom: 0px dotted #999999;
  font-size: 11px;
  padding-top:5px;
  padding-left:5px;
}
/*  MENU 1, level 1, active state (ACT) */
TD#menu_1 DIV.menu1-level1-act {
  border-bottom: 0px solid #999999;
  font-weight:bold;
  font-size: 11px;
  padding-top:5px;
  padding-left:5px;
}
TD#menu_1 DIV.menu1-level1-act A {
  color:black;
}

/*  MENU 1, level 2, normal state (NO) */
TD#menu_1 DIV.menu1-level2-no {
  font-size: 10px;
  padding-right:20px;
}
/*  MENU 1, level 2, active state (ACT) */
TD#menu_1 DIV.menu1-level2-act {
  font-size: 10px;
  font-weight:bold;
  padding-right:20px;
}



/*===== page content ====*/



div#medio_medio {
	width: 594px; 
	border: 0px solid magenta; 
	position: relative;
	float: right;
	height: 260px; 
}


div#medio_centro {
	width: 448px; 
	height: 226px;
	float: left; 
	position: relative;

	border: 0px solid magenta; 
	margin: 35px 0px 0px 0px;
	padding: 5px 5px 5px 5px; 
	
	overflow: auto; 
	scrollbar-arrow-color:pink;
	scrollbar-track-color:white;
	scrollbar-shadow-color:pink;
	scrollbar-face-color:white;
	scrollbar-highlight-color:white;
	scrollbar-darkshadow-color:pink;
	scrollbar-3dlight-color:white;

	
}


/*==== right column ====*/


div#medio_derecho {
	width: 132px; 
	float: right; 
	position: relative;

	border: 0px solid magenta; 
	
}

div#medio_derecho_video {
	border: 0px solid green;
	margin: 7px 0px;
	padding: 15px 17px 24px 16px;
	font-size: 0.6em;
}
div#medio_derecho_pic {
	border: 0px solid black;
	margin: 2px 0px 0px 0px;
	padding: 4px 4px;
	font-size: 0.6em;
}

div#medio_derecho_teconbe {
	border: 0px solid black;
	margin: 2px 0px 0px 0px;
	padding: 4px 4px;
	font-size: 0.6em;
}





/*=================================================================================*/


/* === BOTTON ===*/

div#south {
	width: 800px; 
	height: 120px; 
	float: left;
	border: 0px solid blue;
}