/*Template CSS file, Joomla 3.x, kaul-art.com*/

/* General */
/* Basis font-size body: 70%, 1em = 10px*/
* {margin:0; padding:0; border:0 none; }
html {height: 100.1%; }
body {width: 100%; height: 100%; margin:0; padding:0; background-color: black;}
body {background-image: url(../images/body/background-image5.gif);  background-repeat: repeat-x; background-position: 0 0}
body {text-align: center; font-size: 70%; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.2em; font-weight: normal; color: #b0c4de;}
.wrap {position: relative; width:1200px; height: auto; margin-left: auto; margin-right: auto; text-align:center; background-color:transparent; overflow: hidden;} /*Alles umschliessend,inkl.externmain,ohne footer*/
.wrap1 {background-image: url(http://kaul-art.com/templates/kaul_art/fauxcol_dreispaltig.jpg); background-position: 0 0; background-repeat: repeat-y; overflow: hidden;} /*contentbox 3-spaltig*/
.wrap2 {background-image: url(http://kaul-art.com/templates/kaul_art/fauxcol_zweispaltig.jpg); background-position: 0 0; background-repeat: repeat-y; overflow: hidden;} /*contentbox 2-spaltig*/

p, td, div, ul, ol, li {font-family: Verdana, Arial, Helvetica, sans-serif; color: #b0c4de; font-size: 1em; line-height: 2em; font-weight: normal;}
p {text-align: left; font-size: 1.2em; font-weight: normal; line-height: 2em;}

h1{ color: #b0c4de; font-size: 1.8em; font-weight:normal; line-height: 1.5em;}
h2{ color: #b0c4de; font-size: 1.6em; font-weight:normal; line-height: 1.5em;}
h3{ color: #b0c4de; font-size: 1.2em; font-weight:normal; line-height: 1.5em;}
h4{ color: #b0c4de; font-size: 1.1em; font-weight:normal; line-height: 1.5em;}
h5{ color: #b0c4de; font-size: 0.8em; font-weight:normal; line-height: 1.5em;}

/*Linkfarben Global und Hyperlinks*/
a:link {color:orange; text-decoration: none;}
a:hover {color:#02c5fb;}

/*Linkfarben Hauptmenü*/
.moduletable_topnavi a:link { text-decoration: none }
.moduletable_topnavi a:visited {color: orange; }
.moduletable_topnavi a:hover {color: #02c5fb; }
.moduletable_topnavi a:focus {background-color:red; color:white; }

/*Linkfarben Submenüs*/
.module-menu h3 {font-size: 1.6em; color: red;}
.module-menu a:link {color: orange; text-decoration: none }
.module-menu a:visited {color: #b45f04; }
.module-menu a:hover {color: #02c5fb; }
.module-menu a:focus {background-color:red; color:white; }
.module-menu a:active {color: red;}

h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address,.componentheading,.contentheading {margin:0.75em 0;}
li,dd {margin-left:1em;}

.jfdefaulttext {display: none;} /*Verstecken von "Keine Übersetzung vorhanden"*/
.button {background:#fff url(templates/kaul_art/images/body/buttonbackground.png) repeat-x; height:25px; line-height:25px; margin:10px 0;padding:0 4px; border:#000 solid 1px; }

/* Boxes */
#headerbox { position: relative; background-color:black; height: 165px; width: 100%; margin-top: 5px;} /*Kopf*/
#contentbox {position: relative; width: 100%; height: auto; background-color: transparent; text-align: center; }/*Contentbox unterhalb Headerbox*/

/* Headerbox */
#leftbox {float: left; width:17%; height: 120px; margin-left: 10px; background-color: black;} /*Linker Teil des Kopfes*/
#rightbox{ float: left; width: 70%; height: 120px; margin-left: 10px; background-color: black; } /*Rechter Teil des Kopfes*/
#leftboxpic {float: left; width: 72px;}
.moduletable-logotext {float: right; text-align: center; margin-top: 25px; margin-right: 20px; font-size: 18px; line-height: 25px; } /*Karl Kaul Malerei,Painter,Peintre*/
.custom-logotext h4 {color: #60a8bf;} /*Textfarbe: Karl Kaul Painter*/

#rightboxpic {float: left; width: 99%; height: 90px;}
.moduletable_topnavi  {float: left; width: 100%; height: 30px; margin-left: 20px; background-color: black; }
.menu-nav li {float: left; font-size: 1.2em; list-style-type: none; color: orange; padding-left: 2em; padding-bottom: 6px; }

#accessbox {float:right; width:130px; height: 120px; background-color: black;}
.moduletable-language { width:80%; background-color: black; margin-top: 100px; margin-left:20px;}
.moduletable-language li {float: left; list-style-type:none;}

#path { float: left; width: 100%; text-align: left; height: 25px; background-color: #2b2b2b; padding-top: 0px; border-top: 3px solid #069; margin-top: 8px; }
#breadcrumbs {height: 20px; margin-left: 25px; margin-top: -2px;}
#itemid {margin-left: 1160px; margin-top: -28px; color: gray;}/*ItemID-Nr. anzeigen*/

/* Contentbox */
#rightmain {float: right; width: 18%; height: auto; padding: 1%; background-color: #212c38;}/*Rechte Spalte, Teaser, Rightbox-Module*/
#leftmain {float: left; width: 18%; height: auto; padding: 1%; background-color: #212c38;}/*Linke Spalte, Navigation, Werbung/ */

#mainbox_klein  {float: left; width: 58%; padding: 1%; text-align: center; background-color: black;}/*Mittlere Spalte zwischen leftmain und rightmain*/
/*#mainbox_klein .componentheading {padding: 0px; margin: -20px 0px 0px 0px; visibility: hidden;} /* Anzeige von "Kaul-Art" und anderen Überschriften im Content unterdrücken */
/*#mainbox_klein .contentpaneopen {float: left; width: 100%; text-align: center; background-color:black;}
#mainbox_klein .contentpaneopen p {text-align: center;}
#mainbox_klein .blog { width: 100%; background-color: black; margin-top: -10px;}
#mainbox_klein .form-validate .paramlist_key {width: 200px; padding-top: 12px;}
#mainbox_klein .form-validate td {width: 121px; padding-top: 12px;}
#mainbox_klein .cronotable {width: 600px;}*/

#mainbox_gross {float: left; width: 78%; padding: 1%; text-align: center; background-color:black; margin-top: -30px;}/*Rechte Spalte neben leftmain, kein rightmain*/
/*#mainbox_gross .componentheading {padding: 0px; margin: -20px 0px 0px 0px; visibility: hidden;} /* Anzeige von "Kaul-Art" und anderen Überschriften im Content unterdrücken */
/*#mainbox_gross .contentpaneopen {float: left; width: 300px; margin-left: 220px; text-align: center;}
#mainbox_gross .contentpaneopen p {text-align: center;}*/
/*#mainbox_gross .contentpaneopen td {padding-left: 200px;}/*Impressum*/

/*.blog_wordpress { width: 900px; margin-top: -30px; margin-left: -10px;}/*My Art-Blog(Head)*/
/*.contentpaneopen_wordpress {float: left; margin-top: -30px;}/*Wordpress-Blog*/

.dj-catalog-gallery {padding-top: 30px;}
.contentpaneopen_newsletterarchive {margin-left: 150px; margin-top: -30px;}
.contentpaneopen-shop {margin-left: 100px; margin-top: -20px; text-align: center;}
.wrapper_pantarhei {height: 850px;}

#welcome-user {padding-bottom:5px;}/*Welcome über Benutzermenü*/
.form-validate .button {margin-top: 50px;}
#com-form-login {width: 200px; margin-left: 230px; }
#com-form-login .input {background-color: #212c38; padding-left: 30px; }
.contentpane-userlogin {background-color: yellow; text-align: center;}
.contentpane_others {height: 600px;} /*Rightbox*/

#component-contact td {font-size: 1em;}/*Kontakt*/
#component-contact .contentheading-contact, #component-contact .contentheading_contact {font-size: 1.5em;}
.contentpaneopen-contact, .contentpaneopen_contact {float: left; width: 300px; margin-left: 150px; text-align: center; font-size: 1.2em; line-height: 1.5em;}
.contentpaneopen-contact #contact_email_copy, .contentpaneopen_contact #contact_email_copy {margin-top: 12px;}
.contentpaneopen-contact td, .contentpaneopen_contact td {font-size: 1.2em; text-align: center; height: 1.5em;}

/* Startpage mit Newsfeed */
#submainbox_de { float: left; width: 96.5%;  height: auto; color: #b0c4de; background-color: transparent; padding-top: 20px; padding-left: 24px; }
#submainbox_en { float: left; width: 96.5%;  height: auto; margin-top: 20px; color: #b0c4de; background-color: transparent; padding-top: 20px; padding-left: 24px; text-align: left; }
#submainbox_en .blog {text-align: center;}
#submainbox_fr { float: left; width: 96.5%;  height: auto; margin-top: 20px; color: #b0c4de; background-color: transparent; padding-top: 20px; padding-left: 24px; }
.moduletablet_kunstfeed, .moduletable_artfeed { float: left; width: 95%; padding-left: 12px; color: orange; margin-top: 15px; margin-bottom: 20px ; }
.feed_kunstfeed h4 { text-align: center; margin-top: 24px; background-color:transparent; font-size: 2em;  }
.newsfeed_kunstfeed li { padding-left: 24px; font-size: 1.5em;}
#welcome {float: left; width: 300px; text-align: left; background-color: black; margin-left: 12px;}/*Welcomezeile*/
.contentpaneopen_welcome {margin-left: 100px; text-align: center; height: auto; }/*Actual event*/
.moduletable-zufallsbilder {float: right; margin-top: -270px;}
#google {margin-top: 24px;}

/* Rightmain - Teaser und Inhalte */
#rightmain h5{text-align: center; padding-bottom: 2em; padding-top: 1em;}
.module_opinion {float: left;  width: 92%; border: 3px solid #069; padding: 5px; text-align: center; margin-bottom: 24px;} /*Meinungsumfrage Joomla-Poll*/
#poll {position: relative; width: 90%; margin-left: 30px;}/*Umfrageergebnissfenster*/
.poll_opinion td { padding-left: 5px; height: 2em; }/* jedes Tabellenteil der Umfrage*/
.poll_opinion thead{font-size: 1.2em; line-height: 1.2em;}
.pollstableborder_opinion{ padding-top: 12px;}/* Umfrageblock ohne Überschrift*/
.pollstableborder_opinion td {text-align: left; height: 2em; }
.poll_opinion .button, .moduletable-login .button {width: 80px;}
#poll .contentpane {color: white; margin-bottom: 50px;}
#poll .inputbox {display:none;}/*Pollauswahlbox verbergen*/
#poll.sectiontableheader {font-size: 2em;}/*Überschrift*/
.module_exhibitions {height: 600px;} /*Rightbox*/

.label_radio { padding-left: 15px; height: 2em; }/* jedes Tabellenteil */
.pollxtOptCol {margin-left: 10px;}
.pollstableborder .sectiontableheader {margin-bottom: 10px;}

.module_participations table {background-color: #212c38; padding-bottom: 12px;}
.module_infobox p, .moduletable_artworkbox p {text-align: left; padding-top: 12px;}
.module_startbox  {padding-bottom: 12px;} /*Menüinfoboxen rechts*/
.module_biographybox p {text-align: left; padding-top: 12px;}
.blogCalendar {margin-left: auto; margin-right: auto; background-color: black;} /*Blog-Kalender*/

#artreader{margin-left: 20px; margin-top: 12px;}/*ArtReader.com*/
.kunst01 { font-size: 10px; font-weight: bold; color: #b0c4de} 
.kunst02 { font-size: 10px; color: #b0c4de}

/* Leftmain - Menüs und Inhalte */
.menu-start, .menu-benutzer, .menu-information, .menu-artwork, .menu-exhibitions, .menu-contact, .menu-login {width: 100%; height: auto; border-color: #344358; 
 list-style-type: none; text-align: left; margin-bottom: 12px;} /*Alle Menüs*/
 
/*.module-login .input { border: transparent; }
.module-login #form-login-username { padding: 3px;text-align: center;}
.module-login #form-login-password { padding: 3px;text-align: center;}
.module-login #modlgn_username { margin-top: 3px;text-align: center;}
.module-login #modlgn_passwd { margin-top: 3px;text-align: center;}
.module-login #form-login-remember {text-align: center;}
.module-login ul { padding: 15px; text-decoration: none; text-align: left;}
.module-login ul, p {text-align: left;}
.menu-login li {margin-left: 12px;line-height: 2em;}*/

#modlgn_username, #modlgn_passwd {background-color: #a9d0f5; }
.moduletable-menu, .mainlevel_publicshop {text-align: left; padding: 0px 5px; margin-bottom: 5px; border: 3px solid #069;  background-color: black; text-decoration: none;} /*Alle linken Untermenüs*/

.module-menu, .moduletable-menu {
background-color: #212c38;
padding: 2px;
margin-bottom: 12px;
border: 3px solid #069;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border--radius: 10px; 
-webkit-border-radius:10px; 
}
/*.module-menu h3, {background-color: transparent; color: white} Menütitel*/
.module-menu a, .moduletable-menu a{ font-size: 1.2em; text-decoration: none; }
.module-menu li, .moduletable-menu li{ line-height: 2em;}
.module-menu h3, .moduletable-menu h3, .moduletable_virtuemart h3 { margin-top: 0px; background-color: #1c1c1c; text-align: center; padding-top: 3px; height: 1.8em;} /*Menüüberschriften*/
.menu-artwork ul {margin-left: 20px;} /*Einrücken der Untermenüs*/

/*.module-menu a:hover {color: #58ACFA;} /*Submenü*/
/*.module-menu a:visited, .module-menu a:focus, .module-menu a:active {color: red;}
.moduletable_topnavi a:visited, .moduletable_topnavi a:focus, .moduletable_topnavi a:active {color: yellow;} /*Hauptmenü*/

/*a:link {color: orange }
a:visited, .moduletable_topnavi a:visited, .module-menu a:visited {color: green;}
a:hover, .modultable_topnavi a:hover, .module-menu a:hover {color: #02c5fb; } 
a:focus, .moduletable_topnavi a:focus, .module-menu a:focus {color: orange; }
a:active, .moduletable_topnavi a:active, .module-menu a:active {color: red; }
#path a:link, .moduletable_topnavi a:link {color: orange; background-color: black;}
a:link, a:visited, a:hover, a:focus, a:active {text-decoration: none;}
a[href^="http:"] {color: orange;}*/

.module-menu ul.nav.menu-start.mod-list .a {color: red;}

.module_benutzermenu {text-align: center; padding: 0px 5px; border: 3px solid #069; background-color: black;} /*Benutzermenü*/
.module_benutzermenu a{ font-size: 1.2em; text-decoration: none;}
.module_benutzermenu h3{ margin-top: 0px; background-color: #1c1c1c; text-align: center; padding-top: 3px; height: 1.8em;}

.menu-start li, .menu-benutzer li { background-color: transparent; padding-top: 6px; } 
.module_statement {background-color: #212c38; text-align: left; padding: 6px;} 
/*.module-person { padding: 10px; text-align: center; margin-bottom: 10px;} /*Wer ist online*/
.moduletable-counter {padding-top: 12px; margin-bottom: 5px; background-color: #212c38;} /*Besucherzähler*/
.mvc_main-counter-fr, .mvc_main-counter-en, .mvc_main-counter-de{text-align: center; margin-top: 10px; padding-bottom: 5px; font-size: 1.1em;} 
.mvc_people-counter-en, .mvc_people-counter-de {float: left; margin-left: 85px; font-size: 0.8em;}
.mvc_people-counter-fr{float: left; margin-left: 70px; font-size: 0.8em;}

/* Footer */
#footerdistance {clear:both; position: relative; float: left; width:80%; height: 8px; margin-left: auto; margin-right: auto; text-align:center; background-color:black;}
#footer {position: relative; float: left; color:#B0C4DE; background-color: #212c38; width:100%; margin-left: auto; margin-right: auto; height: 30px;}
#footer .menu-nav {float:left; width: 700px; background-color: transparent; margin-left:340px; height: 2em; margin-top: -2px;}
#footer .menu-nav li {float: left; text-align: left;  list-style-type: none; color: orange; padding-left: .5em; }
#footer .separator {color: #b0c4de;}

/* Beiträge (Content Mainbox) */
#com-form-login .contentpane .componentheading {visibility: hidden}
.blog_creation {margin-left: 5em;margin-top: -80px;}
#component-impressum {float: right; width: 89%; padding-left: 50px; margin-right: 50px; background-color:black; text-align: left;}
.blog_information {width: 700px; text-align: center; }
.contentpaneopen_biography, .contentpaneopen_press {float: left; width: 940px; text-align: center; }/*Modem-Beitrag ohne Kategorieheadzeile*/
.contentpaneopen_information {float: left; width: 940px; margin-top: -40px; text-align: center; }/*Modem-Beitrag mit Kategorieheadzeile*/
#information, #biography, #press {float: right; width: 200px; margin-right:15px; margin-left: 15px;  background-color: transparent;} /*Modemtext als Beitrag*/
.contact-address, .contact-street, .contact-state, .contact-country, .contact-suburb {background-color: black;}

/*#ozioflashcontent {margin-left: -10px;}
.contentdescription_oziogallery {padding-bottom: 12px;font-size: 1.2em;}*/
/*.moduletable #oziogallery {height: 100px;}*/
/*#viewer {margin-left: 6px; width: 700px;} /*Oziogallery*/
/*.ozio {visibility: hidden;}/*Powerd by Joomla.it*/

.category_description {margin-top: -10px; margin-top: -20px;} /*VirtueMart*/
table.moduletable-warenkorb { border: 3px solid #069; color: orange; background-color: #6db6cd}
.moduletable-warenkorb h3, .total_products {color: white; border: 3px solid #069;}
.orderby-displaynumber {visibility: hidden; height: 2px}
.browse-view{margin-top: -60px; }
.browse-view h1 {visibility: hidden;}
.productdetails-view {margin-left:30px;}
.additional-images, .vm-img-desc{visibility: hidden;}
.main-image {float: left; width: 650px; }
.spacer-buy-area{margin-top: 600px;}
.vm-image-desc {text-align: center;}
.quantity-box, span.quantity-controls input.quantity-controls{visibility: hidden;}
.moduletable-sonderangebot {height: 1000px;}
.row {float: left; height: 210px;}
.horizontal-separator {visibility: hidden;}
a.product-details {color: black; background-color:gray}
.spacer{float: left; width:300px; text-align: left; margin-top: -30px; margin-left: 28px; margin-bottom: 12px; background-color: #212c38; padding: 5px; height: 200px;}
.browseProductImage {width: 100px; height: 100px;}
.contentpagetitle {float: left; width: 100px; padding-right: 30px; margin-top: 15px;}
.buttonBar-right .button {color: black}
.featured-view {float: left;}
.featured-view div {height: auto;}
.category-view h4, .featured-view h4 {visibility: hidden}
.billto-shipto {height: 300px;}
.floatleft, span.floatleft {height: 10px;}
.cart-view #form-login {visibility: hidden;}
.cart-summary th {color: green}

/*.editor-jce{background-color: yellow;}
.smalldark {visibility: hidden;} /*Datumsanzeigen in Resultat von Meinungsumfrage*/
.backbutton {margin-left:420px; width: 50px; padding: 2px 7px; border: 3px solid #069;}/*Homebutton in Resultat von Meinungsumfrage*/
.contentpane-chronologie #blockrandom {margin-left: 25px; border: 3px solid #069;} /*Chronology*/
.contentpaneopen-opinions {margin-right: 12px; margin-left: 12px;}
/*.chronoform {visibility: hidden;} /*Newsletter-Formular Chronoform-Werbung*/
/*#ChronoContact_Newsletter #radio00, #radio01, #ChronoContact_Newsletter_de #radio00, #radio01, #ChronoContact_Newsletter_fr #radio00, #radio01 {float: left; width: 50px;} /*Pushbuttons*/
/*#ChronoContact_Newsletter #reset, #ChronoContact_Newsletter_de #reset, #ChronoContact_Newsletter_fr #reset {position: absolute; margin-left: 12px;} /*Captcha-Reset-Position*/
/*#ChronoContact_Newsletter .form_item_submit, #ChronoContact_Newsletter_de .form_item_submit, #ChronoContact_Newsletter_fr .form_item_submit {margin-top: 30px; margin-left: 30px;} /*Submit-Button-Position*/
/*#ChronoContact_Newsletter .float_left, #ChronoContact_Newsletter_de .float_left, #ChronoContact_Newsletter_fr .float_left {width: 210px; text-align: left;}*/
#member-registration .spacer {display: none;} /*Störendes Feld im Anmeldeformular*/

/* Anhänge-Attachments */
.at_filename, .at_description, .at_file_size {color: black; }
.attachmentsList {background-color: gray; width: 380px; margin-left: 130px; padding-left: 80px;}
.attachmentsList a:link {color: blue;}
.attachmentsList table th .at_file_size {width: 100px;}

/*Chronoforms6*/
.ui.form {background-color: green; height: 500px; padding-left: 20px; padding-top: 30px;}
.chronoforms form label {position: relative; float: left; text-align: left; margin-left: 30px; color: #ffffff; margin-bottom: 28px; background-color: transparent;}
#subtitle, .subtitl {position: relative; float: left; height: 50px; width: 100%; text-align: center; color: white; background-color: transparent; }
#name {position: relative; float: right; background-color: #a9f5f2; width: 70%; margin-right: 30px; margin-bottom: 20px;}
#location {position: relative; float: right; background-color: #a9f5f2; width: 70%; margin-right: 30px; margin-bottom: 20px;}
#email {position: relative; float: right; background-color: #a9f5f2; width: 70%; margin-right: 30px; margin-bottom: 20px;}
.g-recaptcha {position: relative; float: left; margin-left: 180px; margin-bottom: 20px;}
#button3 {position: relative; float: left; margin-left: 180px;}
.ui.error.message, .chronoforms6_credits {visibility: hidden;}
.ui.header.dividing {color: orange;}