@media all
{
/* ######################################################################################################
** # STANDART EINSTELLUNGEN #############################################################################
** ######################################################################################################
** 

/* ### ÜBERSCHRIFEN, TEXTE UND INHALTE ################################################################## */

h1,h2,h3,h4  { 
	font-family: Arial, Verdana, Sans-Serif; 
	font-weight: normal 
}

h1 {
	color: #114575;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 0.5em;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.25em;
	margin-left: 0;
}

h2 {
	color: #114575;
	font-size: 14px;
	font-weight: bold;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}

h3 { 
	color: #114575; 
	float: left;
	font-size: 14px;
	font-weight: bold;
	padding-top: 0.25em;
	padding-bottom: 0.25em; 
}

h4 {
	color: #114575;
	font-size: 12px;
	padding-bottom: 0.30em;
}

#teaser h1 { 
	font-size: 16px; 
	border: 0; 
}

p,ul,dd,dt { 
	line-height: 1.5em; 
}

p { 
	font-size: 12px; 
	line-height: 1.4; 
	margin: 0 0 0.5em 
}

strong,b { 
	font-weight: bold; 
}

em,i { 
	font-style:italic; 
}

hr { 
	color: #fff; 
	background:transparent; 
	margin: 0 0 0.5em 0; 
	padding: 0 0 0.5em 0; 
	border:0; 
	border-bottom: 1px #eee solid; 
}

/* ### BILDEINBINUNG POSITION UND SCHATTEN ########################################################### */

img.liste {
	float: left;
	margin-right: 15px;
	margin-bottom: 55px;
	border:2px solid #FFFFFF;
	height: 75px;
	width: 110px;
}

img.liste2 {
	float: left;
	margin-right: 15px;
	margin-bottom: 55px;
	border:2px solid #FFFFFF;

}

img.portraits {
	border-Right: 2px solid #FFFFFF;
	border-Left: 2px solid #FFFFFF;
	border-Top: 2px solid #FFFFFF;
	border-Bottom: 2px solid #FFFFFF;
}

img.float_left {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	border:2px solid #FFFFFF;
}

img.float_right {
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
	border:2px solid #FFFFFF;
}

.imggalerie { 
	margin-right: 15px; 
	margin-bottom: 15px; 
	width: 120px; 
	height: 85px; 
	float: left; 
	clear: none; 
	overflow: hidden; 
	clip: auto; 
	vertical-align: top; 
	border: solid 1px #ccc 
}

.piclist {
	margin-bottom:25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eee;
	padding-bottom: 50px;
	height:80px;
}

.imglistekl {
	margin-bottom:25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C7C7C7;
	padding-bottom: 65px;
	height:60px;
}

.imglistegr {
	margin-bottom:25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C7C7C7;
	padding-bottom: 190px;
	height:100px;
}

.imglistegr2 {
	margin-bottom:25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C7C7C7;
	padding-bottom: 100px;
	height:100px;
}

#imgschatten {
	height: auto;
	width: auto;
	margin-left: -5px;
	margin-top: 1em;
	margin-bottom: 1em;

}

#imgschattenrechts {
	height: auto;
	width: auto;
	float: right;
	margin-left: 0em;
	margin-right: -22px;
	margin-top: -8px;
}

#imgschattenlinks {
	height: auto;
	width: auto;
	float: left;
	margin-right: 1.5em;
	margin-left: -8px;
	margin-top: -8px;
}

#imgschattenlinksZ {
	height: auto;
	width: auto;
	float: left;
	margin-right: 1.5em;
	margin-left: -8px;
	margin-top: -8px;
	z-index: 10;
}

.imgschattenoben {
	background-image: url(../../img/img_schatten_oben.png);
	background-repeat: no-repeat;
	height: 8px;
	width: 340px;
}

.imgschattenreli {
	background-image: url(../../img/img_schatten_reli.png);
	background-repeat: repeat-y;
	height: auto;
	width: 340px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
}

.imgschattenunten {
	background-image: url(../../img/img_schatten_unten.png);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 10px;
	width: 340px;
}

.imgbeispoben {
	background-image: url(../../img/img_beisp_oben.png);
	background-repeat: no-repeat;
	height: 8px;
	width: 170px;
}

.imgbeispreli {
	background-image: url(../../img/img_beisp_reli.png);
	background-repeat: repeat-y;
	height: auto;
	width: 170px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
}

.imgbeispunten {
	background-image: url(../../img/img_beisp_unten.png);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 10px;
	width: 170px;
}

.imggoogleoben {
	background-image: url(../../img/img_google_oben.png);
	background-repeat: no-repeat;
	height: 8px;
	width: 660px;
	z-index: 9999;
}

.imggooglereli {
	background-image: url(../../img/img_google_reli.png);
	background-repeat: repeat-y;
	height: auto;
	width: 660px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
	z-index: 0;
}

.imggoogleunten {
	background-image: url(../../img/img_google_unten.png);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 10px;
	width: 660px;
}

.imgschattengoben {
	background-image: url(../../img/img_schatteng_oben.png);
	background-repeat: no-repeat;
	height: 8px;
	width: 580px;
}

.imgschattengreli {
	background-image: url(../../img/img_schatteng_reli.png);
	background-repeat: repeat-y;
	height: auto;
	width: 580px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
}

.imgschattengunten {
	background-image: url(../../img/img_schatteng_unten.png);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 10px;
	width: 580px;
}

/* ### FORMATIERUNG FÜR TABELLEN ######################################################################### */

.flaechehell { 
	background-color: #f1f1f1 
}

.flaechesehrhell { 
	background-color: #fafafa 
}

.flaechedunkel { 
	color: white; 
	font-size: 10px; 
	font-weight: bold; 
	background-color: #ddd 
}

input { 
	color: #555; 
	font-size: 0.9em; 
	font-family: Arial, sans-serif; 
	background-color: white; 
	border: solid 1px 
}
	
.ohne { 
	background-color: transparent; 
	margin: 0; 
	padding: 0; 
	width: auto; 
	height: auto; 
	border-width: 0 
}

select { 
	color: #555; 
	font-size: 10px; 
	font-family: Arial, sans-serif; 
	border: inset 1px 
}

textarea { 
	color: #555; 
	font-size: 10px; 
	font-family: Arial, sans-serif; 
	border: inset 1px 
}

.textfield { 
	background-color: white 
}

th { 
	color: white; 
	font-size: 10px; 
	font-weight: bold; 
	background-repeat: repeat-x; 
	background-position: 0 50%; 
	text-align: left; 
	padding: 3px 
}

td { 
	font-size: 12px; 
	padding:3px 
}

#tableform tbody  tr:hover { 
	color: #111; 
	background: #f0f2f4 
}

form { 
	overflow: hidden 
}

input, textarea, select { 
	font-size: 12px; 
	background: #fafafa; 
	width: auto; 
	border-color: #ccc 
}

input[type=text]:focus, textarea:focus { 
	color: #888; 
	background: #ddd; 
	border-color: #dedede 
}

.inputbutton {
	background: #114575;
	color: #FFFFFF;
}

/* ######################################################################################################
** ### Spezielle Formatanweisungen des YAML-Standard-Layouts ############################################
** ######################################################################################################
*/

.hidden { visibility: hidden }
	
/*### NAVIGATION SEITENENDE ######################################################### */

p.navlink { 
	background-color: #f4f8f4; 
	border: 1px #aca dotted; 
	padding: 6px; 
	margin-bottom: 0.5em; 
}

p.navlink a { 
	color: #353;
}

p.navlink a:hover { 
	font-weight: bold; 
	background: transparent; 
}

blockquote { 
	color: #444; 
	background: #f8f8f8; 	
	border: 1px #ddd solid;
	border-left: 8px #ddd solid;
	padding: 1em 1em 0 1em;
	margin: 0 0 1em 1em;
}

/*### UNTERGEORDNETE LISTEN ######################################################## */

ul.linklist { 
	list-style-type: none; 
	margin: 0 0 1em 0; 
}

ul.linklist li { 
	margin: 0 0 1em 0; 
}

ul.listspecial {
}

ul.listspecial li { 
	display: inline; 
	margin: 0; 
	padding: 0 
}

ul.listspecial li a { 
	text-decoration: none; 
	background-repeat: no-repeat; 
	background-position: 2px 50%; 
	display: block; 
	padding: 0 0 0 1.5em 
}

ul.listspecial li a:hover { 
	background-color: #f5f5f5; 
	background-repeat: no-repeat 
}
	
/*### BROWSER-KOMPATIBILTÄTSLISTE ################################################## */ 

ul.browsers { 
	margin: 0  0 .4em 0; 
}

ul.browsers li {
	margin: 0;
	list-style-type: none;
	background: #f8f8f8; color: #444; 
	padding: 0.1em 0.1em 0.2em 0.5em; 
	font-weight: normal;
	text-align: left; 
	border-bottom: 1px #fff solid; 
	border-right: 1px #fff solid;
}

ul.browsers li img { 
	vertical-align:bottom;
}

ul.browsers li.title {
	font-weight: bold;
	background: #eee; color: #444; 
	padding: 0.2em 0.2em 0.2em 0.5em; 
}

/* ### TABELLEN ####################################################################### */

table.bugs { 
	margin-bottom: 1em; 
	margin-top: .5em; 
}

table.bugs th { 
	background: #444; color: #fff; 
	padding: 0.5em; 
	text-align: center; 
	border-bottom: 1px #fff solid; 
	border-right: 1px #fff solid;
}

table.bugs td {
	background: #888; color: #fff; 
	padding: 0.5em; 
	text-align: center; 
	border-bottom: 1px #fff solid; 
	border-right: 1px #fff solid;
}

/* ### FARBEN DER LINKS ############################################################### */

a, a em.file { 
	color: #114575; 
	text-decoration: none 
}

a:visited {  
	text-decoration: none;
	color: #114575;
}

a:hover {
	text-decoration: underline;
	color: #114575;
}

#footer a {
	color: #114575
}

#onavi a {
	color: #aaa;
}

#footer a:hover, #onavi a:hover { 
	color: #114575; 
	text-decoration: underline; 
	border-width: 0 
}

#footer a:focus { 
	background-color: #f1f1f1 
}

#main a.imagelink {
	padding-left: 0;
	background: transparent;
}

}

