/* CSS-Reset - http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	color: black;
	line-height: 1.0;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* CSS-Reset Ende */
.barrierefrei-hinweis {
position:absolute;

    top:-1000em;

    left:-1000em;

    width:0;

    height: 0;

    overflow:hidden;

    display:inline;
}
body {
	background-color: #e4e4e4;
}
#seite {
	position:relative;
}



.bereich-innen {
	margin-left: 4.5em;	/* 12px -> 60px */
	margin-right: 4.5em;/* 12px -> 60px */
}

html, body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%; /* 16px - Defaultgroesse in allen Browsern */
	line-height:1.125em; /* 16px -> 18px */
}


#seite {
	font-size: 0.75em; /* 16px -> 12px  - Basisgroesse der Schrift */
}

/* ------------------- Bereich Kopf ------------------- */

#bereich-kopf {
	background-color: #fff;
}

#bereich-kopf .bereich-innen {
	height: 9em;			/* 12px -> 108px */
	position: relative;	
}

/* Druckinfo standardmaessig nicht anzeigen */ 
.info-druck {
	display: none;
}

#logo {
	padding-left: 0.75em;	/* 12px ->  9px */
	padding-top: 4.5em;		/* 12px -> 54px */
}

#info-benutzer {
	bottom: 0;
	color: #666;
	font-size: 0.833em;				/* 12px -> 10px */
	padding-bottom: 0.9em;			/* 10px ->  9px */
	position: absolute;
	right: 1.8em;					/* 10px -> 18px */
}

#info-benutzer a {
	color: #999;
}
/* ------------------- Bereich Navigation ------------------- */

#bereich-navigation .bereich-innen {
	margin-left: 0;
	margin-right: 0;
	width: auto;
}

#navigation-haupt ul.navigation {
	margin-left: 4.5em;		/* 12px -> 60px */
/*	width: 72em;			/* 12px ->864px */
}

/* ------------------- Bereich Banner ------------------- */

#bereich-banner {
	background: #8c8c8c url(../images/design/keg/banner.gif) repeat-x top left;
	color: #fff;
	position: relative;
}

 
.mit-banner #bereich-banner {
	height: 16.5em;							/* 12px ->198px */
}

#bereich-banner .bereich-innen {
	background: url(../images/design/keg/banner-licht.gif) no-repeat 80% 0%;
}

.rtv #bereich-banner .bereich-innen,
.rps #bereich-banner .bereich-innen,
.rdb #bereich-banner .bereich-innen,
.ris #bereich-banner .bereich-innen {
	background-image: none;
}


#bereich-banner .bereich-innen {
	position: relative;
}

.mit-banner #bereich-banner .bereich-innen {
	height: 15em;							/* 12px ->180px */
	padding-left: 0.75em;					/* 12px ->  9px */
	padding-right: 0.75em;					/* 12px ->  9px */
	padding-top: 1.5em;						/* 12px -> 18px */
}


.mit-banner #bereich-banner p {
	padding-right: 21em;					/* 12px ->252px */
}

.mit-banner #bereich-banner #navigation-schnell {
	position: absolute;
	left: 0;
	bottom: 0;
}



.mit-banner #bereich-banner .csc-textpic-intext-right {
	position: absolute;
	right: 0;
	bottom: 0;
}

.mit-banner #bereich-banner .csc-textpic-image {
	margin-bottom: 0 !important;
}

/* Inhalte */

#bereich-banner h1 {
	color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 3em;			/* 12px -> 36px */
	font-weight: normal;
	line-height: 1em;		/* 36px -> 36px */
	margin: 0;
	padding: 0;
	
}

#bereich-banner h2.untertitel {
	color: #e6e6e6;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;		/* 12px -> 18px */
	font-weight: normal;
	margin-bottom: 1em;		/* 18px -> 18px */
	margin-top: 0;
}

#bereich-banner p {
	color: #e6e6e6;
}

.rtv #bereich-banner {
	background-image: url(../images/design/rtv/banner.gif);
	background-color: #2B8A09;
}
.rtv #bereich-banner h2.untertitel,
.rtv #bereich-banner p
 {
	color: #99D27E;
}

.rps #bereich-banner {
	background-image: url(../images/design/rps/banner.gif);
	background-color: #0f5cd4;
}
.rps #bereich-banner h2.untertitel,
.rps #bereich-banner p
 {
	color: #9DB4D4;
}
.rdb #bereich-banner {
	background-image: url(../images/design/rdb/banner.gif);
	background-color: #63a3ed;
}
.rdb #bereich-banner h2.untertitel,
.rdb #bereich-banner p
 {
	color: #CCD9ED;
}
.ris #bereich-banner {
	background-image: url(../images/design/ris/banner.gif);
	background-color: #e67712;
}
.ris #bereich-banner h2.untertitel,
.ris #bereich-banner p
 {
	color: #F6D291;
}
#bereich-inhalte {
	background-color: #e4e4e4;
}

#bereich-inhalte .bereich-innen {
	background-color: #fff;
	position: relative; /* IE5 braucht das fuer die Startseite */
}

#inhalt-haupt .inhalt-innen {
	margin: 1.5em 0.75em;		/* 12px ->  9px */
/*	padding: 1.5em 0;		/* 12px -> 18px */
}

/* ---------------- Fussbereich ----------------- */

#bereich-fuss {
	clear: both;
	text-align: center;
	background-color: #e4e4e4;
}
#bereich-fuss .bereich-innen {
	padding: 0.75em 0;			/* 12px ->  9px */
}
#inhalt-fuss {
	font-size: 0.833em;			/* 12px -> 10px */
}
#bereich-fuss p {

}
/* Inhalte Kopf (Login, Navigation Kopf) */

#inhalte-kopf {
	font-size: 0.833em;				/* 12px -> 10px */
	padding-top: 0.9em;				/* 10px ->  9px */
	position: absolute;
	right: 1.8em;					/* 10px -> 18px */
	top: 0;
}

#login-kopf,
#navigation-kopf {
	float: left;
}

#login-kopf p,
#login-kopf .tx-newloginbox-pi1 {
	float: left;
}
.login-info {
	padding-right: 1.8em;
}

#login-kopf input {
	line-height: 1.4em !important;	/* 10px -> 14px */
	padding: 0.2em;					/* 10px ->  2px */
}

.spalten {
	/*margin-right: 1px; /* Zum Abfedern von Rundungsfehlern */
}

.spalten .letzte {
	margin-right: -2px; /* Zum Abfedern von Rundungsfehlern */
}
.spalte {
	float: left;
	overflow: hidden;
}
.zwei .spalte {
	width: 50%;
}

.drei .spalte {
	width: 33.33%;
}

.vier .spalte {
	width: 25%;
}

.spalten .inhalt {
	padding: 1.5em 0.75em;		/* 12px -> 18/9px */
}
.produkte {
	background: #fff url(../images/design/spezial/spalten-produkte.gif) no-repeat center 162px; /* */
}

.produkte .spalte {
	min-width: 180px;
	max-width: 360px;
	overflow:visible;
}

.produkte {
	margin-top: -1.5em;
	margin-left: -0.75em;
	margin-right: -0.75em;
}

.produkte .inhalt {
	min-height: 16.5em; /* 11 Zeilen */
}

.produkte .screenshots,
.produkte .inhalt {
/*	border-left: 1px solid #ccc;*/
}
.produkte .screenshots,
.produkte .inhalt {
	border-right: 1px solid #ccc;
/*	margin-right: -1px;*/
}

.produkte .letzte .screenshots,
.produkte .letzte .inhalt {
	border-right: 0 none;
}


.produkte .inhalt {
/*	border-bottom: 1px solid #ccc;*/
}



.produkte .screenshots {
	height: 15em;
	position: relative;
	top: 0;
	left: 0;
	padding-top: 0.75em;		/* 13px ->  9px */
}

.produkte h2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.083em;			/* 12px -> 13px */
	font-weight: bold;
	margin: 0;
	text-align: center;
	padding-top: 0.3077em;		/* 13px ->  4px */
	padding-bottom: 0.3846em;	/* 13px ->  5px */
}

.produkte .screenshot {
	position:absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.produkte .screenshots a {
	border-bottom-width: 0;
}

.produkte .screenshots img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0.75em;	/* 12px ->  9px */
}

.produkte h2 {
	background: #b2b2b2 url(../images/design/keg/nav-haupt-aktiv.gif) repeat-x bottom left;	
}
.produkte .rtv h2 {
	background-color: #09b500;
	background-color: #2dc108;	
	background-image: url(../images/design/rtv/nav-haupt-aktiv.gif);

}
.produkte .rps h2 {
	background-color: #2c74c7;
	background-color: #4a87ce;	
	background-image: url(../images/design/rps/nav-haupt-aktiv.gif);
}
.produkte .rdb h2 {
	background-color: #72b2fb;
	background-color: #8fc3fe;	
	background-image: url(../images/design/rdb/nav-haupt-aktiv.gif);
}
.produkte .ris h2 {
	background-color: #fa7f0f;
	background-color: #f99131;	
	background-image: url(../images/design/ris/nav-haupt-aktiv.gif);
}

.produkte h2,
.produkte h2 a {
	color: #fff;
	border-bottom: 0 none;
}
.produkte h2 a:hover {
	border-bottom: 1px dotted #fff;
}

/* Menue */

ul.navigation,
.navigation ul {
	list-style-type: none !important;
}

.inhalt .navigation li {
	margin-left: 0;
	padding-left: 0;
	background-image: none;
}

ul.horizontal {
	float: left;
}

ul.horizontal li {
	float: left;
}

.navigation a,
#logo a {
	text-decoration: none;
	border-bottom: 0 none;
}

.navigation a:hover {
	text-decoration: underline;
}
/* --- navigation-kopf --- */


#navigation-kopf a {
	color: #999;
	display: block;
	padding-left: 1em;				/* 10px -> 10px */
}
/* ------------------- Hauptnavigation ------------------- */

#navigation-haupt {
	background: #fff url(../images/design/allgemein/nav-haupt.gif) repeat-x bottom left;
/*	border-top: 1px solid #e4e4e4;
	margin-top: -1px;/* */
	width: 100%;
	float: left;
}

#navigation-haupt li {
}

#navigation-haupt a {
	color: #666;
	font-weight: bold;
	display: block;
	padding: 0.75em;			/* 12px -> 9px */
}

#navigation-haupt a:hover,
#navigation-haupt .aktiv a,
#navigation-haupt .gewaehlt a
 {
	background: #b2b2b2 url(../images/design/keg/nav-haupt-aktiv.gif) repeat-x bottom left;
	color: #fff;
	text-decoration: none;
}

/* R!TV */
#navigation-haupt #nav-rtv a:hover,
#navigation-haupt .aktiv #nav-rtv a,
#navigation-haupt .gewaehlt #nav-rtv a
{
	background-color: #2dc108;	
	background-image: url(../images/design/rtv/nav-haupt-aktiv.gif);
}

/* R!PS */
#navigation-haupt #nav-rps a:hover,
#navigation-haupt .aktiv #nav-rps a,
#navigation-haupt .gewaehlt #nav-rps a
{
	background-color: #4a87ce;	
	background-image: url(../images/design/rps/nav-haupt-aktiv.gif);
}

/* R!DB */
#navigation-haupt #nav-rdb a:hover,
#navigation-haupt .aktiv #nav-rdb a,
#navigation-haupt .gewaehlt #nav-rdb a
{
	background-color: #8fc3fe;	
	background-image: url(../images/design/rdb/nav-haupt-aktiv.gif);
}

/* R!IS */
#navigation-haupt #nav-ris a:hover,
#navigation-haupt .aktiv #nav-ris a,
#navigation-haupt .gewaehlt #nav-ris a
{
	background-color: #f99131;	
	background-image: url(../images/design/ris/nav-haupt-aktiv.gif);
}
/* Untermenues */
#inhalt-zusatz .navigation {
	padding-bottom: 0.75em;		/* 12px ->   9px */
	padding-top: 0.75em;		/* 12px ->   9px */
}
#navigation-sub {
	padding-bottom: 0;
	padding-top: 1.5em;			/* 12px ->  18px */
}

#inhalt-zusatz .navigation a {
	color: #666;
	display: block;
	padding: 0.75em;			/* 12px ->  9px */
}

#inhalt-zusatz .navigation a:hover {
	text-decoration: none;
}

#inhalt-zusatz .navigation li li {
	font-size: 0.833em;			/* 12px -> 10px */
}

#inhalt-zusatz .navigation li li a {
	padding-bottom: 0;
	padding-top: 0;
}

#inhalt-zusatz .navigation li ul {
	padding: 0.75em 0;
	background-color: #f1f1f1;
}

#inhalt-zusatz .navigation li.trenner {
	font-weight: bold;
	padding: 0.75em;			/* 12px ->  9px */
	color: #444;
}

#inhalt-zusatz .navigation li li a {
	padding-left: 2.7em;		/* 10px -> 27px */
}

#inhalt-zusatz .navigation .gewaehlt a,
#inhalt-zusatz ul.navigation a:hover {
	background-color: #fff;
	border-left: 0.25em solid #8c8c8c;	/* 12px ->  3px */
	color: #333;
	padding-left: 0.5em;				/* 12px ->  6px */
}

#inhalt-zusatz .navigation .aktiv ul .gewaehlt a,
#inhalt-zusatz ul.navigation ul a:hover {
	background-color: #fff;
	border-left-width: 0.3em;			/* 10px ->  3px */
	padding-left: 2.4em;				/* 10px -> 24px */
}

#inhalt-zusatz .navigation .gewaehlt ul a {
	background-color: #fff;
	border-left-width: 0;
	padding-left: 2.7em;				/* 10px -> 27px */
}


#inhalt-zusatz .navigation .aktiv a,
#inhalt-zusatz .navigation .gewaehlt ul a {
	background-color: #f1f1f1;
}


.rtv #inhalt-zusatz .navigation a {
	border-left-color: #2B8A09 !important;
}
.rps #inhalt-zusatz .navigation a {
	border-left-color: #0f5cd4 !important;
}
.rdb #inhalt-zusatz .navigation a {
	border-left-color: #63a3ed !important;
}
.ris #inhalt-zusatz .navigation a {
	border-left-color: #e67712 !important;
}


/* ------------------- Schnellnavigation ------------------- */

#navigation-schnell {

}

#navigation-schnell li {
}

#navigation-schnell a {
	color: #fff;
	font-weight: bold;
	display: block;
	padding: 0.75em;			/* 12px -> 9px */
}

#navigation-schnell a:hover,
#navigation-schnell .aktiv a,
#navigation-schnell .gewaehlt a
 {
	background: #a9a9a9 url(../images/design/keg/banner-aktiv.gif) repeat-x top left;
	text-decoration: none;
}

.mit-banner #bereich-banner #navigation-schnell a {
	background-image: none;
}

/* 2. Ebene - Dropdown */

#navigation-schnell li ul {
/*	left: -2000px;*/
/*	background-color: #999;*/
	position: absolute;
	width: auto;
	
}
#navigation-schnell ul ul li {
	float: none;
}

#navigation-schnell li:hover ul, #navigation-schnell li.iehover ul {
	left: auto;
}


ul#hauptnavi ul {
	font: 90% Verdana, Helvetica, sans-serif;
	background-color: #fff;
	color: #fff;
	border: 2px solid #F8DCC3;
	border-top-width: 0;
	margin: 0;
	padding: 0.9em 1em;
}


ul#hauptnavi ul li {
	padding: 0;
	float: none;
	margin: 0.3em 0;
}

ul#hauptnavi li:hover ul, ul#hauptnavi li.iehover ul {
	left: auto;
}

ul#hauptnavi li:hover ul ul, ul#hauptnavi li.iehover ul ul {
	left: -2000px;
}

ul#hauptnavi ul li:hover ul, ul#hauptnavi ul li.iehover ul {
	left: 0;
	left: 95%;
	top: 1em;
}


#navigationhaupt ul#hauptnavi li ul li a, ul#hauptnavi li ul li a:hover, 
ul#hauptnavi li ul li a span, ul#hauptnavi li ul li a:hover span, 
ul#hauptnavi li ul li.active a, ul#hauptnavi li ul li.active a:hover,
ul#hauptnavi li ul li.active a span, ul#hauptnavi li ul li.active a:hover span {
	background: transparent none;
	color: #c50;
}


ul#hauptnavi ul li a, ul#hauptnavi ul li span {
	display: inline;
	padding: 0;
	margin: 0;
}




/* R!TV */
.rtv #navigation-schnell a:hover,
.rtv #navigation-schnell .aktiv a,
.rtv #navigation-schnell .gewaehlt a
{
	background-color: #60a747;	
	background-image: url(../images/design/rtv/banner-aktiv.gif);
}

/* R!PS */
.rps #navigation-schnell a:hover,
.rps #navigation-schnell .aktiv  a,
.rps #navigation-schnell .gewaehlt a
{
	background-color: #4b85df;	
	background-image: url(../images/design/rps/banner-aktiv.gif);
}

/* R!DB */
.rdb #navigation-schnell a:hover,
.rdb #navigation-schnell .aktiv a,
.rdb #navigation-schnell .gewaehlt a
{
	background-color: #8abaf2;	
	background-image: url(../images/design/rdb/banner-aktiv.gif);
}

/* R!IS */
.ris #navigation-schnell a:hover,
.ris #navigation-schnell .aktiv a,
.ris #navigation-schnell .gewaehlt a
{
	background-color: #ec994d;	
	background-image: url(../images/design/ris/banner-aktiv.gif);
}
/* --- navigation-fuss --- */


#navigation-fuss {
	float: none;
	text-align: center;
	margin-bottom: 1.636em; /* 11px -> 18px */
}

#navigation-fuss li {
	float: none;
	display: inline;
	padding: 0 0.5em;
}

#navigation-fuss-sitemap {
	text-align: left;
	float: left;
	width: 100%;
	border-bottom: 0.091em solid #666; /* 11px -> 1px */
	margin-bottom: 1.636em; /* 11px -> 18px */
}
#navigation-fuss-sitemap li {
	float: none;
	clear: left;
	font-weight: bold;
	border-top: 0.091em solid #666;
}

#navigation-fuss-sitemap .active {
	font-weight: bold;
}
#navigation-fuss-sitemap a {
	float: left;
	padding-right: 1em;
	width: 15em;
	color: #888;
	margin-top: -0.091em;
}

#navigation-fuss-sitemap ul {
	float: left;
}
#navigation-fuss-sitemap li li {
		float: left;
		clear: none;
		font-weight: normal;
		border-top-width: 0;
}

#navigation-fuss-sitemap li li a {
	float: none;
	width: auto;
}
#navigation-fuss-sitemap ul ul {
		display: none;
}
/*	------------- Layout 2 Spalten ---------------- */

.mit-inhalt-zusatz #inhalt-zusatz {
	float: left;
	margin-left: -15em;			/* 12px -> 180px */
	width: 15em;				/* 12px -> 180px */
}


.mit-inhalt-zusatz #bereich-inhalte .bereich-innen,
.mit-inhalt-zusatz #bereich-fuss .bereich-innen {
	margin-left: 19.5em;		/* 12px -> 180px + 4.5em Rand */
}

.mit-inhalt-zusatz #inhalt-haupt {
	float: right;
	width: 100%;
}


/* -------------------- Inhaltsformatierungen allgemein ---------------- */

a {
	border-bottom: 1px dotted #999;
	color: #666;
	text-decoration: none;
}

a:hover {
	border-bottom-style: solid;
	color: #333;
}


a:focus {
	border: none;
}


h1 {
	color: #666;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.5em;			/* 12px -> 30px */
	font-weight: normal;
	line-height: 1.2em;		/* 30px -> 36px */
	margin-bottom: 0.6em;	/* 30px -> 18px */
	margin-top: 0.6em;		/* 30px -> 18px */
	padding: 0.3em 0;		/* 30px ->  9px */
}

h2 {
	color: #666;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;			/* 12px -> 18px */
	font-weight: normal;
	margin-top: 1em;			/* 18px -> 18px */
	margin-bottom: 1em;			/* 18px -> 18px */
}

h3 {
	color: #666;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 1.5em;			/* 12px -> 18px */
	margin-bottom: 1.5em;		/* 12px -> 18px */
}

h4 {
	color: #666;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-top: 1.5em;			/* 12px -> 18px */
	margin-bottom: 1.5em;		/* 12px -> 18px */
}


p,
ul,
ol,
th,
td {
	color: #333;
}



strong {
	color: #666;
	font-weight: bold;
}

em {
	font-style: italic;
}

/* Inhalt Haupt */

#inhalt-haupt p,
#inhalt-haupt ul,
#inhalt-haupt ol {
	margin-bottom: 1.5em;		/* 12px -> 18px */
}

/* Inhalt Zusatz */

#inhalt-zusatz .verwandteseiten h2,
#inhalt-zusatz .verwandteseiten h3,
#inhalt-zusatz .verwandteseiten h4,
#inhalt-zusatz .verwandteseiten h5 {
	margin-bottom: 0;
	padding-left: 0.5em;
}


#inhalt-zusatz .verwandteseiten .navigation ul {
	background-color: #e4e4e4;
}

#inhalt-zusatz .kommentare,
#inhalt-zusatz .werkzeuge {
	color: #333;
	margin-top: 1.5em;
	padding-left: 0.5em;
}

#inhalt-zusatz .kommentare {
	
}


/* Listen */

.inhalt ul {
	list-style-type: none;
}

.inhalt ol {
	list-style-type: decimal;
}

.inhalt ol ol {
	list-style-type: lower-alpha;
}

.inhalt li {
	padding-left: 1.5em;				/* 12px -> 18px */
}


.inhalt ul li {
	background: url(../images/design/allgemein/listenelement-punkt-grau.gif) no-repeat top left;
}

.inhalt blockquote {
	padding-left: 2.25em;				/* 12px -> 27px */
	background: url(../images/design/allgemein/anfuehrungszeichen-doppelt-links.gif) no-repeat bottom left;
}
.inhalt blockquote > p:first-child {
	padding-right: 2.25em;				/* 12px -> 27px */
	background: url(../images/design/allgemein/anfuehrungszeichen-doppelt-rechts.gif) no-repeat top right;
}
.inhalt blockquote blockquote {
	padding-left: 1.5em;				/* 12px -> 18px */
	background: url(../images/design/allgemein/anfuehrungszeichen-einfach-links.gif) no-repeat bottom left;
}
.inhalt blockquote blockquote > p:first-child {
	padding-right: 1.5em;				/* 12px -> 18px */
	background: url(../images/design/allgemein/anfuehrungszeichen-einfach-rechts.gif) no-repeat top right;
}


.inhalt ol li {
	margin-left: 2.25em;		/* 12px -> 27px */
	padding-left: 0;
	background-image: none;
}


.inhalt li ul,
.inhalt li ol {
	margin-bottom: 0;
}


/* -------------------- Inhaltsformatierungen allgemein ---------------- */



/* -------------------- Bilder ---------------- */
.csc-textpic-imagewrap a {
	border-bottom-width: 0;
}
.csc-textpic-image {
	line-height: 0;
}

.csc-textpic-imagewrap ul li {
	background-image: none;
}

.csc-textpic-caption {
	color: #666;
	font-size: 0.9167em;		/* 12px -> 11px */
	line-height: 1.636em;		/* 11px -> 18px */
}


body div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
	border: 0.0833em solid #e4e4e4;	/* 12px ->  1px */
	padding: 0.667em;				/* 12px ->  8px */
}
.csc-textpic-border .csc-textpic-image a {
	display: block;
}
.csc-textpic-border .csc-textpic-image a:hover img {
	background-color: #e4e4e4;
	border-color: #ccc !important;
}
/* -------------------- Formulare ---------------- */

fieldset
{
	float: left;
	clear: left;
	width: 100%;
	margin: 0 0 1.5em 0;		/* 12px -> 18px */
	padding: 0;
	border: 0 none;
}

legend
{
	margin-left: 1em;
	padding: 0;
	color: #666;
	font-weight: bold;
}

fieldset ol
{
	list-style: none !important;
}

fieldset li {
	margin-left: 0 !important;
}
fieldset li
{
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: 1.5em;	/* 12px -> 18px */
	position: relative;
}

label
{
	position: relative;
	float: left;
	width: 12em;
	margin-right: 1.5em;	/* 12px -> 18px */
}

input,
textarea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;	
}

input.text,
input.password,
input.file,
textarea {
	border: 0.0833em solid #999;			/* 12px ->  1px */
	border-bottom-color: #e4e4e4;
	border-right-color: #e4e4e4;
	color: #333;
	line-height: 1.1666em !important;					/* 12px -> 14px */
	margin: 0;
	padding: 0.0833em;						/* 12px ->  1px */
	padding-left: 0.25em;					/* 12px ->  3px */
}

textarea {
	line-height: 1.5em !important;			/* 12px -> 18px */
	margin-bottom: -0.25em;					/* 12px ->  3px */
	margin-top: -0.0833em;					/* 12px ->  1px */
}

input:focus,
textarea:focus,
select:focus {
	background-color: #f1f1f1;
	border-left-width: 0.25em;				/* 12px ->  3px */
	padding-left: 0.0833em;					/* 12px ->  1px */
	border-bottom-color: #ccc;
	border-right-color: #ccc;
}

select {
	border: 0.0833em solid #999;			/* 12px ->  1px */
	color: #333;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.5em !important;			/* 12px -> 18px */
	margin-bottom: -0.1667em;				/* 12px ->  2px */
	padding: 0;
	padding-left: 0.25em;					/* 12px ->  3px */
}

input.checkbox,
input.radio {
	height: 1.0833em;						/* 12px -> 13px */
	margin: 0;
	margin-top: 0.0833em;					/* 12px ->  1px */
	padding: 0;
}
.radiobuttons label {
	padding-left: 0.75em;					/* 12px ->  9px */
}


input.submit {
	background-color: #e4e4e4;
	border: 0.0833em solid #999;			/* 12px ->  1px */
	border-top-color: #f1f1f1;
	border-left-color: #f1f1f1;
	color: #333;
}
.radiobuttons legend {
	display: none;
}

.radiobuttons fieldset {
	padding-left: 13.5em;
	width: auto;
}
.radiobuttons fieldset label {
	float: none;
	margin-right: auto;
	width: auto;
}



fieldset .pflichtfeld em,
fieldset .radiobuttons label em {
	color: #f44;
	position: absolute;
	left: 12em;
	top: 0;
}

fieldset.submit
{
	float: none;
	width: auto;
	border-style: none;
	padding-left: 13.5em;
	background-color: transparent;
	background-image: none;
}


/* Frames etc. */
.csc-frame {
	border: 0px;
}
.csc-frame-invisible {
}
.csc-frame-rulerBefore {
	border-top: 0.0833em solid #ccc;			/* 12px ->  1px */
	margin-top: -0.0833em;						/* 12px -> -1px */
}
.csc-frame-rulerAfter {
	border-bottom: 0.0833em solid #ccc;			/* 12px ->  1px */
	margin-bottom: -0.0833em;					/* 12px -> -1px */
}
.csc-frame-indent {
	padding-left: 7.5em;						/* 12px -> 90px */
}
.csc-frame-indent3366 {
	padding-left: 33%;
}
.csc-frame-indent6633 {
	padding-right: 33%;
}
.csc-frame-frame1 {
	background-color: #f1f1f1;
	border: 0.0833em solid #ccc;				/* 12px ->  1px */
	margin: -0.0833em;							/* 12px -> -1px */
	padding: 1.5em;								/* 12px -> 18px */
}
.csc-frame-frame2 {
	background-color: #e4e4e4;
	border: 0.0833em solid #ccc;				/* 12px ->  1px */
	margin: -0.0833em;							/* 12px -> -1px */
	padding: 1.5em;								/* 12px -> 18px */
}

/* Filelinks */
.inhalt .filelinks li {
	background:	transparent url(../../images/icons/default.gif) no-repeat scroll left top;
	padding: 0 0 0 22px;	/* Breite des Symbols */
}

.inhalt .filelinks_layout_0 li {
	background-image: none !important;
	padding-left: 0;
}
/* Tabellen */

table {
	border-collapse: collapse;
	empty-cells: show;
	margin-bottom: 1.5em;				/* 12px -> 18px */
}

.contenttable {
	border: 0.0833em solid #999;		/* 12px ->  1px */
	margin: -0.0833em;					/* 12px ->  1px */
}

.contenttable th {
	padding: 0 0.75em;					/* 12px ->  9px */
	font-weight: bold;
	background-color: #999;
	color: #FFF;
}

.contenttable tr {
}

.contenttable tfoot {
	border: 0.0833em solid #999;		/* 12px ->  1px */
	margin-top: -0.0833em;				/* 12px ->  1px */
}
.contenttable tfoot td {
	font-weight: bold;
	color: #666;
}

.contenttable .tr-even {
	background-color: #f1f1f1;
}

.contenttable td {
	padding: 0 0.75em;					/* 12px ->  9px */
}

.contenttable-1 th,
.contenttable-1 td,
.contenttable-2 .td-2,
.contenttable-2 .td-4,
.contenttable-2 .td-6,
.contenttable-2 .td-8,
.contenttable-2 .td-10,
.contenttable-2 .td-12,
.contenttable-2 .td-14,
.contenttable-2 .td-16,
.contenttable-2 .td-18,
.contenttable-2 .td-20,
.contenttable-3 .td-3,
.contenttable-3 .td-6,
.contenttable-3 .td-9,
.contenttable-3 .td-12,
.contenttable-3 .td-15,
.contenttable-3 .td-18
 {
	border-left: 0.0833em solid #999;	/* 12px ->  1px */
}


table.rechts {
	margin-left: auto;
}

table.zentriert {
	margin-left: auto;
	margin-right: auto;
}

table.inhalt-rechts th,table.inhalt-rechts td {
	text-align: right;
}

table.inhalt-zentriert th,table.inhalt-zentriert td {
	text-align: center;
}
/* -------------------- Spezielle Inhalte ---------------- */

/* slimbox */

body #lbPrevLink:hover {
    background-image: url(../images/design/plugins/slimbox/prevlabel.gif);

}

body #lbNextLink:hover {

    background-image: url(../images/design/plugins/slimbox/nextlabel.gif);

}

body #lbCloseLink {
    width: 133px;
    height: 22px;
    background-image: url(../images/design/plugins/slimbox/closelabel.gif);
}

#lbCenter a,
#lbBottom a {
	border-bottom-width: 0;
}

/* Gesamte Breite (z.B. Tabellen) */

 .volle-breite {
 	width: 100%;
 }
/*
http://www.positioniseverything.net/easyclearing.html 
*/
#bereich-navigation:after,
#bereich-banner:after,
.spalten:after,
form:after,
#bereich-inhalte .bereich-innen:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}