/* Global Styles */

body {
	margin:0px;
	padding:0px;
	background-image: url(graphics/mTitle/background.png);
	}
	
td {
	font:11px Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	padding: 0px;
	}
	
hr {
	text-align: center;
	width:35%;
	height:0.5pt;
	margin-top:25px;
	margin-bottom:15px;
}
h1 {
	color: #333366;
	text-decoration: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 38px;
	font-weight: normal;
	padding-bottom: 5px;
	margin-bottom: 0px;
	line-height: normal;
	padding-top: 35px;
	top: -15px;
}

h2, h3 {
	color: #333366;
	text-decoration: none;
	font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	padding-top: 7px;
	padding-right: 1px;
	padding-left: 5px;
	line-height: 11px;
	letter-spacing: 0.25em;
}

h2 {
	background-color: #eeeeee;
	padding-bottom: 8px;
}
		

h3 {
	padding-bottom: 0px;
}
	
	
li {
	line-height:125%;
	padding-top:8px;	
	}
	
.contend {
	background-image: url(graphics/mTitle/background_frame.png);
	background-repeat: repeat-y;
	background-position: left;
	text-align: center;
	padding-top: 10px;
 	padding-left: 0px; 
	padding-bottom: 0px;
	}

	
.eingezogen_links {
	text-align: left;
	padding-left: 125px;
	padding-right: 125px;
	background-color: #FFF;
	}	

a {
	color: #F60;
	text-decoration: none;
	}
	
a:hover {
	color: #036;
	}
	
a.pdf_link, a.color_link, a.movie_link {
	color: #666666;
	padding-right:15px;
	font-size:11px;
	line-height: 15px;
	font-weight:normal;
	text-decoration:none;
}

a.pdf_link {
	background: url(img/pdf-file_mini.gif) no-repeat bottom right;
}	

a.color_link {
	background: url(img/colors_mini.gif) no-repeat bottom right;
}

a.movie_link {
	background: url(img/movie_mini.gif) no-repeat bottom right;
}
a.interner_link {
	color: #FF9900;
	font-weight:bold;
	padding-right:15px;
	text-decoration: none;
	background: url(img/link.png) no-repeat center right;
	}

a.interner_link:hover {
	color: #cccccc;
	font-weight:bold;
	padding-right:15px;
	text-decoration: none;
	background: url(img/link_over.png) no-repeat center right;
	}		
	
a:hover div { /* funktioniert übergreifend */
		display: block;
		position: absolute;
		height: 20px;
		width: 20px;
		xtop: 25px;
		xleft: 25px;
		border: none;
		background: url(img/lupe.png);
	}
	

/* ID Styles */
		
		
#navigation {
	color: #cccccc;
	letter-spacing:normal;
	text-decoration: none;
	font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:14px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-top-color: #FFFFCC;
	border-bottom-color: #666666;
	text-align: right;
	padding-right: 8px;
	padding-top: 7px;
	padding-bottom: 6px;
	background-image: url(graphics/mTitle/background_nav.png);
	background-repeat: repeat-x;
}
	
#navigation a {
	color: #cccccc;
	font-weight:normal;
	text-decoration: none;
	}
	
#navigation a:hover {
	text-decoration: none;
	color: #FF3300;
	}

	
#nav_unten {
	color: #cccccc;
	letter-spacing:normal;
	text-decoration: none;
	font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: center;
	background-image: url(graphics/mTitle/background_nav.png);
	background-repeat: repeat-x;
	padding-top: 3px;
	padding-bottom: 3px;
}
	
#nav_unten a {
	color: #cccccc;
	font-weight:normal;
	text-decoration: none;
	}
	
#nav_unten a:hover {
	text-decoration: none;
	color: #FF3300;
	}


#linkList {
padding:0 0 0 0;
width: 220px;
border:0px dotted #666666;
background: transparent url(img/mediacenter_unten.png) no-repeat bottom;
}

#linkList ul {
	text-align: left;
	list-style: none;
	margin: 0;
	font-size:10px;
	font-family:Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	padding-top: 0;
	padding-right: 15;
	padding-bottom: 15px;
	padding-left: 20px;
	}

#linkList ul li{
	margin: 0;
	padding: 3px 0 3px 0;
	border-bottom: 1px dotted #999999;
}

#linkList ul li a, #linkList ul li a:visited {
	border-bottom: none;
	outline:0;
}

#linkList ul li a:hover {
	color: #999999;
	text-decoration: underline;
}

#lselect {
	font-size: 0.9em;
	padding: 0px;
	background: transparent  url(img/mediacenter_oben.png) no-repeat top;
}

#lselect h3 {
	padding-top: 12px;
	padding-bottom: 6px;
	padding-right: 15;
	padding-left: 20px;
}

#lselect ul li {
	background: transparent url(img/bullet.png) no-repeat 2% 25%;
	color:#999999;
	padding-top: 3px;
	padding-right: 15;
	padding-bottom: 3px;
	padding-left: 20px;
}

#lselect a {
	display: block;
	font-size: 1.1em;
	color: #6D2542;
}

#lselect a.c {
	display:inline;
	line-height:5px;
	margin:0;
	padding:0;
	font: normal 1.0em/1.2em Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	letter-spacing: -1px;
}

#lselect, #larchives {
	margin-bottom: 5px;
	border:0px solid #000000;
}
	
#tagline 	{
	letter-spacing:0.1px;
	line-height:15px;
	font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	vertical-align: middle;
	padding-bottom: 12px;
	border-bottom-width: thin;
	border-bottom-color: #FFF;
	padding-top: 6px;
	}
	
/* Class Styles */
	
.bodyText {
	color:#003366;
	line-height:155%;
	margin-top:0px;
	padding-right: 12px;
	padding-left: 10px;
	font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-top: 20px;
	}
	
.bodySubText1 {
	font:9px Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	line-height:12px;
	padding-top: 7px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 6px;
	}
	
.pageName{
	font: 12px Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.subHeader {
	font:bold 10px Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	color: #3366CC;
	line-height:16px;
	letter-spacing:.2em;
	}

.quote {
	font: 20px Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	color: #759DA1;
	line-height:30px;
	}
	
.smallText {
	font: 10px Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	}
	

.eingezogen_bild {
	text-align: left;
	height:10px;
	padding-left: 30px;
	padding-right: 75px;
	top: 0px;
	clip: auto;
}
.infobar {
	line-height:normal;
	font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #CBD0D4;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #333333;
	padding-right: 10px;
	padding-left: 10px;
}
.navback {
	background-color: #344A5F;
	text-align: center;
}

/* Form sheet */

input, textarea { 	
	font-family: "Arial Narrow", Verdana;
}

form  {
	width: 45em;
	font-size: 0.8em;
	line-height: 120%;
	margin: 1em;
}

fieldset {
	color: #006699;
	border: solid 1px  #006699;
	background-color: #eeeeee;
	padding: 10px;
}

legend {
	padding: 0.1em 0.4em;
	font-weight: bold;
	color: #000;
	border: 3px double #006699;
	background-color: #eeeeff;
}

input, textarea {
/*	display: block; */
/*	float: left; */
	width: 12em;
	border: 1px solid #eeeeff;
	background: #dede99 url(../img/formularschatten.gif) no-repeat left top;
	border-top: 1px solid #9E9E6D;
	border-left: 1px solid #9E9E6D;
	margin: 5px;
	padding: 2px;
}

 textarea {
	width: 20em;
	height: 4em;
} 
#nummer, #number {
	width: 3em;
}
#plz {
	width: 3em;
}

#zip {
	width: 6em;
}

.submit, .reset { 
	background: #eeeeff;
   	border: 3px double #006699;
 }
 
label { 
/*	width: 7em; */
	margin: 5px;
	padding: 5px;
/*	float:left; */
	text-align: right;
	font-weight: normal;
	color: #000;
}

/* br { 
	clear: left; 
}
p {
	clear: left;
	float: left;
	width: 100%;
}
*/
input:focus, input:hover, input:active {
   background-color: #fff;
   border: 1px dashed #999;
   font-weight: bold;
}

/* Beispiel für Fehlermeldungen */
/* diese Klasse müsste per Javascript oder PHP zugewiesen werden */
input.fehler { 
	border: 1px solid #f00;
	font-weight: bold; 
	background: #fff url(img/achtung.gif) right no-repeat;
}

input.prima { 
	background: #fff url(img/ok2.gif) right no-repeat;
}
.schwererfehler {
	font-style: italic;
}

#buchst {
	margin-left: 5em;
	padding-left: 25px;
	margin-bottom: 0.5em;
	visibility: hidden;	
	display:inline; /* IE verdoppelter Aussenabstand Bug */
}

#buchst input {
	display: inline;
	width: 1.5em;
	float: none;
	border: none;
	background: #CCCC99;
	height: 1.1em;
	line-height: 1em;
	margin: 0;
	padding: 0;
	text-align: center;
}
