/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        Customise the standard HTML
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
html {min-height: 99%;}
body {
	background-color:#FFF;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	line-height:130%;
	color: #303030;
	margin: 0px;
	padding:0px;
}
a:link, a:visited, a:active {
	color: #000099;
	text-decoration: none;
}
a:hover {
	color: #000099;
	text-decoration: underline;
}
a img {
   border: 0;
   text-decoration: none;
}

img {border-style: none;}
hr {
	margin: 10px 0px 8px 0px;
	color: #393939;
	border: 0;
	border-top: 1px solid #393939;
	height: 1px;
}
/* Page Headings */
h1, h2, h3, h4, h5, h6 {color: #303030; font-weight:bold; font-family: verdana, arial, helvetica, sans-serif;}
h1  	{margin-bottom:18px; font-size:16px; border-bottom:1px solid #393939;}
h2  	{margin-bottom:14px; font-size:14px; border-bottom:1px dashed #393939;}
h3  	{margin-bottom:12px; font-size:12px;}
h4  	{font-size:10px;}
h5  	{font-size:8px;}
h6  	{font-size:6px;}

form {margin: 0;}
input, textarea, select {background: #F9F9FF; color: #333333; border: 1px solid #C0C0C0;}

#verborgen, .verborgen {display: none;}
abbr	{}
acronym {cursor: help;}
address	{}
cite	{}
strong	{}
em	{}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Start Layout */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.container{
	margin: 0px auto 0px auto;
	width: 1024px;
	border: 1px solid #333333;
	background-color:#e8e8e8;
}
.trenner_oben{
	height: 20px;
	width: 100%;
}
.container_logo_top{
	height: 102px;
	width: 100%;
	background-image:url(http://www.multimedia-systems.ch/templates/multimedia_normal/images/logotop_background.png);
/*	clear:both;*/
	border-bottom: 1px solid #333333;
}
.logo_top_main{
	margin: 0px auto 0px 5px;
	height: 100px;
/*	width: 800px;*/
}
.suchen {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	background-color:#e8e8e8;
	padding: 4px 4px 4px 4px;
	border: 1px solid #000;
	margin: -95px 12px auto auto;
	width: 350px;
	height:80px;
/*	position: absolute;*/
}
.suchen_text_oben {
	height:17px;
	font-weight:bold;
}
.suchen_random {
	height:48px;
	overflow: hidden;
}
.suchen_text_unten {
	height:15px;
	text-align: right;
	font-weight:bold;
}
.container_navi{
	width: 100%;
	height: 20px;
	background-color: #a0a7b6;
	border-bottom: 1px solid #333333;
}
.menutop {
	margin: 0px auto 0px auto;
	background-color: #a0a7b6;
	height: 20px;
	width: 100%;
	text-align:right;
/*	float:right;*/
/*	clear:both;*/
}
.toptrenner{
	height: 30px;
	width: 100%;
	clear:both;
}
.content_container{
	height: 550px;
}
.content_main{
	margin: 0px auto 0px auto;
/*	height: 550px;*/
	width: 700px;
}
.content_titel{
	letter-spacing:6px;
	font-weight:bold;
	text-transform: uppercase;
	font-size: 14px;
	background-color:#f9f9f9;
	padding: 20px 20px 20px 20px;
	border: 1px dotted #333333;
	margin: 10px auto 20px auto;
}
.content_inhalt{
	background-color:#f9f9f9;
	padding: 30px 20px 0px 20px;
	border: 1px dotted #333333;
	height: 500px;
	overflow-y:auto; overflow-x:hidden;
}

.content_inhalt_unten{
/*	background-color:#f9f9f9;*/
	padding: 30px 20px 0px 20px;
/*	border: 1px dotted #333333;*/
	height: 300px;
	overflow-y:auto; overflow-x:hidden;
}

.footertrenner {
	height: 10px;
	width: 100%;
	clear:both;
}
.footer {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	padding-top:2px;
	padding-bottom:2px;
	text-align:center;

/*	background-color: #123a8d;*/
	background-color: #325298;
	height: 15px;
	width: 100%;
	clear:both;
	border-top: 1px solid #333333;
}
.footer a:link, .footer a:visited, .footer a:active {
	color: #FFF;
	text-decoration: none;
}
.footer a:hover {
	color: #FFF;
	text-decoration: underline;
}
.copy{
	padding-top:3px;
	width: 100%;
	height: 15px;
/*	background-color: #a0a7b6;*/
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
	color: #303030;
	text-align:center;
}
.counter{visibility:hidden;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* End Layout */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	####	Header Menu #####
	#########################

	Horizontal Drop-Down Menu based off :
	http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp
	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
#navContainer {
	height: 19px;
	margin: 0px 10px 0px 0px;
/*	_margin: 0px 10px 0px 0px;  IE6 and below */
/*	display:block;*/
	clear:both;
}

/* Remove List Formattings
~~~~~~~~~~~~~~~~~~~~  */
 ul.menu, li.menu {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

/* Header menu */	 
#header_menu {position: absolute; margin-left: 15px;}
#header_menu li {line-height: normal;}
ul#header_menu  {z-index: 10; clear: both;}

#nav {
/*	height: 1.68em;*/
	padding:2px 0px 0px 0px;
}
#nav ul {
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	font-size: 95%;
	text-transform: uppercase;
	width: auto;
	/*
	(Disappearing List-Background)
	http://www.positioniseverything.net/explorer/ie-listbug.html
	*/
	position: relative; /* Fix the Stupid IE6 Bug */
}
/* Erstes Level Text und Farben */
#nav ul li {float: left; color: #303030; text-align: left; font-weight: normal;}
#nav ul li a {border-right: 1px solid #052E5F; display: block; padding: 2px 10px 3px 5px; color: #303030; text-decoration: none;}
#nav ul li.menu-last a {border:0;}

/* Root Level Link Formatting */
#nav ul li a:hover, #nav li a:focus {color: #FFF; /*text-decoration: underline;*/}
#nav li a:active, #nav ul li a.active {color: #303030;}

/* Current page Customisations*/
#nav li.menu-current a {color: #FFF; font-weight: normal;}
#nav li.menu-parent a {color: #FFF; font-weight: normal;}


/* ---------------------------------------------------------------------------------- */
/* 2nd Child menu */
#nav .menu li ul {position: absolute; width: 190px; margin-left: -1px; display: none; text-transform: none; border-bottom: 1px solid #052E5F; font-size: 98%;}
#nav .menu li ul li {background: #ababab; width: 188px; text-align: left; font-weight: normal; margin: 0; padding: 0; line-height: 16px; border-left: 1px solid #052E5F; border-right: 1px solid #052E5F;}
#nav .menu li ul a {width: auto; padding: 3px 1px 3px 4px; background: #ababab; color: #303030; border: 0;}
#nav .menu li ul li.menu-child a {font-weight: normal;}
#nav .menu li ul li.menu-first a {border-top: 1px solid #052E5F;}
#nav .menu li ul li.menu-first {margin-top: 0px;}
#nav .menu li ul li.menu-parent a {color: #FFF; font-weight: normal;}
#nav .menu li ul li.menu-current a {color: #FFF; font-weight: bold;}

/* 2nd Child link hover */
#nav .menu li ul a:hover {color: #FFF; background: #b9b9b9; /*border: 0;*/}
#nav .menu li ul li.menu-first a:hover {_border-top: 1px solid #052E5F;} /* IE6 spezial */

/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;}
#nav .menu li ul ul { display: none;}
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}
#nav .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {display: block;}


/* 3rd Child Menu Appreances */
#nav .menu li ul li ul li a {font-size: 100%; width: 11.5em; padding: .4em .1em .4em .4em; /*background: #c6c6c6;*/ color: #303030; }
#nav .menu li ul li ul li.menu-child a {font-weight: normal; color:#303030;}
#nav .menu li ul li ul li.menu-current a {color: #FFF; font-weight: normal;}
#nav .menu li ul li ul li a:hover {color: #FFF; background: #b9b9b9;}

/* Positioning the Pop-out Drops */
#nav li {position: relative;}

#nav ul ul ul {
	position: absolute;
	top: 1px;
	left: 100%;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* end headermenu */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */