/*2011_mtmedia.css*/

html, body {
	margin: 0;
	padding: 0;
	height: 100%; /* WICHTIG!!! STRECKT ANZEIGENBEREICH AUF 100% */
	background:url(../sys_pics/bg_mth7224.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	text-align:center;
	font-family: 'PT Sans', sans-serif;
/*	font-family: 'PT Serif', serif;*/
/*	font-family: 'Cuprum', sans-serif;*/
	font-size:12pt;
	color:dimgray;
	}
	
	
table {font-size:1.1em; border-style:none;}


a:link {color:dimgray;text-decoration:none;}
a:visited {color:dimgray;text-decoration:none;}
a:active {color:dimgray;text-decoration:none;}
a:hover {color:dimgray;text-decoration:none;}


a.text:link {padding:2px;color:dimgray;border-bottom:1px dotted silver;text-decoration:none;}
a.text:visited {padding:2px;color:dimgray;border-bottom:1px dotted silver;text-decoration:none;}
a.text:active {padding:2px;color:dimgray;border-bottom:1px dotted silver;text-decoration:none;}
a.text:hover {padding:2px;color:white;background:dimgray;text-decoration:none;}

a.lightbox:link {border:none;text-decoration:none;}
a.lightbox:visited {border:none;text-decoration:none;}
a.lightbox:active {border:none;text-decoration:none;}
a.lightbox:hover {border:none;text-decoration:none;}

a.advert:link {border:none;text-decoration:none;}
a.advert:visited {border:none;text-decoration:none;}
a.advert:active {border:none;text-decoration:none;}
a.advert:hover {border:none;text-decoration:none;}

h1 {font-size:1.7em;color:dimgray;}
h2 {font-size:1.4em;color:dimgray;margin-top:20px;}
h3 {font-size:1.3em;color:#000000;}
h4 {font-size:1.2em;color:white;}

div#wrapper
	{
	width:960px;
	min-height:100%; /* Mindesthoehe fuerr moderne Browser */
	height:auto !important; /* Important Regel fuer moderne Browser */
	height:100%; /* Mindesthoehe fuer den IE */
	overflow:hidden !important; /* FF Scroll-leiste */
	margin:20px auto;
	background-color:ivory;
	border:1px solid #dcdcdc;
	}


.headerleft {
	width:260px;
	margin:15px 30px;
	float:left;
	}

.headermid {
	width:400px;
	float:left;
	}

.headerright {
	width:200px;
	float:left;
	margin:0px;
	padding:15px;
	}


p.spruch {
	float:left;
	width:870px;
	margin:10px 0;
	padding:10px 15px;
	border-top:1px dotted gray;
	border-bottom:1px dotted gray;
	text-align:center;
	font-family: 'PT Serif', serif;
	font-size:1.3em;
	color:orange;
	text-shadow: 1px 1px 0px #333;
	}


.qr-mobi {
	float:right;
	width: 160px;
	padding: 15px;
	margin: 0 0 20px 20px;
	border-left: 1px dotted dimgray;
	border-bottom: 1px dotted dimgray;
	text-align:center;
	font-size:.7em;	
	}
	

.content {
	width:900px;
	float:left;
	margin:0 2em;
	text-align:justify;
	font-size:1.1em;
	font-weight:400;
	color:dimgray;
	line-height:1.5em;
	}

p.normaltext { 
	text-align:left;
	padding:0; 
	}
	
	
ul {
	list-style: none;
	padding-left: 0em; 
	}

li { 
	padding-left: 0em; 
	text-indent: 0em;
}

/*li:before {
	content: "• "; font-family:"Arial";
	font-size:1.1em;
	color: orangered; /* or whatever color you prefer */
	}
*/

.footer {
	width:910px;
	margin:10px 25px;
	padding:10px 0px;
	float:left;
	border-top:1px dotted gray;
	font-size: 1.1em;
	color:dimgray;
	line-height:1.5em;	
	}

p.imprint
	{
	width:800px;
	padding:5px 0;
	margin:5px 25px;
	text-align:left;
	font-size:1.1em;
	}

.imprint_box
	{
	width:320px;
	min-height:100%; /* Mindesthoehe fuer moderne Browser */
	height:auto !important; /* Important Regel fuer moderne Browser */
	height:100%; /* Mindesthoehe fuer den IE */
	overflow:hidden !important; /* FF Scroll-leiste */
	margin:10px auto;
	padding:10px;
	background-color:ivory;
	text-align:left;
	font-size:0.9em;
	}


span.pluszeichen {
	color:orangered;
	font-size:1.4em;
	}

.box {
	border:none;
	width:340px;
	padding:10px;
	margin:5px;
	height:300px;
	float: left;
	-moz-border-radius:30px;
}


.videobox {
	border:1px solid dimgray;
	width:520px;
	padding:10px;
	margin:10px auto;
	text-align:center;
	font-family:Arial;
	font-size: 1.05em;
	color:dimgray;
	line-height:1.4em;
-moz-border-radius:5px;
}

.menuebar {
float:left;
width:200px;
height:30px;
background:white
color:black;
  filter:alpha(opacity=90);
  -moz-opacity:0.9;
  -khtml-opacity: 0.9;
  opacity: 0.9;
}



/* Tooltipp */
	a {
	  position: relative;
	}

	a[websites]:before {
	z-index:500;
	position: absolute;
	left:20;
	top: 32px;
	width:300px;
	min-height:60px;
	background-color:white;
	/*background:url(../sys_pics/mt-roller.png)*/;
	color:dimgray;
	text-indent:0px;
	text-align:left;
	font-size:1.0em;
	line-height:1.3em;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	/*border:2px solid white;*/
	padding: 15px;
	content: attr(websites);
	white-space:pre-line;
	display:none;
	box-shadow:0px 0px 10px 5px dimgray;
	-moz-box-shadow:0px 0px 10px 5px silver;
	-webkit-box-shadow:0px 0px 10px 5px silver;
	-khtml-box-shadow:0px 0px 10px 5px silver;
}

	a[websites]:after {
	  position: absolute;
		z-index:501;
	  left:35px;
	  top:20px;
	  border-bottom: 12px solid white;
	  border-left: 10px solid transparent;
	  border-right: 10px solid transparent;
	  content: "";
	  display:none;
	}

	a[websites]:hover:after, a[websites]:hover:before {
	  display: block;
	}

/* Ende: Tooltipp */