@charset "utf-8";
html, body {
	background-image : url(/nav/hg.gif);
	background-position : top left;
	margin : 0;
	padding: 0;
	text-align : center;
	color : #000000;
	position : absolute;
	top : 0;
	left : 0;
	right : 0;
}

* {
font : small Verdana, Arial, Helvetica, sans-serif;
}
/* ########################################################### */
.bClass #container {
	width : 80%;
	margin : 63px auto auto auto;
	height: auto;
	padding : 0;
	text-align : justify;
}
/* ########################################################### */
.bClass #nav {
	background-image : url(/nav/rulerUp.gif);
	background-repeat : no-repeat;
	background-position : top left;
	background-color: #ebebeb;
	padding-top : 0;
	padding-bottom: 0;
	border-right: 1px solid #eee;
	margin: 0;
}
.bClass #nav ul {
	list-style-position : inside;
	margin : 0 219px 0 4px;
}
.bClass #nav ul li {
	display : inline;
	margin : 0 0 0 0;
}
.bClass #nav ul li a {
	z-index:20;
}
/* ########################################################### */
.bClass #subnav {
	padding-top : 7px;
	padding-bottom: 2px;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
	margin: 0;
}
.bClass #subnav ul {
	list-style-position : inside;
	margin : 0 219px 0 11px;
}
.bClass #subnav ul li {
	display : inline;
	margin : 0 30px 0 0;
}
/* ########################################################### */
.bClass #content {
	background-image : url(/nav/hg.png) !important;
	background-image : url(/nav/hginhalt.gif);
	margin : 0;
	padding : 10px 42px 10px 42px;
	border-left : 1px solid #eee;
	border-right : 1px solid #eee;
	border-bottom : 1px solid #eee;
	/* Folgendes wird dann pro Seite überschrieben  TemplateBeginEditable name="pageSpecStyle"  */
	border-top : 1px solid #eee;
}
.bClass #content ul {
	margin-left: auto; 
	margin-right: auto; 
	max-width:400px;
	list-style-position:outside;
	padding-left: 2em;
}
.bClass #content ul li{
	text-align: left;
	font-size:small;
}
.bClass #content ol {
	margin-left: auto; 
	margin-right: auto; 
	max-width:400px;
	list-style-position:outside;
	padding-left: 2em;
}
.bClass #content ol li{
	text-align: left;
	font-size:small;
}
/* Innerhalb der Inhaltsbox der allerletzte P-Tag. Um das floating wieder zurückzusetzen */
.bClass #content #end {
	clear:both;
	margin: 0; /* sonst entsteht im IE7 ein Abstand zum Footer */ 
}
/* ########################################################### */
.bClass #footer {
	background-image : url(/nav/rulerDown.gif);
	background-repeat : no-repeat;
	background-position : bottom right;
	background-color: #eee;
	border-left : 1px solid #eee;
	margin : 0;
	padding : 0 42px 0 42px;
	text-align: center;
	font-size: 10px;
}
.bClass #footer p {
	margin : 0;
	padding : 2px 0;
}
/* ########################################################### */
.bClass #logo {
	position : absolute;
	top : 9px;
	right : 10%;
	padding : 0;
	float : right;
	margin: 0 0 0 319px;
	z-index:2;
	width: 219px;
}
.bClass #logo img {
	z-index:3;
}
/* ########################################################### */
/*         Folgendes wird dann pro Seite überschrieben         */
/*         TemplateBeginEditable name="pageSpecStyle"          */
a:link {
	color:#666;
	text-decoration:none;
	border: 0 none;
	font-weight:bold;
}
a:visited {
	color:#7f7f7f;
	text-decoration:none;
	border: 0 none;
	font-weight:bold;
}
a:focus {
	color:#4c4c4c;
	text-decoration:underline;
	border: 0 none;
	font-weight:bold;
}
a:hover {
	color:#4c4c4c;
	text-decoration:underline;
	border: 0 none;
	font-weight:bold;
}
a:active {
	color:#FFCC33;
	text-decoration:underline;
	border: 0 none;
	font-weight:bold;
}
/* Highlighted Link der aktuellen Seite in der Subnavigation */
.highSubnav {
	font-weight: bold !important;
}
/* ########################################################### */
.bClass #subnav a:link { font-weight:normal;}
.bClass #subnav a:visited { font-weight:normal;}
.bClass #subnav a:focus { font-weight:normal;}
.bClass #subnav a:hover { font-weight:normal;}
.bClass #subnav a:active { font-weight:normal;}
/* ########################################################### */
a[rel=external]:before {
 content:url(/nav/linker.gif);
} 
/* ########################################################### */
/*                    TAGs                                     */
h1 {
	font-weight:bold;
	font-size:large;
	color: #666;
	text-align:center;
	text-decoration:none !important;
	
}
h2 {
	font-weight:bold;
	font-size:medium;
	color: #666;
	text-align:center;
	text-decoration:none !important;
	
}
h3, h4, h5 {
	font-weight:normal;
	font-size:medium;
	color: #666;
	text-align:center;
	text-decoration:none !important;
	
}
p {
	font-weight:normal;
	font-size:small;
	color: #333;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}
cite {
	font-weight:normal;
	font-size:small;
	color: #606060;
	max-width: 450px;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
	text-indent: 0;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
img {
	border: 0 none;
}

fieldset {
	margin:auto;
	width:24em;
}
form p {
	text-align:right;
}
form br {
	clear: both;
}
label {
	width: 9em;
	display: block;
	float: left;
}
input {
	width: 16em;
	display: block;
	float: left;
}
input#submit {
	width: auto;
	float: right;
}
textarea {
	width: 16em;
	display: block;
	float: left;
}
table {
	margin: auto;
}

/* ########################################################### */
/*                    Class                                    */
.middle {
	text-align: center;
	margin: auto;
}
.right {
	text-align: right;
	margin: auto;
}
/* Link und Thumbnail in den Referenzen - floating wird mit .pageTop wieder gelöscht */
.refThumb{
float: right;
margin-left: 10px;
}
/* Ref. zum TOP-Anker der Seite */
.pageTop{
clear:both;
font-size:xx-small;
text-align: right;
margin: 15px 0 20px auto;
}
.google{
text-align:center;
margin: 10px auto;
}

/* Versteckermann */
.dis{
display:none;
visibility:hidden;
}

/* Referenzen */
h1.referenz{
border-top: 1px solid #666;
max-width: 580px;
padding: 10px;
margin: 30px auto auto auto;
}

.refCredits ul{
margin: 0;
padding: 0;
max-width: 600px;
}
.refCredits li{
font-size:9px !important;
list-style:none;
margin: 0;
padding: 0;
}
/* Credits in den Referenzen */
.refCredits a{
font-size:9px !important;
}

/* ------------------------------------------------------------- */
#social{

}
.socialBM{
text-align: right;
}
#socialBMover{
display: inline;
}
.socialBM ul{
list-style-type:none;
}
.socialBM ul li{
display: inline;
margin: 0;
}
/* ------------------------------------------------------------- */
#fotoRubriken{
margin: 0; 
padding: 0 !important;
list-style-type:none;
max-width: 600px !important;
}
#fotoRubriken li{
display: inline;
margin: 0; 
padding: 0;
float:left;
}
#fotoRubriken a{
margin: 0;
padding: 0;
}
#descriptor{
font-weight:bold;
color: #cc9933;
}
/* ------------------------------------------------------------- */

.clearfix{
clear:both;
}
/* ------------------------------------------------------------- */

h2{
	border: 1px solid #666666;
	background-color:#98bdd8;
	margin-left:auto;
	margin-right:auto;
	max-width:600px;
	font-weight: bold;
	padding: 2px;
	color:#477392 !important;
	
	
	-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;

-webkit-box-shadow: 3px 3px 9px #aaaaaa;
-moz-box-shadow: 3px 3px 9px #aaaaaa;
box-shadow: 3px 3px 9px #aaaaaa;

}


h2 a { 
text-decoration:underline !important; 
font-size: 14px;
}

#impressumWrapper h3{
text-align:left;
max-width: 600px;
padding: 2px;
margin: 0 auto;
}
@media (min-width: 231px) and (max-width: 450px){
	img{max-width: 450px;}
	#logo{display:none}
	h1, h2, h3{width: 450px}
}
@media (max-width: 230px){
	img{max-width: 230px;}
	#logo{display:none}
	h1, h2, h3{width: 230px}
}