/*
<!--                                       --> 
<!--  WEBBUILD                             --> 
<!--  mediaschool.ch                       --> 
<!--  Aegertlistrasse 19 | CH-8800 Thalwil --> 
<!--                                       --> 
<!--  www.mediaschool.ch                   --> 
<!--                                       -->
*/

/*[   GENERAL  ] */

* { margin: 0; padding: 0; }

body{
	background: #214563 url("../img/bg_main.jpg") repeat-x top left;
	color:#333333; 
   	font: 62.5%  Arial, Helvetica, sans-serif;
	height: 100%;
}

a { color: #333333; text-decoration:underline; }
a:hover { }
#content a[href$=".pdf"] { 
background-image: url(../img/pdf.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 0 0 0 25px;
white-space: nowrap;
}

#sidebar a[href$=".pdf"] { 
background-image: url(../img/pdf.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 0 0 0 25px;
white-space: nowrap;
}

#content a [href^="http://"] { 
background-image: url(../img/link.gif);
background-repeat: no-repeat;
background-position: 100% 50%;
padding: 0 15px 0 0;
white-space: nowrap;
}

#sidebar a[href^="http://"] { 
background-image: url(../img/link.gif);
background-repeat: no-repeat;
background-position: 100% 50%;
padding: 0 15px 0 0;
white-space: nowrap;
}

ul{ list-style:none;}

h1,h2,h3,h4,h5,h6 { font-family: Arial, Helvetica, sans-serif;}

img {border: 0px;}


/*[   Layout   ] */

#wrap{ 
	position:relative; 
	width:820px; 
	margin:0px auto; }

#header{ background: #000000; height:367px; }
	
	.header-logo{ background: #000000 url("../img/header_pics/emc_logo.png"); }


/*[ Logo + Navigation ] */

/*Adjust LOGO position by modifiying the LEFT proprety*/

#logo{ 
	position:absolute; 
	top:15px; 
	right:30px;
	margin:0;
	font-family: Arial, "Times New Roman", Times, serif; 
	font-size: 10px; 
	color: #C9C9C9; }
	
	#logo ul{ padding:0; margin-left:0; list-style: none; }
			#logo li{ display: inline; }
	#logo a{ color:#C9C9C9; text-decoration:none; }
	#logo a:hover{ text-decoration:underline; }
	
	#logo .de a{color: #FF9933;}
	
/*Adjust SLOGAN  position by modifiying the LEFT proprety*/

#slogan{ 
	position:absolute;
	top:15px; 
	left:230px; 
	padding:7.5px 0 7.5px 10px; 
	border-left:1px solid #fff;
	color: #fff; 
	font-family: "Times New Roman", Times, serif; 
	font-size: 18px; 
	letter-spacing:1px; 
	font-style:italic;	}
	
#header-pic{ 
	position:absolute; 
	top:127px; left:0; 
	height:240px; }
	
#imageContainer {height:240px;}

#imageContainer img {
	display:none;
	position:absolute;
	top:0; left:0;}

#nav {
	position:absolute;
	width:820px;
	top:89px; left:0;
	height:34px;
	background-color:#294963;
	border-bottom:4px solid #FF9933; }
		
	#nav ul{ padding:0; margin-left:10px; list-style: none; }
		#nav li{ display: inline; }
			
			#nav a{ 
				display: block; 
				float: left;
				padding:10px 20px 10px 20px;
				font:12px Verdana, sans-serif;
				/*text-transform:uppercase;*/
				color:#fff;
				text-decoration:none;
				outline: none;}
				
				#nav a:hover{ height:14px; background-color:#081829; }
				#nav .active a{ height:14px; background:#081829 url("../img/bg-menu-active.jpg") bottom center no-repeat; }


/* content */

#content-wrap{
	padding:25px 0 0px 30px; 
	background-color:#FFFFFF; }
	
#content{ 
	width:515px; 
	min-height:650px; 
	position:relative;}
	
#content { 
	font-size: 1.3em; 
	line-height: 150%; 
	color:#111; 
	text-align: left;  }

#content h1{ margin-bottom: 20px;  font-size: 1.4em; font-weight: 400;}
		
#content .first, #content .drop_cap { padding: 0.17em 0.08em 0.05em 0; font-size: 3.4em; line-height: 0.6em; color: #aaa; float: left; }
			
#content p { margin: 0 0 2em 0; }
#content p.small { margin: 0 0 2.5em 0; }

			
#content a, #content a:visited { text-decoration: underline; }
			
	#content a:hover { text-decoration: none; }
				
			
#content blockquote { font-style:italic; text-align: left; padding:10px; padding-left:35px; margin-bottom:5px; background:#fff url("../img/bg_blockquote.gif") no-repeat top left; color:#111; border: 1px solid #ccc;}
			
	#content blockquote ul, #content blockquote ol { margin: 0 0 1.46667em 15px;  }
		
#content ul, #content ol { margin: 0 0 0 40px; }
			
	#content ul { list-style: square; }
			
	#content li { margin: 0 0 0.4em 0; }
				
	#content ul li ul, #content ul li ol, #content ol li ul, #content ol li ol { margin: 0 0 0 25px; }
			
		
#content img{ display: block; clear: both; /*padding: 2px; background: #e5e5e5;*/ }
				
	.imgfloatleft{ float:left; margin-right:10px; margin-bottom: 10px; }
	.imgfloatright{ float:right; }
	.update { border: 1px solid #f2ec49; background: #fffdcb; padding:10px; margin:0; margin-bottom:1em; }
	
#content p.img{ float: left; margin: 0px; }

	
/* Sidebar */

#sidebar{ 
	position:absolute; 
	right:30px; 
	top:325px;
	width:215px; 
	height:150px;
	font-size: 12px;
	color: #fff }

	
/* sidebar styling */

.sidebar-links{
	background:#29517b url("../img/bg_side_links.jpg") repeat-x bottom left ;
	padding: 15px 15px 10px 15px;
	margin-bottom: 10px;}
	
	.sidebar-links p{
	line-height: 150%;}

	.sidebar-links h3{ 
		margin-bottom: 15px;
		font-weight: normal;
		border-bottom: 1px solid #76BECE;
		font-size: 14px; 
		color:#fff;
		padding-bottom: 10px; }
			
	.sidebar-links ul{ margin: 10px 0; }
	.sidebar-links ul li{ 
		border-bottom: 1px solid #76BECE;
		padding: 10px 10px; }
			
			.sidebar-links ul li a{ color: #9fbfd6; text-decoration: none; font-size: 12px;}
			.sidebar-links ul li a:hover{ color: #fff; }
			.sidebar-links ul li.active{ 
				background: #132b44;
				border-bottom: 0px;
				padding-top: 11px;
				margin: 0 -15px;
				padding-left: 25px;
				margin-top: -1px;}
			.sidebar-links ul li.active a{ color: #fff; /*font-weight: bold;*/}

/* --- --- */
.sidebar-info{
	border-top:3px solid #FF9933;
	background-color: #76BECE;
	padding: 15px;
	margin-bottom: 10px;
	color:#002852;}
			
		.sidebar-info h3{ 
			margin-bottom: 15px;
			font-weight: normal;
			font-size: 14px; 
			color:#002852;
			padding-bottom: 0px; }
		.sidebar-info h4 { text-align:left; font-size:18px;}
		.sidebar-info p{ margin-bottom:10px; font-size:12px; }
		.sidebar-info ul{ list-style:inside; list-style-type:disc; font-size:100%;}
		.sidebar-info a{ color: #29517b; text-decoration: none; font-size: 12px; }
		.sidebar-info a:hover{ color: #fff; }
		
/* --- --- */
.sidebar-news{
	background:#29517b url("../img/bg_side_links.jpg") repeat-x bottom left ;
	padding: 15px 15px 10px 15px;
	margin-bottom: 10px;}

	.sidebar-news h3{ 
		margin-bottom: 15px;
		font-weight: normal;
		border-bottom: 1px solid #76BECE;
		font-size: 14px; 
		color:#fff;
		padding-bottom: 10px; }
			
	.sidebar-news ul{ margin: 10px 0; }
	.sidebar-news ul li{ 
		border-bottom: 1px solid #76BECE;
		padding: 10px 10px; }
			
			.sidebar-news ul li a{ color: #9fbfd6; text-decoration: none; font-size: 12px;}
			.sidebar-news ul li a:hover{ color: #fff; }
			.sidebar-news ul li.active{ 
				background: #132b44;
				border-bottom: 0px;
				padding-top: 11px;
				margin: 0 -15px;
				padding-left: 25px;
				margin-top: -1px;}
			.sidebar-news ul li.active a{ color: #fff; /*font-weight: bold;*/}

			
/* Footer */

#footer{
	height:30px;
	width:820px;
	background-color:#001839;
	font-size:10px;}
	
		#footer p{ padding:10px 0 0 30px; color:#94b6de;}
		#footer a{ color:#94b6de;text-decoration: none;}
		#footer a:hover{ color:#fff;}
		#footer .links {float:left; text-align: left;}
		#footer .rechts {float:right; text-align: right;margin: 0 30px 0 0;}

		
/*----------------------------*/

h1 {
	font-family: Arial, Georgia, "Times New Roman", "Trebuchet MS", Times, serif;
	font-size: 16px;
	color: #002852;
	margin-bottom:15px;}

h2 {
	font-family: Arial, Georgia, "Times New Roman", "Trebuchet MS", Times, serif;
	font-size: 14px;
	color: #002852;
	margin-bottom:15px;}

h3 {
	font-family: Arial, Georgia, "Times New Roman", "Trebuchet MS", Times, serif;
	font-size: 14px;
	color: #002852;
	margin-bottom:15px;}
	
	h3 a {
		color: #032850;
		text-decoration: none;}
		
	h3 a:hover {
		color: #124b89;}

h4 {
	font-size: 14px;
	color: #032850;
	margin-bottom:10px;
}

h5 {
	font-size: 12px;
	color: #000000;}
	

/* Tables */

table   { margin-bottom: 3em; }
th      { border-bottom: 2px solid #ccc; font-weight: bold; }
td      { border-bottom: 1px solid #ddd; }
th,td   { padding: 4px 10px 4px 0; }
tfoot   { font-style: italic; }
caption { background: #ffc; }


/* Success, error & notice boxes for messages and errors. */

.error,
.notice, 
.success    { padding: 0; margin-bottom: 0; /*border: 0;*/ }
.error      { background: #FF9933; color: #111; border-color: #FF9933; }
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { /*background: 0;*/ color: #111; /*border-color: 0;*/ display:none; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; } 


/* form design */
fieldset {
	margin: 0 5px 10px 0px;
	padding: 2px;
	border: 1px solid #ccc;	
	background-color: #fff;} 
	
legend { background-color:#002852; color:#FFFFFF; /*text-transform:uppercase;*/ padding: 0 10px; margin-left:10px; margin-bottom:10px; font-size:10px;}
form p { margin: 5px 0 0 0; }
label {  text-align:right; margin-right:10px; display:block; width:140px; float:left; clear:both; font-weight:100; font-size: 12px;}
input.text { width:315px; border:1px solid; border-color: #ccc; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
textarea { width: 450px; margin: 5px 15px 15px 15px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
textarea.nachricht { margin: 0px 0px 0px; width:315px; border:1px solid; border-color: #ccc; }

.submitbtn {
	width:150px; 
	background: #76BECE;
	color: #002852; 
	border:1px solid;
	border-color: #002852; 
	cursor:pointer; 
	padding: 2px; 
	margin: 10px 10px 10px 0;}
	
.submitbtn:hover {
	background: #002852; 
	color:#fff; 
	border:1px solid; 
	border-color: #002852;}

.dateibtn {
	width:320px; 
	border:1px solid;
	border-color: #ccc; 
	cursor:pointer; 
	padding: 2px;}
	

/* akronym */

acronym { border-bottom-width:1px; border-bottom-style:dotted; border-bottom-color:#333333; cursor: help; }
abbr { border-bottom-width:1px; border-bottom-style:dotted; border-bottom-color:#333333; cursor: help; }


/* accordion */

#vertical_container {
margin: 0px 0 0px 0;
}

.accordion_toggle {
background-image: url(../img/open.gif);
background-repeat: no-repeat;
background-position: 99% 50%;
margin: 0px 0px 5px 0px;
padding: 0px 0 0px 0;
font-weight: normal;
text-decoration: none;
font-size: 100%;
font-weight: bold;
/*background-color: #eee;*/
color: #000;
border-bottom: 1px solid #ccc;
cursor: pointer;
}
.accordion_toggle:hover {
background-image: url(../img/open_mo.gif);
}

.accordion_content {
background-color: #fff;
color: #666;
overflow: hidden;
}

.accordion_toggle_active {
background-image: url(../img/open_mo.gif);
}