/*
 * V2.04 jv
 *
 Theme Name: Allplan2009 Landingpage
 Description: Nemetschek Allplan Landingpage CSS
 Author: Marit AG / swo
 Author URI: marit.ag
 
 [Table Of Contents]
 
 0- Reset
 1- Global
 2- Links
 3- Headings
 4- Header
 5- Content
 6- Navigation
 7- Aside (HTML5 Sidebar)
 8- Footer
 9- Forms
 10- TYPO3
 11- video aside sonderversion für 2 Buttons und Video
 
 [Color codes]
 
 Background:           white   (white)
 Text-Color:           #818181 (grey)
 
 highlightcolor:       #99221a (dark red)
 h1,h2,h3:             #99221a (dark red)
 hr                    #cfcfcd (grey)
 
 */
/* =0 Reset */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
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, b, u, i, center, 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-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none
}:focus {
    outline: 0
}

ins {
    text-decoration: none
}

del {
    text-decoration: line-through
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

/* =1 Global */
html, body {
    height: 100%
}

body {
    font: 100.01% / 1.25 Arial, Geneva, Helvetica, sans-serif
}

textarea {
    font: 13.3px Arial, Geneva, Helvetica, sans-serif
}

.right {
    float: right
}

.left {
    float: left
}

.align-left {
    text-align: left
}

.align-right {
    text-align: right
}

.align-center {
    text-align: center
}

.align-justify {
    text-align: justify
}

.hide {
    display: none
}

.clear {
    clear: both
}

.bold {
    font-weight: 700
}

.italic {
    font-style: italic
}

.underline {
    border-bottom: 1px solid
}

.highlight {
    background: #ffc
}

img.centered {
    display: block;
    margin: 0 auto
}

img.alignleft {
    float: left;
    margin: 4px 10px 4px 0
}

img.alignright {
    float: right;
    margin: 4px 0 4px 10px
}

.even {
}

.odd {
}

.one {
}

.two {
}

.three {
}

.first {
}

.last {
    border: none !important
}

.alt {
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.clearfix {
    display: block
}

html[ xmlns] .clearfix {
    display: block
}

p {
    padding: 10px 0;
}

/* -------Start----------------- */
/* Ergänzt 230310 M. Franzkowiak */
/* Oberer Rand im Blockquote wurde entfernt. Original wurde auf Kommentar gesetzt. */
/* blockquote {background-color: #99221a;padding: 5px 10px; margin: 5px 0} */
blockquote {
    background-color: #99221a;
    padding: 5px 10px
}

/* -------Ende------------------ */
blockquote * {
    color: white;
    margin: 0
}

blockquote p {
    padding: 0
}

#wrapper {
    color: #818181;
    font-size: 0.8em;
    margin: 0 auto;
    position: relative;
    width: 950px
}

/* =2 Links */
a:link, a:visited {
    background-color: transparent;
    color: #99221a;
}

a:hover {
    color: black;
}

a:active {
    background-color: white;
    color: black
}

p a:link, p a:visited {
    background-color: transparent;
    color: #99221a;
    text-decoration: none;
}

p a:hover {
    background-color: #99221a;
    color: white;
    padding: 3px 5px;
}

/* p a:hover {background-color: #99221a;color: white;} */
p a:active {
     background-color: white;
    color: #99221a;
}
/* jv 8.6. kein hover effekt bei class small  */
p a.small:hover {
    background: none	;
    color: #99221a;
	text-decoration: underline;
	padding: 0;
}


blockquote a:active {
    background-color: #99221a;
    color: white
}

/* -------Start----------------- */
/* Ergänzt 010410 M. Franzkowiak */
/* Anstatt eines Blockquotes wird hier ein Button definiert der bei Mouseover die Farbe wechselt */
#but1 {
    background-color: #99221a;
    padding: 5px 10px;
    color: white;
    margin: 0;
    margin-bottom: 20px;
}

#but1 h1 a {
    color: white
}

#but1:hover {
    background-color: #808080
}

#but3 a:hover {
    background: none;
    padding: 0px
}

/* -------Ende------------------ */
/* -------Start----------------- */
/* Ergänzt 290310 M. Franzkowiak */
/* Link in Blockquote hat gleiche Schriftgröße wie Rest vom Text, Schriftgröße deshalb entfernt. Original auf Kommentar */
/* blockquote p a:link, blockquote p a:visited {color: white; font-size: 20px; padding: 0} */
blockquote p a:link, blockquote p a:visited {
    color: white;
    padding: 0
}

/* -------Ende------------------ */
/* -------Start----------------- */
/* Ergänzt 290310 M. Franzkowiak */
/* Überschrift H1 mit Link ohne Unterstreichung */
h1 a:link, h1 a:visited {
    background-color: transparent;
    color: #99221a;
    text-decoration: none;
}

/* -------Ende------------------ */
.sub .backlink a:link {
    font-weight: 700
}

/* =3 Headings */
h1, h2, h3, h4 {
    color: #99221a;
}

blockquote h3 {
    color: white;
    margin: 0 0 5px;
}

h1, .teaser h2, .content-extra h3, blockquote h3 {
    font-size: 22px
}

/* -------Start----------------- */
/* Ergänzt 230310 M. Franzkowiak */
/* Anzeige 3 zusätzlicher Textbereiche im Head */
/* Zusätzliche Überschriftsgröße */
h6 {
    font-size: 36px
}

/* -------Ende------------------ */
#footer h5 {
    font-weight: 400
}

.content-aside h3 {
    font-size: 15px;
    padding: 90px 0 0;
}

.content-aside blockquote h3 {
    font-size: 20px;
    padding: 0;
}

/* =4 Header */
#logo {
    position: absolute;
    left: 40px;
    z-index: 1000
}

/* -------Start----------------- */
/* Ergänzt 230310 M. Franzkowiak */
/* Ausblenden des Logos durch transparentes Pixel als Logofile */
/* und setzen des paddings auf und löschen background-color */
/* Originaleintrag ist auf Kommentar gesetzt */
/* #logo img {padding: 5px 5px; background-color: white} */
#logo img {
    padding: 0px;
}

/* -------Ende------------------ */
.teaser, .teaser-item {
    margin: 0 0 0 6px;
}

.teaser-item {
    background: white url(../img/teaser-bg.jpg) repeat-x;
    margin: 0 0 0 20px;
    position: relative;
    width: 299px
}

.teaser-item h2 {
    margin: 85px 20px 10px
}

.teaser-item p {
    margin: 10px 20px;
    padding: 0
}

.teaser-image {
    left: 0;
    top: 0;
    padding: 0 !important;
    margin: 0 !important;
}

.teaser h1 {
    background-color: #99221a;
    color: white;
    font-size: 20px;
    line-height: 1.1;
    margin: 0 0 0 40px;
    padding: 10px 15px;
    position: absolute;
    top: 300px;
    right: 0;
    text-align: right;
    z-index: 100
}

#ti1 {
    margin: 0
}

#header {
    height: 264px;
    margin: 0 0 20px;
    position: relative;
}

#header_big {
    height: 436px;
    margin: 0 0 20px;
    position: relative;
}

/* -------Start----------------- */
/* Ergänzt 220310 M. Franzkowiak */
/* Anzeige 3 zusätzlicher Textbereiche im Head */
#head_txl_head {
    background-color: transparent;
    top: 80px;
    left: 5px;
    width: 400px;
    position: absolute;
    color: white;
    text-align: left;
}

#head_txl_cont {
    background-color: transparent;
    /* jve 25.3.2010 statt 130 nun 145 */
    top: 165px;
    left: 5px;
    width: 400px;
    position: absolute;
    color: white;
    text-align: left;
}

#head_txr {
    background-color: transparent;
    bottom: 20px;
    right: 25px;
    position: absolute;
    color: white;
    text-align: left;
}

#head_txl_head .csc_textpic blockquote {
    padding-left: 35px
}

#head_txl_cont .csc_textpic blockquote {
    padding-left: 35px
}

#head_txr h1 {
    font-size: 36px;
    margin-bottom: -5px;
}

/* -------Ende------------------ */
/* =5 Content */
#contentwrapper {
    margin: 13px 0;
    background: #eaeaea url(../img/contentwrapper-bg.jpg) no-repeat 0 100%;
}

#contentwrapper blockquote {
    clear: both
}

#contentwrapper blockquote ul {
    margin: 5px 5px 5px 15px
}

#contentwrapper blockquote ul li {
    margin: 0 0 6px 0
}

.content-element ul {
    list-style-type: square;
    margin: 5px 5px 10px 15px;
}

#contentwrapper .content-element ul li {
    margin: 0 0 6px 0
}

li {
    margin: 0 0 6px 0
}

#contentwrapper .content-main {
    padding: 20px 25px 25px;
    width: 578px;
}

#contentwrapper .content-main .content-element {
    width: 50%;
    padding: 0
}

#contentwrapper .content-main .content-element:first-child * {
    width: 280px
}

#contentwrapper .content-main .content-element blockquote {
    margin: 5px 0 5px 30px
}

/* -------Start----------------- */
/* Ergänzt 190310 M. Franzkowiak */
/* Anzeige ohne Berandungen      */
#contentwrapper .content-main-mod {
    padding: 20px 25px 25px;
    width: 578px;
}

#contentwrapper .content-main-mod .content-element {
    width: 50%;
    padding: 0
}

#contentwrapper .content-main-mod .content-element:first-child * {
    width: 280px
}

#contentwrapper .content-main-mod .content-element blockquote {
    margin: 5px 0 5px 30px
}

/* -------Ende------------------ */
.content-main {
    margin: 0 15px 0 0;
    width: 628px;
}

/* -------Start----------------- */
/* Ergänzt 190310 M. Franzkowiak */
/* Anzeige ohne Berandungen      */
.content-main-mod {
    margin: 0 15px 0 0;
    width: 623px;
    background: #eaeaea url(../img/contentwrapper-bg.jpg) no-repeat 0 100%;
    padding-left: 5px;
    /* jve 25.3.2010 */
    height: 265px;
    overflow: hidden;
}

.content-main-mod .csc-textpic-text {
    margin: 15px;
}

.content-main-mod .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    margin-top: -15px;
}

/* -------Ende------------------ */
/* -------Start----------------- */
/* Ergänzt 300310 M. Franzkowiak */
/* Anzeige mit Berandungen und Hintergrundrahmen */
#contentwrapper .content-main-more {
    padding: 20px 25px 25px;
    width: 578px;
}

#contentwrapper .content-main-more .content-element {
    width: 50%;
    padding: 0px
}

#contentwrapper .content-main-more .content-element:first-child * {
    width: 280px
}

#contentwrapper .content-main-more .content-element blockquote {
    margin: 5px 0 5px 30px
}

.content-main-more {
    margin: 0 15px 0 0;
    width: 583px;
    background: #eaeaea url(../img/contentwrapper-bg.jpg) no-repeat 0 100%;
    padding-left: 25px;
    padding-right: 20px;
    padding-top: 20px;
}

.content-main-more .csc-textpic-text {
    margin: 15px;
}

.content-main-more .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    margin-top: -15px;
}

/* -------Ende------------------ */
/* -------Start----------------- */
/* Ergänzt 070410 M. Franzkowiak */
/* Anzeige mit Berandungen und Hintergrundrahmen und fixer Höhe */
#contentwrapper .content-main-more-h367 {
    padding: 20px 25px 25px;
    width: 578px;
}

#contentwrapper .content-main-more-h367 .content-element {
    width: 50%;
    padding: 0px
}

#contentwrapper .content-main-more-h367 .content-element:first-child * {
    width: 280px
}

#contentwrapper .content-main-more-h367 .content-element blockquote {
    margin: 5px 0 5px 30px
}

.content-main-more-h367 {
    margin: 0 15px 0 0;
    width: 583px;
    background: #eaeaea url(../img/contentwrapper-bg.jpg) no-repeat 0 100%;
    padding-left: 25px;
    padding-right: 20px;
    padding-top: 20px;
    height: 367px;
    overflow: hidden;
}

.content-main-more-h367 .csc-textpic-text {
    margin: 15px;
}

.content-main-more-h367 .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    margin-top: -15px;
}

/* -------Ende------------------ */
/* -------Start----------------- */
/* Ergänzt 070410 M. Franzkowiak */
/* Verschiebt Case-Study Block um 5 px nach links */
.content-einspaltig_unten {
    margin-left: 5px;
}
#content-einspaltig_oben {
    margin-left: 5px;
}
#content-einspaltig_oben .text-block .csc-textpic-intext-left-nowrap {
    background: transparent url(../img/background_casestudies.jpg) no-repeat scroll 0 0;
}

#content-einspaltig_oben .text-block .csc-textpic-text {
	padding: 20px 25px 10px 30px;
}
#content-einspaltig_oben h3 {
	padding-top: 4px;
/* j.v. 8.4.2010 : miniform video */ 	
	font-size:	12.8px ;
}
#content-einspaltig_oben h1 {
	line-height: 1;
}

/* j.v. 8.4.2010 : miniform video */ 
#content-einspaltig_oben .text-block .video_wrap_typeab  {
	 background: transparent url(../img/background_casestudies.jpg) no-repeat scroll 0 0;
	 height:340px;
}

#content-einspaltig_oben .video_wrap_typeab .video_element_link {
	height:340px;
}
	


/* -------Ende------------------ */
/* -------Start----------------- */
/* Ergänzt 300310 M. Franzkowiak */
/* Page More Anzeige 2er weitere 1-spaltiger Bereiche */
#contentwrapper .content-more_head {
    padding: 20px 25px 25px;
    width: 875px;
}

#contentwrapper .content-more_head .content-element {
    width: 50%;
    padding: 0
}

#contentwrapper .content-more_head .content-element:first-child * {
    width: 280px
}

#contentwrapper .content-more_head .content-element blockquote {
    margin: 5px 0 5px 30px
}

.content-more_head {
    margin: 5px 15px 0 0;
    width: 920px;
    clear: both;
    /*	background: #eaeaea url(../img/contentwrapper-bg.jpg) no-repeat 0 100%; */
    background-color: yellow;
    padding-left: 20px;
    padding-right: 5px;
}

.content-more_head .csc-textpic-text {
    margin: 15px;
}

.content-more_head .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    margin-top: -15px;
}

#contentwrapper .content-more_cont {
    padding: 20px 25px 25px;
    width: 875px;
}

#contentwrapper .content-more_cont .content-element {
    width: 50%;
    padding: 0
}

#contentwrapper .content-more_cont .content-element:first-child * {
    width: 280px
}

#contentwrapper .content-more_cont .content-element blockquote {
    margin: 5px 0 5px 30px
}

.content-more_cont {
    margin: 5px 15px 0 0;
    width: 920px;
    clear: both;
    /*	background: #eaeaea url(../img/contentwrapper-bg.jpg) no-repeat 0 100%; */
    background-color: green;
    padding-left: 20px;
    padding-right: 5px;
}

.content-more_cont .csc-textpic-text {
    margin: 15px;
}

.content-more_cont .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    margin-top: -15px;
}

/* -------Ende------------------ */
.sub .backlink, .sub .content-first, .sub .content-main, .sub .content-last {
    background: #eaeaea url(../img/content-bg.jpg) no-repeat 0 50%
}

.sub .content-first, .sub .backlink {
    background-position: 0 0
}

.sub .content-last {
    background-position: 0 100%
}

.sub .backlink {
    padding: 10px 20px
}

.sub .content-element {
    padding: 20px 25px 25px;
}

.sub .content-first {
    padding: 0 25px 10px;
}

.sub .content-last {
    padding: 20px 20px 10px
}

/* -------Start----------------- */
/* Ergänzt 190310 M. Franzkowiak */
/* Anzeige ohne Berandungen      */
.sub .content-main-mod .content-last {
    padding: 0px 0px 0px
}

/* -------Ende------------------ */
.content-aside {
    width: 307px;
}

.content-aside img.alignleft {
    margin: 0 10px 10px 0
}

/* -------Start----------------- */
/* Modifiziert 220310 M. Franzkowiak */
/* Original auf Kommentar gesetzt da kein Rahmen angezeigt */
/* entsprechender Eintrag wie bei Subtemplate */
/* .content-aside .content-element {padding: 20px 25px 25px;} */
.content-aside .content-element {
    background: #eaeaea url(../img/contentwrapper-bg.jpg) no-repeat 100% 100%;
    padding: 25px 25px 25px;
    /* jv 25.3.202. */
    height: 215px;
    overflow: hidden;
}

/* -------Ende------------------ */
.sub .content-aside .content-element {
    background: #eaeaea url(../img/contentwrapper-bg.jpg) no-repeat 100% 100%;
    padding: 20px 25px 25px;
}

.content-extra {
    background: #eaeaea url(../img/content-extra-bg.jpg) no-repeat 0 100%;
    clear: both;
    margin: 13px 0 0;
    padding: 10px 20px;
}

.content-extra .text-block {
    width: 263px;
    margin: 0 0 0 30px;
    padding: 0 0 0 30px
}

.content-extra .text-block:first-child {
    margin: 0;
    padding: 0
}

.content-main hr {
    border: none;
    border-top: 1px solid #cfcfcd;
    width: 99%
}

/* -------Start----------------- */
/* Ergänzt 240310 M. Franzkowiak */
/* Ausblenden der Disclaimer Überschrift im Powermailformular */
#powermaildiv_uid559 .tx_powermail_pi1_fieldwrap_html_checkbox_title {
    display: none;
}

/* Modifizierung der Textausprägungen für Pseudotitel Summary */
#powermaildiv_uid798, #powermaildiv_uid817, #powermaildiv_uid696, #powermaildiv_uid3384, #powermaildiv_uid804, #powermaildiv_uid3352, #powermaildiv_uid811 {
    color: #99221a;
    font-size: 13px;
    font-weight: bold;
    padding-top: 10px;
}

#powermaildiv_uid799, #powermaildiv_uid818, #powermaildiv_uid3398, #powermaildiv_uid3385, #powermaildiv_uid805, #powermaildiv_uid3353, #powermaildiv_uid812 {
    font-size: 15px
}

/* Anpassung der Top- und Bottom-Abstände Pseudotitelcontainer */
#tx-powermail-pi1_fieldset_92, #tx-powermail-pi1_fieldset_76, #tx-powermail-pi1_fieldset_108, #tx-powermail-pi1_fieldset_402, #tx-powermail-pi1_fieldset_100, #tx-powermail-pi1_fieldset_397, #tx-powermail-pi1_fieldset_104 {
    margin-top: -30px;
    margin-bottom: -20px
}

/* -------Ende------------------ */
/* jve 25.3.2010  */
/*
 #powermaildiv_uid793 {
 display:inline;
 float: left;
 }
 #powermaildiv_uid793 INPUT {
 background-color: transparent;
 border: 0px;
 font-weight: bold;
 color: #99221a;
 text-decoration: underline;
 }
 #powermaildiv_uid792 {
 float: left;
 clear:none;
 }
 #powermaildiv_uid3097 {
 display:inline;
 float: left;
 }
 #powermaildiv_uid3097 INPUT {
 background-color: transparent;
 border: 0px;
 font-weight: bold;
 color: #99221a;
 text-decoration: underline;
 }
 */
#powermaildiv_uid793, #powermaildiv_uid3395, #powermaildiv_uid822, #powermaildiv_uid727, #powermaildiv_uid808, #powermaildiv_uid814, #powermaildiv_uid3097, #powermaildiv_uid3374, #powermaildiv_uid2781, #powermaildiv_uid2951, #powermaildiv_uid2867, #powermaildiv_uid2907 {
    display: inline;
    float: left;
}
#powermaildiv_uid793 INPUT, #powermaildiv_uid3395 INPUT, #powermaildiv_uid822 INPUT, #powermaildiv_uid727 INPUT, #powermaildiv_uid808 INPUT, #powermaildiv_uid814 INPUT, #powermaildiv_uid3097 INPUT, #powermaildiv_uid3374 INPUT, #powermaildiv_uid2781 INPUT, #powermaildiv_uid2951 INPUT, #powermaildiv_uid2867 INPUT, #powermaildiv_uid2907 INPUT {
    background-color: transparent;
    border: 0px;
    color: #99221a;
    text-decoration: underline;
    cursor: pointer;
}
#powermaildiv_uid792, #powermaildiv_uid3396, #powermaildiv_uid823, #powermaildiv_uid726, #powermaildiv_uid809, #powermaildiv_uid815, #powermaildiv_uid3098, #powermaildiv_uid3375, #powermaildiv_uid2782, #powermaildiv_uid2953, #powermaildiv_uid2868, #powermaildiv_uid2908 {
    float: left;
    clear: none;
}
/* id = Land - 3057(D) / 2829() / 3405() / () / (AT)/ () / () / 3404() */
#powermaildiv_uid3057 {
    float: left;
    clear: none;
}
/* frk 07.4.2010  -start- */
/* Headline Rot für Jetzt profitieren! - Kontaktformular - Powermail Deutsch */
/* id = Land - 3056(D) / 2747(EN) / 3380(IT) / 3378(F) / 2828(AT)/ 3306(ES) / 2871(CH) / 3404(CZ) / 2975(SK) */
#powermaildiv_uid3056, #powermaildiv_uid2747, #powermaildiv_uid3380, #powermaildiv_uid3378, #powermaildiv_uid2828, #powermaildiv_uid3306, #powermaildiv_uid2871, #powermaildiv_uid3404, #powermaildiv_uid2975 {
    color: #99221a;
    font-size: 13px;
    font-weight: bold;
    margin-top: 0px;
}
/* frk 07.4.2010  -ende- */

/* frk 07.4.2010  -start- */
/* Rand Headline für Jetzt profitieren! - Kontaktformular - Powermail Deutsch */
.tx-powermail-pi1_formwrap {
    padding-top: 0px;
}
.tx-powermail-pi1 {
    padding-top: 0px;
}
/* id = Land - 822(D) / 815(EN) / 819(IT) / 821(F) / 817(AT)/ 848(ES) / 818(CH) / 1121(CZ) / 820(SKF) */
.tx-powermail-pi1_formwrap_822, .tx-powermail-pi1_formwrap_815, .tx-powermail-pi1_formwrap_819, .tx-powermail-pi1_formwrap_821, .tx-powermail-pi1_formwrap_817, .tx-powermail-pi1_formwrap_848, .tx-powermail-pi1_formwrap_818, .tx-powermail-pi1_formwrap_1121, .tx-powermail-pi1_formwrap_820 {
    padding-top: 0px;
}
#kontaktformgross {
    padding-top: 0px;
}
/* id = Land - 371(D) / 315(EN) / 348(IT) / 363(F) / 331(AT)/ 393(ES) / 339(CH) / 407(CZ) / 361(SK) */
#tx-powermail-pi1_fieldset_371, #tx-powermail-pi1_fieldset_315, #tx-powermail-pi1_fieldset_348, #tx-powermail-pi1_fieldset_363, #tx-powermail-pi1_fieldset_331, #tx-powermail-pi1_fieldset_393, #tx-powermail-pi1_fieldset_339, #tx-powermail-pi1_fieldset_407, #tx-powermail-pi1_fieldset_361 {
    padding-top: 0px;
}
/* frk 07.4.2010  -ende- */

/* frk 08.4.2010  -start- */
/* Formatierung des Submitbuttons in der Miniform */
.tx-kequestionnaireendform-pi1 input[type = "submit"] {
    background-color: #99221A;
    border: 1px solid #99221A;
    color: white;
    cursor: pointer;
    margin: 15px 0 20px 155px;
}
/* frk 08.4.2010  -ende- */
/* frk 12.4.2010  -start- */
/* Formatierung der Länge der Eingabefelder in der Miniform */
.tx-kequestionnaireendform-pi1 input[type = "text"] {
	width: 300px;
}
.tx-kequestionnaireendform-pi1 .form_field select {
	width: 305px;
}
/* frk 12.4.2010  -ende- */

/* =6 Navigation */
#languages {
    background-color: white;
    top: 0;
    right: 20px;
    width: 145px
}

#languages p {
    margin: 0;
    font-size: 11px;
    font-weight: bold;
    padding: 5px 10px;
    text-transform: uppercase;
}

#language_menu li {
    margin: 0px;
}

#language_menu li a {
    text-transform: uppercase;
    color: #818181;
    background-color: white;
    font-size: 11px;
    font-weight: bold;
    display: block;
    text-decoration: none;
    padding: 5px 10px
}

#language_menu li a:hover {
    color: white;
    background-color: #818181;
}

#toggle {
    float: right;
    background-color: white;
    margin: 7px 5px 0 0;
    width: 20px;
}

.open, .close {
    background: white url(../img/open-close.png) no-repeat;
    width: 20px;
    display: block;
    height: 10px;
    text-decoration: none;
}

.close {
    background-position: 100% 0
}

#languageselect {
    display: none
}

/* =7 Aside */
/* =8 Footer */
#footer {
    clear: both;
    padding: 10px 0
}

.footer-nav {
    float: right;
}

.footer-nav li {
    border-right: 1px solid;
    color: #818181;
    display: inline
}

.footer-nav a {
    color: #818181;
    padding: 0 5px 0 8px;
    text-decoration: none
}

.footer-nav a:hover {
    color: #99221a;
    text-decoration: underline
}

/* =9 Forms */
.tx-powermail-pi1_fieldset {
    padding: 10px
}

.tx_powermail_pi1_fieldwrap_html {
    clear: both;
    margin: 7px 0
}

.tx_powermail_pi1_fieldwrap_html label {
    cursor: pointer;
    float: left;
    line-height: 26px;
    width: 150px;
}

.powermail_text, .powermail_select, .powermail_countryselect, .powermail_textarea {
    border: 1px solid #818181;
    padding: 4px;
    width: 300px;
}

.powermail_select, .powermail_countryselect {
    width: 310px;
}

select.powermail_uid18 {
    width: 170px;
}

.countryzone {
    margin: 7px 0 0 150px
}

.tx-powermail-pi1_fieldset legend {
    display: none;
}

.tx_powermail_pi1_fieldwrap_html_checkbox_title {
    font-weight: 700
}

.tx_powermail_pi1_fieldwrap_html_check label {
    float: none;
    width: 100%
}

.tx_powermail_pi1_fieldwrap_html_check .powermail_mandatory_js, .countryzone .powermail_mandatory_js {
    color: #99221a;
    margin: 0
}

.tx_powermail_pi1_fieldwrap_html_text .powermail_mandatory_js, .tx_powermail_pi1_fieldwrap_html_select .powermail_mandatory_js {
    color: #99221a;
    margin: 0 0 0 150px
}

.powermail_submit {
    margin: 0 0 0 150px;
    background-color: #99221a;
    color: white;
    border: 1px solid #99221a;
    cursor: pointer
}

.powermail_check_inner {
    position: relative;
    margin: 4px 0
}

.powermail_check_inner label {
    margin: 0 0 0 20px;
    line-height: 15px;
    display: inline-block;
}

.powermail_check_inner input {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0
}

/* =10 TYPO3 */
/* CSS Styled Content */
div.csc-textpic-caption-r .csc-textpic-caption {
    text-align: right
}

div.csc-textpic div.csc-textpic-imagecolumn {
    float: left;
    display: inline
}

div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
    border: none;
    padding: 0
}

div.csc-textpic-imagewrap {
    padding: 0
}

div.csc-textpic div.csc-textpic-imagewrap ul {
    list-style: none;
    margin: 0;
    padding: 0
}

div.csc-textpic div.csc-textpic-imagewrap ul li {
    float: left;
    margin: 0;
    padding: 0
}

dl.csc-textpic-image dt {
    display: inline;
    margin: 0
}

div.csc-textpic-left div.csc-textpic-imagewrap .csc-textpic-image, div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap .csc-textpic-image, div.csc-textpic-intext-left div.csc-textpic-imagewrap .csc-textpic-image {
    display: inline;
    margin-right: 10px
}

div.csc-textpic-right div.csc-textpic-imagewrap .csc-textpic-image, div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap .csc-textpic-image, div.csc-textpic-intext-right div.csc-textpic-imagewrap .csc-textpic-image {
    display: inline;
    margin-left: 10px
}

div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
    display: inline;
    margin-left: 10px;
    text-align: left
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 5px
}

div.csc-textpic-equalheight div.csc-textpic-imagerow {
    margin-bottom: 5px;
    display: block
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-firstcol {
    margin-left: 0 !important
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-lastcol {
    margin-right: 0 !important
}

div.csc-textpic-intext-left div.csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
    margin-right: 10px !important
}

div.csc-textpic-intext-right div.csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
    margin-left: 10px !important
}

div.csc-textpic-center div.csc-textpic-imagewrap {
    margin: 0 auto
}

div.csc-textpic-right div.csc-textpic-text {
    clear: right
}

div.csc-textpic-left div.csc-textpic-text {
    clear: left
}

div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
    float: right;
    clear: both
}

div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
    float: left;
    clear: both
}

div.csc-textpic-caption-c .csc-textpic-caption, div.csc-textpic-center {
    text-align: center
}

div.csc-textpic-caption-l .csc-textpic-caption, div.csc-textpic-center div.csc-textpic-text {
    text-align: left
}

div.csc-textpic img, div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dd img {
    border: none
}

div.csc-textpic div.csc-textpic-imagewrap div.csc-textpic-image, div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image, div.csc-textpic-left div.csc-textpic-imagewrap, div.csc-textpic-intext-left div.csc-textpic-imagewrap {
    float: left
}

div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dt, div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dd {
    float: none
}

dl.csc-textpic-image, dl.csc-textpic-image dd, div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption, div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
    margin: 0
}

div.csc-textpic-clear, div.csc-textpic div.csc-textpic-imagerow, div.csc-textpic-above div.csc-textpic-text {
    clear: both
}

div.csc-textpic-right div.csc-textpic-imagewrap, div.csc-textpic-intext-right div.csc-textpic-imagewrap {
    float: right
}
* html div.csc-textpic-intext-right-nowrap .csc-textpic-text, * html div.csc-textpic-intext-left-nowrap .csc-textpic-text {
    height: 1%
}

/* jv überdefinitionen */
#head_txr BLOCKQUOTE, #head_txl_head BLOCKQUOTE {
    padding-top: 10px;
    padding-bottom: 10px;
}

#head_txl_cont BLOCKQUOTE {
    padding-top: 20px;
    padding-bottom: 20px;
}

.content-video {
    width: 307px;
    /* jv 25.3.202. */
    height: 405px;
    overflow: hidden;
}

.content-video h3 {
    font-size: 15px;
    padding: 90px 0 0;
}

.content-video blockquote h3 {
    font-size: 20px;
    padding: 0;
}

.content-video blockquote {
    margin-bottom: 20px;
    padding: 10px;
}

.content-video img {
    margin: 0 10px 10px 0
}

.content-video p {
    padding: 0px;
}

.content-video .content-element {
    background: #eaeaea url(../img/contentwrapper-bg.jpg) no-repeat 100% 100%;
    padding: 25px 25px 25px;
}

.sub .content-video .content-element {
    background: #eaeaea url(../img/contentwrapper-bg.jpg) no-repeat 100% 100%;
    padding: 20px 25px 25px;
}

.content-more {
    margin: 0 15px 0 0;
    width: 628px;
    height: 406px;
    overflow: hidden;
}

#contentwrapper .content-more {
    padding: 20px 25px 25px;
    width: 578px;
}

.content-more .content-last {
    height: 370px;
}

#contentwrapper .content-more .content-element {
    width: 50%;
    padding: 0
}

#contentwrapper .content-more .content-element:first-child * {
    width: 280px
}

#contentwrapper .content-more .content-element blockquote {
    margin: 5px 0 5px 30px;
}
/* jv. 12.4.  */
.tx-kequestionnaireendform-pi1 .error {
	color: #99221a;
	margin-left:155px;
	display: block;	
}
/* jv. 21.4.2010  / 26.4. top margin angepasst .. Info trext auf weissem Grund bei Summery */

.summeryIntro {
	margin: 0px 0 0 34px ;
}