html {
   height: 100%;
   margin-bottom: -50px;
   overflow-x:hidden;
}

body  {height:100%;
    	font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
		background: #ffffff;
    	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
    	padding: 0;
    	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
    	color: #000000;
	scrollbar-face-color: #db2020;
    }
	
	
#container { 
    	position: relative; /* Durch Hinzufügen von position: relative können Sie die beiden Randleisten im Verhältnis zu diesem Container positionieren. */
    	width: 960px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
    	height:100%;
		background: #FFFFFF;
		background-image:url(../../custom/grafiken/bg_content.gif);
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    } 

/* Style fuer Layout */	
#topnavi{height:21px; background-color:#db2020; padding-left:192px; color:#FFFFFF;padding-top:5px; margin:0px; }
#topnavi a {color:#FFFFFF; text-transform:uppercase; padding-right:13px;padding-left:13px; text-decoration:none}
#topnavi a:hover {color:#dcdcdd}

#innenrahmen{width:960px; background-image:url(../../custom/grafiken/bg_content.gif); background-repeat:repeat-y; float:left}

#breadnavi{font-size:10px; color:#646464; padding-bottom:15px;}
#breadnavi a{font-size:10px; color:#000000;}
#breadnavi a:hover{color:#db2020}

#rechtespalte{width:165px; float:left; padding-top:40px;padding-left:10px;}

#linkespalte{width:175px; margin-right:5px; float:left;}/* breite für linke spalte, stand auf 180px*/	
#linkespalteabstand{height:40px; }

#contentrahmen{width:540px; float:left; padding-left:30px; padding-top:10px; padding-right:20px; padding-bottom:10px; line-height:16px;}

#bildleistelinks{width:150px; float:left;padding-right:20px;}
#contentrechts{width:350px;float:left;}

#contentlinks{width:390px;float:left;}
#bildleisterechts{width:150px; float:right;padding-left:20px;}

#bildleistehorinzontal{padding-top:10px; padding-bottom:10px;}

#bildmittetext{width:400px;}

#footer{width:960px; background-image:url(../../custom/grafiken/bg_content.gif); float:left;}


/* Style fuer runde Ecken START*/
.box { width: 530px; background: #e5e5e5;}
.box h1, .box p {margin: 0 10px;}
.box h1 {font-size:150%; color:#ffffff; }
.box .top, .box .bottom{display:block;background: #ffffff;}
.box .top b, .box .bottom b
{
  display:block;height: 1px; overflow: hidden; background: #e5e5e5;
}
.box .r1{margin: 0 5px;}
.box .r2{margin: 0 3px;}
.box .r3{margin: 0 2px;}
.box .top .r4, .box .bottom .r4{margin: 0 1px;height: 2px;}
/* Style fuer runde Ecken ENDE */





.content_listrahmen{padding-top:10px; float:left}
.content_listrechts{float:left;width:350px;}



/* style fr Inputs */

label {display: block;float: left;width: 340px; color:#717171}
	
/* Alle Zeilenumbrüche in Formularen auswählen */
form br { clear: left; /* das floating der labels und inputs aufheben */}

/* den Submit-Button */
input#submit {float: none;width: auto;align:right;}

input.in300px {text-align:left;width:300px;BORDER: #9d9d9f 1px solid;}
textarea.nachricht {BORDER: #9d9d9f 1px solid;height:100px;width:300px; font-family:Arial, Helvetica, sans-serif;font-size:12px;}
input.submit{font-family:Arial, Helvetica, sans-serif; color:#9d9d9f; font-size:14px; font-weight:bold; background-color:#DB2020; border:1px solid #9d9d9f;  width:260px;padding-right:25px;}






/*Template: bildlinks-textrechts*/
#textrechts{float:left;width:300px;}
	




/* Style fuer Links */
a.nav_li_aktive{color:#ffffff;display:block; text-decoration:none;background-color:#db2020;  padding:7px 10px 7px 0px;font-weight:bold;}
a.nav_li_aktive:hover{color:#ffffff;background-color:#db2020; }

a.nav_li_full{color:#000000;display:block; text-decoration:none; padding:7px 10px 7px 0px ;font-weight:bold;}
a.nav_li_full:hover{color:#ffffff;background-color:#db2020; }

a.nav_li_empty{color:#000000;display:block; text-decoration:none; padding:7px 10px 7px 0px;font-weight:bold;}
a.nav_li_empty:hover{color:#ffffff;background-color:#db2020;}

a.nav_li_open{color:#ffffff;display:block; background-color:#000000;text-decoration:none; padding:7px 10px 7px 0px;font-weight:bold;}
a.nav_li_open:hover{color:#ffffff;background-color:#db2020; }

a.contentlink {color:#c41220; text-decoration:underline; font-weight:bold;}
a.contentlink:hover{color:#1a171b; text-decoration:none; font-weight:bold;}

#boxrelinkrahmen{padding-right:10px; text-align:right}
a.boxre{color:#212121; font-weight:bold; text-decoration:none; }
a.boxre:hover{text-decoration:underline}

/* Style fuer Typo */
.boxre{padding:10px; color:#777777}
.boxreheadline{color:#ffffff; font-weight:bold; padding-left:10px;}
h1{font-weight:bold; font-size:14px; margin-top:0px;}
h2{font-weight:bold; font-size:13px; margin-top:0px;}
h3{font-weight:bold; font-size:16px; margin-top:0px; color: #DB2020; display: inline; }
h4{font-weight:bold; font-size:12px; margin-top:0px; color: #DB2020; display: inline; }
h6{font-weight:bold; font-size:12px; margin-top:0px; display: inline; }

/* Style fuer Typo */
.bildlinks{padding-right:20px; padding-bottom:10px;float:left;}
.bildlinksbu{width:200px;padding-bottom:20px; font-size:11px;}
.bildrahmen{ border:1px solid black;}
#footertypo{}

ul {padding-left:10px;margin-left:10px;}
li { list-style-type:square}

#footertypo{width:535px;  margin:10px 0 10px 205px; padding:5px;  font-size:11px; text-align:center}
#footertypo a {color:#022b71; text-decoration:underline}
#footertypo a:hover{color:#022b71; text-decoration:none}

td {
  font-size:12px;
}
/*oder */
.tabellenKlasse {
  font-size:12px;
}
/*oder */
table.tabellenKlasse tr td {
  font-size:12px;
}

hr {
border:none;
border-top: 1px solid #E00060;
color: #FFFFFF;
background-color: #FFFFFF;
height: 1px;
}

/*stellenanzeige roter text*/

.p2 {
  color: #DB2020;
  font-size: 16px;
  display: inline;
  font-weight: bold;
}

.p3 {
  color: #DB2020;
  font-size: 16px;
  display: inline;
  font-weight: bold;
}


/*roter stern beim katalog*/

.p3 {
  color: #DB2020;
  font-size: 12px;
  font-weight: bold;
}

.p4 {
  font-size: 12px;
  font-weight: normal;
}


/*social network*/


div.sociable { margin: 16px 0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
position: absolute;
display: block;
    top: -5em;
    background: #ffe;
    border: 1px solid #ccc;
color: black;
    line-height: 1.25em;
    }
.sociable span {
    display: block;
    }
    .sociable ul {
    display: inline;
    margin: 0 !important;
	    padding: 0 !important;
    }
.sociable ul li {
        background: none;
    display: inline !important;
list-style-type: none;
    margin: 0;
padding: 1px;
}
	.sociable ul li:before { content: ""; }
.sociable img {
float: none;
width: 46px;
	        height: 46px;
	    border: 0;
        margin: 0;
	    padding: 0;
	}
	.sociable-hovers {
    opacity: .4;
-moz-opacity: .4;
    filter: alpha(opacity=40);
        }
.sociable-hovers:hover {
opacity: 1;
        -moz-opacity: 1;
    filter: alpha(opacity=100);
    }
																																								    
/*links anzeigen */

.cms:link {color:#DB2020; text-decoration:none}
.cms:visited {color:#0000ff; text-decoration:none}
.cms:active {color:#000000; text-decoration:none}
.cms:hover {color:#000000; text-decoration:underline}