/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 

KWTZ - Adobe Seminare
adobe-seminare.de
(c) 2008 - www.kwtz.de

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

* {
	margin: 0;
	padding: 0;
}

body {
	background: #eee;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

#wrapper {
	display: block;
	width: 861px;
	margin: 2px auto;
	padding: 0;
	background: #FFF url('../pix/wrapper-back.jpg');
}

#wrapper-top {
	display: block;
	height: 4px;
	background: #FFF url('../pix/wrapper-back-top.jpg');
}

#wrapper-bottom {
	display: block;
	height: 4px;
	background: #FFF url('../pix/wrapper-back-bottom.jpg') bottom left;
}

#header {
	display: block;
	height: 55px;
	background: #FFF;
	padding: 5px;
	margin-top: 0px;
	margin-left: 0px;
	background: #FFF url('../pix/header-bg.gif') bottom right no-repeat;
}

#main {
	display: block;
	float: left;
	margin: 0;
	margin-left: 0px;
	width: 669px;
}

img {
	border: none;
}

/* allgemeine Stile +++++++++++++++++++++++++++++++++++++++++  */

a, a:visited {
	background: none;
}



/* Logo Bereich +++++++++++++++++++++++++++++++++++++++++++++ */

#logo {
	display: block;
	width: 180px;
	height: 60px;
	* height: 65px;
	background: #FFF url('../pix/header-bg.gif') bottom left;
}

#logo a:link.logo1, #logo a:visited.logo1 {
	display: block;
	width: 180px;
	height: 38px;
	margin-top: 5px;
	background: #fff url('../pix/logo.gif') no-repeat;
	border: none;
}

#logo2 a:link.logo2, #logo2 a:visited.logo2 {
	display: block;
	width: 180px;
	height: 114px;
	padding: 0;
	background: #fff url('../pix/learning-center.jpg') top left;
	border: none;
}


/* Metanavigation / Sitemap etc. ++++++++++++++++++++++++++++++++++ */

#metanavigation {
	display: block;
	float: right;
	width: 180px;
	height: 20px;
	margin: 0;
	font-size: 11px;
	color: #ccc;
	text-align: right;
}

a:link.meta-menu, a:visited.meta-menu {
	color: #aaa;
	padding: 2px;
	text-decoration: none;
	font-size: 10px;
}

a:hover.meta-menu, a:active.meta-menu {
	color: #ce2c2c;
	padding: 2px;
	text-decoration: underline;
	font-size: 10px;
}



/* Kopfnavigation / Reiter ++++++++++++++++++++++++++++++ */

#kopfnavigation {
	display: block;
	float: left;
	margin-top: 16px;
	margin-left: 30px;
	width: 550px;
	height: 24px;
}

a:link.top-menu1, a:visited.top-menu1 {
	display: block;
	float: left;
	width: 90px;
	height: 24px;
	background: url('../pix/nav/seminare.gif') no-repeat;
	background-position: 0px 0px;
}

a:hover.top-menu1, a:active.top-menu1, 
#schulungen a:link.top-menu1, #schulungen a:visited.top-menu1 {
	background: url('../pix/nav/seminare.gif');
	background-position: 0px 24px;
}

a:link.top-menu2, a:visited.top-menu2 {
	display: block;
	float: left;
	width: 90px;
	height: 24px;
	background: url('../pix/nav/loesungen.gif') no-repeat;
	background-position: 0px 0px;
}

a:hover.top-menu2, a:active.top-menu2, 
#leistungen a:link.top-menu2, #leistungen a:visited.top-menu2 {
	background: url('../pix/nav/loesungen.gif');
	background-position: 0px 24px;
}

a:link.top-menu3, a:visited.top-menu3 {
	display: block;
	float: left;
	width: 90px;
	height: 24px;
	background: url('../pix/nav/ueber_uns.gif') no-repeat;
	background-position: 0px 0px;
}

a:hover.top-menu3, a:active.top-menu3, 
#ueber-uns a:link.top-menu3, #ueber-uns a:visited.top-menu3 {
	background: url('../pix/nav/ueber_uns.gif');
	background-position: 0px 24px;
}

a:link.top-menu4, a:visited.top-menu4 {
	display: block;
	float: left;
	width: 90px;
	height: 24px;
	background: url('../pix/nav/kontakt.gif') no-repeat;
	background-position: 0px 0px;
}

a:hover.top-menu4, a:active.top-menu4, 
#kontakt a:link.top-menu4, #kontakt a:visited.top-menu4 {
	background: url('../pix/nav/kontakt.gif');
	background-position: 0px 24px;
}

a:link.top-menu5, a:visited.top-menu5 {
	display: block;
	float: left;
	width: 90px;
	height: 24px;
	background: url('../pix/nav/downloads.gif') no-repeat;
	background-position: 0px 0px;
}

a:hover.top-menu5, a:active.top-menu5, 
#downloads a:link.top-menu5, #downloads a:visited.top-menu5 {
	background: url('../pix/nav/downloads.gif');
	background-position: 0px 24px;
}

a:link.top-menu6, a:visited.top-menu6 {
	display: block;
	float: left;
	width: 90px;
	height: 24px;
	background: url('../pix/nav/information.gif') no-repeat;
	background-position: 0px 0px;
}

a:hover.top-menu6, a:active.top-menu6, 
#information a:link.top-menu6, #information a:visited.top-menu6 {
	background: url('../pix/nav/information.gif');
	background-position: 0px 24px;
}


/* Seitenbalken mit Menü ------------- */

#sidebar {
	display: block;
	float: left;
	width: 180px;
	margin: 0;
	margin-left: 4px;
	background: #fff url('../pix/sidebar.gif') no-repeat;
}

.menu {
	background: #e4e4e4;
}


/* Sidebar Menüpunkte - software / software-aktiv  */ 
#sidebar a:link.software, #sidebar a:visited.software {
	display: block;
	width: auto;
	background: #FFF url('../pix/sidebar-verlauf.gif') repeat-x;
	background: url('../pix/sidebar-banner-verlauf.gif') top left;
	text-decoration: none;
	color: #555;
	padding: 6px;
	padding-left: 12px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #ddd;
	font-size: 12px;
}

#sidebar a:hover.software, #sidebar a:active.software,
#sidebar a:link.software-aktiv, #sidebar a:visited.software-aktiv, #sidebar a:hover.software-aktiv  {
	display: block;
	width: auto;
	background: url('../pix/sidebar-banner-verlauf.gif') bottom left;
	text-decoration: none;
	color: #000;
	padding: 6px;
	padding-left: 12px;
	border-top: 1px solid #d00;
	border-bottom: 1px solid #d00;
	font-size: 12px;
}

#sidebar a:link.software-aktiv, #sidebar a:visited.software-aktiv, #sidebar a:hover.software-aktiv  {
	font-weight: bold;
}

.sidebar-banner {
	display: block;
	border-top: 1px solid #f8f8f8;
	border-bottom: 1px solid #eee;
	padding: 20px 12px 20px 12px;
	margin: 0;
	font-size: 11px;
	color: #666;
	background: #FFF url('../pix/sidebar-banner-verlauf.gif') bottom left repeat-x;
	line-height: 1.4em;
}

a:link.info-link, a:visited.info-link {
	display: block;
	height: 24px;
	margin: 10px 0px 0px 0px;
	padding-left: 20px;
	padding-top: 1px;
	background: url('../pix/icon-achtung.gif') no-repeat;
	font-weight: bold;
}

.banner-textbox {
	display: block;
	margin: 0;
	padding: 5px;
}



/* Der Textinhalt der Seite / Hauptteil --------- */

.kopfzeile {
	/* kopfzeile ist immer das Firmen Branding */
	display: block;
	width: 500px;
	height: 25px;
	background: url('../pix/kopfzeile/esprit_lc.gif') no-repeat;
}

#content {
	border-left: 1px solid #ccc; /* Rand damit sich der Sidebar besser abtrennt */
	padding: 25px 30px 40px 35px;
	background: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.5em;
	color: #222;
	background: url('../pix/page-bg.jpg') repeat-y;
}

.breadcrumb {
	/* Leiste für Brotkrumen-Links */
	color: #bbb;
	padding-bottom: 2px;
}

.line {
	display: block;
	width: 605px;
	height: 2px;
	margin-bottom: 2px;
	background: url('../pix/color01.jpg') repeat-x;
}

.line-2 {
	display: block;
	width: 605px;
	height: 2px;
	margin-top: 2px;
	background: url('../pix/color01.jpg') repeat-x;
}

.line-3 {
	display: block;
	width: 602px;
	background: #fff url('../pix/box-abschluss.gif') bottom left repeat-x;
	height: 21px;
	margin-top: 0px;
	overflow: hidden;
}

h1, h2 {
	margin: 0;
	padding: 0;
	font-size: 16px;
	color: #666;
}

h1 {
	padding: 0 0 4px 5px;
	margin: 25px 0 15px 0;
}

h2 {
	padding: 0 0 4px 0;
	margin: 0 0 15px 0;
}

h3 {
	display: block;
	margin: 10px 0;
	padding-top: 20px;
	background: #fff url('../pix/box-abschluss.gif') top left repeat-x;
}

.text1, .text2 {
	display: block;
	padding: 5px 6px 15px 3px;
	width: 595px;
	font-size: 12px;
	line-height: 1.6em;
	color: #333;
	text-align: justify;
	border-bottom: 1px dotted #ccc;
	font-family: Arial, Helvetica, sans-serif;
}

.seminarliste {
	display: block;
	padding: 0px 2px 85px 4px;
	font-size: 12px;
	line-height: 1.6em;
	color: #333;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
}

/* Tabellenzeilen und Spalten ----- */

.tab-zeile {
	clear: both;
	display: block;
	width: 590px;
	background: #fff;
	border-bottom: 1px solid #eee;
}

.tab-zeile-alt {
	clear: both;
	display: block;
	width: 590px;
	background: #fff;
	border-bottom: 1px solid #eee;
}

.seminar-zeile {
	clear: both;
	display: block;
	width: 595px;
	height: 60px;
	background: #f1f1f1;
	border-bottom: 1px solid #eee;
	padding: 10px 4px 0px 0px;
	font-weight: bold;
	color: #444;
	text-align: left;
	line-height: 1.4em;
}


.seminar-zeile a:link, .seminar-zeile a:visited {
	display: block;
	width: 300px;
	float: left;
	background-position: 4px 1px;
	padding-left: 10px;
	margin-right: 20px;
	text-align: left;
}

.seminar-zeile-alt {
	clear: both;
	display: block;
	width: 595px;
	height: 60px;
	background: #f8f8f8;
	border-bottom: 1px solid #eee;
	padding: 10px 4px 0px 0px;
	font-weight: bold;
	color: #444;
	line-height: 1.4em;
}


.seminar-zeile-alt a:link, .seminar-zeile-alt a:visited {
	display: block;
	width: 300px;
	float: left;
	background-position: 4px 1px;
	padding-left: 10px;
	margin-right: 20px;
	text-align: left;
}

.seminar-zeile em, .seminar-zeile-alt em {
	/* Seminardauer   */
	display: block;
	width: 10px;
	margin-right: 30px;
	float: left;
	font-style: normal;
	font-weight: normal;
}

.termine {
	/* Termine */
	display: block;
	width: 100px;
	float: left;
	color: #444;
	line-height: 1.5em;	
}

.termine b {
	/* Termine   */
	display: block;
	font-weight: normal;
}

.legende {
	height: 20px;
	font-size: 10px;
	color: #666;
}

.legende em, .legende b {
	/* Seminardauer */
	display: block;
	width: 40px;
	margin-left: 320px;
	float: left;
	font-style: normal;
	font-weight: normal;

}

.legende b {
	margin-left: 10px;
}



/* Fußzeile / Adresse --------- */

#footer {
	display: block;
	width: 850px;
	background: #fff;
	margin-left: 4px;
	padding-top: 14px;
	border-top: 1px solid #bbb;
	background: #FFF url('../pix/footer-bg.gif') top right;
	clear: both;
}

#footer address {
	display: block;
	margin-top: 4px;
	font-size: 80%;
	color: #999;
	font-style: normal;
	padding-left: 20px;
	padding-bottom: 10px;
}

#footer address a:link, #footer address a:visited {
	color: #777;
	font-style: normal;
}

#footer address a:hover, #footer address a:active {
	color: #333;
	text-decoration: underline;
}

#footer h1 {
	display: block;
	padding: 10px 20px 0px 20px;
	font-size: 11px;
	color: #555;
}

#footer p {
	display: block;
	line-height: 1.7em;
	padding: 10px 20px;
	font-size: 90%;
	color: #777;
}

#footer b {
	/* Name */
	display: block;
	width: 320px;
	float: left;
	font-size: 90%;
}

#footer em {
	/* Telefon */
	display: block;
	width: 160px;
	float: left;
	font-size: 90%;
	font-style: normal;
}

#footer i {
	/* E-Mail */
	font-size: 90%;
	font-style: normal;
}

#footer i a:link, #footer i a:visited {
	text-decoration: none;
	color: #555;
}

#footer i a:hover, #footer i a:active {
	text-decoration: underline;
}


/* Links / Linkstile --------- */

a:link, a:visited {
	color: #333;
	text-decoration: none;
	border: none;
}

a:hover {
	color: #d00;
}

a:link.breadcrumb, a:visited.breadcrumb {
	font-size: 10px;
	color: #888;
	text-decoration: none;
	padding: 0;
	border: none;
}

a:hover.breadcrumb, a:active.breadcrumb {
	color: #d00;
	background: #f8f8f8;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

a:link.nachoben, a:visited.nachoben {
	display: block;
	float: right;
	margin-right: 2px;
	font-size: 80%;
	color: #666;
	text-decoration: none;
	padding: 0px;
	padding-left: 15px;
	background: url('../pix/top-pfeil.gif') no-repeat;
	border: none;
}

a:hover.nachoben, a:active.nachoben {
	color: #000;
	text-decoration: underline;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}


.text1 a:link, .text1 a:visited,
a:link.textlink, a:visited.textlink,
.seminarinhalt a:link, .seminarinhalt a:visited {
	padding: 0px 2px;
	border-bottom: 1px dotted #bbb;
	color: #000;
}

.text1 a:hover, .text1 a:active,
a:hover.textlink,
.seminarinhalt a:hover {
	color: #d00;
	border-bottom: 1px dotted #fff;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	text-decoration: none;
}

a:link.seminarliste1, a:visited.seminarliste1 {
	display: inline;
	margin: 1px 0px;
	background: #fff url('../pix/bullet_icon.gif') no-repeat;
	background-position: 3px 8px;
	float: left;
	padding: 8px;
	padding-left: 24px;
	padding-bottom: 20px;
	width: 263px;
	border: none;
	font-weight: bold;
	color: #333;
}

a:link.seminarliste2, a:visited.seminarliste2 {
	display: inline;
	margin: 1px 0px;
	background: #fff url('../pix/bullet_icon.gif') no-repeat;
	background-position: 3px 8px;
	float: left;
	padding: 8px;
	padding-left: 24px;
	padding-bottom: 20px;
	width: 263px;
	border: none;
	font-weight: bold;
	color: #333;
}

a:hover.seminarliste1, a:hover.seminarliste2 {
	color: #d00;
	background: #f8f8f8 url('../pix/bullet_icon.gif') no-repeat;
	background-position: 3px 8px;
}


.clear {
	clear: both;
}


a:link.weitere-seminare, a:visited.weitere-seminare,
a:link.seminar-buchen2, a:visited.seminar-buchen2,
a:link.seminar-buchen3, a:visited.seminar-buchen3 {
	/* clear: both; */
	display: block;
	float: left;
	background: #e8e6e5 url('../pix/button-bg.gif') repeat-x;
	background-position: 0px -8px;
	background: #e8e6e5 url('../pix/icon-plus.gif') no-repeat;
	border: 1px solid #ccc;
	color: #444;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 2px;
	margin: 20px 0px 20px 0px;
	padding: 3px 6px 2px 22px;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

a:link.seminar-buchen2, a:visited.seminar-buchen2 {
	/* Der Seminar buchen Button bei den Inhalten */
	float: right;
}

a:link.seminar-buchen3, a:visited.seminar-buchen3 {
	/* zurück zur Übersicht Button */
	background: #353535 url('../pix/icon-zurueck.gif');
	padding-left: 16px;
	float: left;
	margin-right: 10px;
}

a:hover.weitere-seminare,
a:hover.seminar-buchen2 {
	background: #353535 url('../pix/button-bg4.jpg') bottom left repeat-x;
	background: #353535 url('../pix/icon-plus.gif');
	border: 1px solid #aaa;
	color: #000;
}

a:hover.seminar-buchen3 {
	background: #353535 url('../pix/icon-zurueck.gif');
	border: 1px solid #aaa;
	color: #000;
}


a:link.seminarlink {
	display: block;
	margin-left: 4px;
}

a:link.seminar-buchen, a:visited.seminar-buchen {
	display: block;
	float: right;
	width: 84px;
	background: #fff;
	border: 1px solid #e4e4e4;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	margin: 0;
	margin-top: -2px;
	margin-right: 4px;
	padding: 2px 3px 2px 3px;
	color: #333;
	font-size: 10px;
	text-decoration: none;
}

a:hover.seminar-buchen {
	background: #353535 url('../pix/button-bg4.jpg') bottom left repeat-x;
	border: 1px solid #444;
	color: #eee;
}

/* Buchungsboxen -------------- */

a:link.buchungsbox, a:visited.buchungsbox {
	display: block;
	width: 575px;
	height: auto;
	padding: 10px;
	line-height: 1.5em;
	color: #fff;
	font-size: 12px;
	background: #c63135 url('../pix/button-verlauf.jpg') repeat-x;
	margin-top: 15px;
	border: 1px solid #c04548;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
}

a:hover.buchungsbox {
	background: #dd3b3f;
	border: 1px solid #bb3c40;
	color: #f1f1f1;
}

a:link.buchungsbox2, a:visited.buchungsbox2 {
	display: block;
	width: 575px;
	height: auto;
	padding: 10px;
	line-height: 1.5em;
	color: #fff;
	font-size: 12px;
	background: #d94225 url('../pix/button-verlauf2.jpg') repeat-x;
	margin-top: 15px;
	border: 1px solid #cc4d35;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
}

a:hover.buchungsbox2 {
	background: #f65231;
	border: 1px solid #d9533a;
	color: #FFFFFF;
	font-size: 12px;
}

.pfeil-nachunten, .pfeil-nachunten2 {
	display: block;
	width: 25px;
	height: 25px;
	margin: auto;
	margin-top: -1px;
	background: url('../pix/buchungsvorgang/pfeil-nachunten.gif') no-repeat;
}

.pfeil-nachunten2 {
	display: block;
	width: 575px;
	height: 15px;
	margin: auto;
	margin-top: -1px;
	background: url('../pix/buchungsvorgang/pfeil-nachunten.gif') top right no-repeat;
}

/* tooltips -------- */

.tooltip {
	display: block;
	width: 160px;
	margin: 0;
	padding: 4px;
	background: #fff;
	border: 1px solid #ddd;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
}


/* Bild-Container und Rotationen ------------ */

.startbild {
	display: block;
	width: 605px;
	height: 214px;
	background: url('../photos/startbild/rotate.php');
}

.startbild2 {
	display: block;
	width: 605px;
	height: 214px;
	background: url('../photos/startbild2/rotate.php');
}

/* Liste ------------------------- */

ul, ul.streifen {
	list-style: none;
}

/* gestreifte Liste --- */

ul.streifen li, ul.pdf li {
	display: block;
	margin: 1px 0px;
	background: #f1f1f1 url('../pix/bullet_icon.gif') no-repeat;
	background-position: 3px 10px;
	padding: 8px;
	padding-left: 26px;
	padding-bottom: 10px;
	color: #333;
}

ul.pdf li {
	background: #f1f1f1 url('../pix/pdf-download.gif') no-repeat;
	background-position: 5px 22px;
	padding: 20px 30px;
	font-weight: bold;
}

ul.streifen li.alt, ul.pdf li.alt {
	display: block;
	margin: 1px 0px;
	background: #f8f8f8 url('../pix/bullet_icon.gif') no-repeat;
	background-position: 3px 10px;
	padding: 8px;
	padding-left: 26px;
	padding-bottom: 10px;
	color: #333;
}

ul.pdf li.alt {
	background: #f8f8f8 url('../pix/pdf-download.gif') no-repeat;
	background-position: 5px 22px;
	padding: 20px 30px;
}

/* normale Liste auf weiss */

ul li {
	display: block;
	margin: 1px 0px;
	background: #f1f1f1 url('../pix/bullet_icon.gif') no-repeat;
	background-position: 3px 10px;
	padding: 8px;
	padding-left: 26px;
	padding-bottom: 10px;
	color: #333;
	text-align: left;
}

ul li.alt {
	display: block;
	margin: 1px 0px;
	background: #f8f8f8 url('../pix/bullet_icon.gif') no-repeat;
	background-position: 3px 10px;
	padding: 8px;
	padding-left: 26px;
	padding-bottom: 10px;
	color: #333;
	text-align: left;
}

/* Gesteifte Textblöcke */

.streifen-textblock {
	padding: 15px 10px;
	background: #f1f1f1;
	display: block;
	margin: 1px 0px;
}

.streifen-textblock-alt {
	padding: 15px 10px;
	background: #f8f8f8;
	display: block;
	margin: 1px 0px;
}



/* Fragen und Antworten */

.frage, a:link.frage, a:visited.frage {
	display: block;
	width: 575px;
	height: auto;
	padding: 10px;
	line-height: 1.5em;
	color: #fff;
	font-size: 12px;
	background: #c63135 url('../pix/button-verlauf.jpg') repeat-x;
	margin-top: 15px;
	border: 1px solid #c04548;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;	
}

a:hover.frage  {
	background: #dd3b3f;
	border: 1px solid #bb3c40;
	color: #fff;
}

.antwort {
	display: block;
	margin: 10px 0 20px 0;
	padding: 20px;
	line-height: 1.5em;
	background: #f8f8f8;
	color: #000;
	border: 1px solid #f1f1f1;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	text-align: left;
}

.abstand {
	display: block;
	height: 240px;
}


/* Seminarinhalte ---------------------------- */

h3 {
	display: block;
	font-size: 12px;
	color: #444;
}

h4 {
	display: block;
	color: #444;
	background: #f1f1f1;
	padding: 4px;
	margin: 0;
	margin-bottom: 1px;
	font-size: 12px; !important
}

.seminarinhalt {
	display: block;
	line-height: 1.7em;
	padding: 10px 6px 20px 6px;
	color: #333;
	background: #f8f8f8;
	margin: 0;
	margin-bottom: 20px;
}

.seminarinhalt em {
	font-style: normal;
	padding-left: 20px;
	display: block;
	background: url('../pix/bullet_point.gif') 0px 2px no-repeat;
}

/* Seminar buchen Formular ---------------------------- */

input[type=radio] {
	margin: 8px 10px 0 5px;
	padding-top: 5px;
}

.spacer {
	display: block;
	height: 30px;
}

.formularfeld, .formularfeld-alt {
	display: block;
	line-height: 1.7em;
	padding: 6px 0px 10px 0px;
	margin: 0;
	color: #333;
	background: #f8f8f8;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #fff;
}

.formularfeld-alt {
	background: #f1f1f1;
}

.formularfeld:hover, .formularfeld-alt:hover {
	background: #eee;
}

label {
}

input[type=text] {
	width: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 4px;
	border: 1px solid #ddd;
}

input:hover {
	border: 1px solid #bbb;
}


.formularfeld p, .formularfeld-alt p {
	padding: 0;
	margin: 0;
	padding-left: 28px;
	* padding-left: 38px;
}

.formularfeld em, .formularfeld-alt em {
	display: block;
	width: 140px;
	margin: 0;
	background: none;
	float: left;
	font-weight: bold;
	font-style: normal;
	padding: 3px 0 0 12px;
}

.formularfeld i, .formularfeld-alt i {
	display: block;
	width: 230px;
	margin: 0;
	background: none;
	float: left;
	font-weight: normal;
	font-style: normal;
	padding: 3px 0 0 12px;
}

input[type=button] {
	display: block;
	float: left;
	width: 100px;
	background: #fff url('../pix/button-bg.gif') repeat-x;
	border: 1px solid #e4e4e4;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	margin: 20px 0px 20px 0px;
	padding: 2px 6px;
	color: #444;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

input[type=button]:hover {
	background: #e8e6e5 url('../pix/button-bg.gif') repeat-x;
	background-position: 0px -8px;
	border: 1px solid #ccc;
	color: #000;
}



/* Teaser Elemente -------------- */

.teaser {
	display: block;
	/* height: 260px;*/
	padding-bottom: 10px;
}

.teasertext {
	display: block;
	width: 390px;
	float: left;
	margin: 0;
	padding-top: 50px;
}

.boxshot {
	display: block;
	float: left;
	width: 200px;
	height: 200px;
	padding-top: 40px;
	margin: 0;
}

.mute {
	display: none;
}

#hinweis {
	display: block;
	margin-top: 20px;
	padding: 10px;
	background: #FDF4B5;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}