/*
* Stylesheet für die-lernwerkstatt.de
*/

/* Verwendete Farben
Rot:        rgb(216,0,22)
*/

/* Inhalt 

1. Reset
2. Defaults
3. Basic Design
4. Header
5. Cols
6. Navi Top
7. Navi Left
8. Content
9. Seminare

*/


/*********************************
*  1. Reset
**********************************/
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,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
margin: 0;
padding: 0;
border: 0;
font-weight: normal;
font-style: normal;
text-align: left;
font-family: inherit;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/*ol,ul {
list-style: none;
}*/
q:before,q:after,blockquote:before,blockquote:after {
content: "";
}

/*********************************
*  2. Defaults
**********************************/
body{font-size:70%; line-height: 1.4em; font-family:Arial, Helvetica, sans-serif; text-align:left;}
p,td {font-size: 1.2em; line-height:1.4em;}

img, a img {border:0;}

h1,h2,h3,h4,h5,h6 { font-weight:bold; margin: 0 0 30px 0; color:#000;}
  h1 { font-size: 150%; color:rgb(216,0,22);}                     
  h2 { font-size: 150% }                     
  h3 { font-size: 130% }                        /* 18px */
  h4 { font-size: 133.33% }                     /* 16px */
  h5 { font-size: 116.67% }                     /* 14px */
  h6 { font-size: 116.67%; font-style:italic; } /* 14px */

  a { color: rgb(216,0,22); text-decoration:none; }
    a:focus,
    a:hover,
    a:active { color: rgb(216,0,22); text-decoration:underline; }

/*********************************
*  3. Basic Design
**********************************/
body { background: #fff url("../images/bg_main.gif") repeat top left fixed; padding: 10px 0; }
#page_margins { margin: 0 auto; width: 1028px;  min-width: inherit; max-width: none; background: #fff; }
#page {background:url(../images/bg_content_main.gif) repeat top left; width:1028px; float:left;}
div.cols2 #page {background:url(../images/bg_content_main_col2.gif) repeat top left; width:1028px; float:left;}
#main {width:1028px; float:left;}

#footer {
    background:url(../images/bg_footer.gif) no-repeat bottom left; 
    width:1028px; 
/*    height:30px; */
    float:left;
    padding-bottom:10px;
    text-align:center;
}
#footer_navi {text-align:center;color:rgb(153,153,153);}
#footer_navi a {
    color:rgb(153,153,153);
    font-weight:bold;
}

/*********************************
*  4. Header
**********************************/
#header_top { width:1016px; height:38px; margin:0 auto; background: #fff url(../images/bg_head_top.gif) no-repeat 0px 9px;}
#header {height:135px; width:1016px; margin:0 auto; background: #fff url(../images/head.jpg) no-repeat 0px 0px;}
#header_bottom {width:1016px; height:12px; margin:0 auto; background: #fff url(../images/bg_head_bottom.gif) repeat-x 0px 0px;}

#date_div {width:100px; padding: 12px 0 0 900px; color:#fff; }

#content_top {width:1028px; height:30px; background: url(../images/bg_cont_top.gif) no-repeat top left;}

#navi_top { height:35px; width:1016px; margin:0 auto; background:url(../images/bg_navi_top.gif) no-repeat top left;}


/*********************************
*  5. Cols
**********************************/
/*#col1 { float: left; width: 258px;  margin:0; background: url(../images/bg_left_col.gif) no-repeat 7px 0px; }*/
#col1 { float: left; width: 258px;  margin:0;  }
#col2 { float: right; width: 230px;  margin:0; }
#col3 { width: auto; margin: 0 230px 0 258px;}
div.cols2 #col3 { width: auto; margin: 0 0px 0 258px;}
/*#col1_content { padding: 0 0 0 6px; background: url(../images/bg_left_col.gif) no-repeat 6px 0px; }*/
#col1_content { padding: 0 0 0 8px;}
#col2_content { padding: 15px 20px 0 20px; }
#col3_content { padding: 15px 10px 10px 30px; }

/*********************************
*  6. Navi Top
**********************************/
#navi_top_area {padding-top: 6px; }

#navi_top_area ul {
    list-style-type:none;
    list-style-image:none;
    white-space:nowrap;
}
#navi_top_area ul li {
    float:left;
    padding:0;
}
#navi_top_area ul li a {
    display:block;
    float:left;
    width:136px;
    height:auto;
    text-align:center;
    font-weight:bold;  
    font-size: 116.67% ;
}

/*Slide-Out-Menu*/
#yymenu a {
	background-color:rgb(246,246,246);
	color:#000;
	display:block;
	font-family:Arial,Helvetica,Geneva,SunSans-Regular;
	font-weight:bold;
	margin:0px;
	padding:4px;
	text-decoration:none;
}
#yymenu a.last {
	border-style:none;
}
#yymenu {
}
#yymenu > div {
}
#yymenu a:hover {
	background-color:rgb(153,153,153);
	color:#000;
}
#yymenu .mmContent div.mmlink a.submenu:hover {
}
#yymenu .mmLevel1, #yymenu .mmLevel2 {
	margin-bottom:10px;
	padding-top:0px;
}
#yymenu .sub {
}
#yymenu .mmContent {
}
#yymenu .mmLevel1 {
}

/*********************************
*  7. Navi-Left
**********************************/

#col1_content ul {
    list-style: none;
    margin:0;
    padding:0;
}
#col1_content ul li{
    width:252px;
}
#col1_content ul li a{
    display:block;
    padding: 5px 5px 5px 70px;
    margin:0;
    background:url(../images/navi_left_inactive.gif) no-repeat 35px 3px;
    color:black;
    text-decoration:none;
    font-size: 116.67%;
    font-weight:bold;
}
#col1_content ul li a:focus,
#col1_content ul li a:hover,
#col1_content ul li a:active,
#col1_content ul li.active a{
    display:block;
    padding: 5px 5px 5px 70px;
    margin:0;
    background:url(../images/navi_left_active.gif) no-repeat 34px 3px;
    color:rgb(216,0,22);
    text-decoration:none;
    font-size: 116.67%;
    font-weight:bold;
}

/* 2. Ebene */
#col1_content ul li ul li{
    margin:-3px 0 0 0;
    width:250px;
}
#col1_content ul li ul li a,
#col1_content ul li.active ul li a{
    display:block;
    padding: 5px 5px 5px 70px;
    margin:0;
    background:rgb(246,246,246);
    color:black;
    text-decoration:none;
    font-size: 116.67%;
    font-weight:normal;
}
#col1_content ul li ul li a:focus,
#col1_content ul li ul li a:hover,
#col1_content ul li ul li a:active,
#col1_content ul li ul li.active a{
    display:block;
    padding: 5px 5px 5px 70px;
    margin:0;
    background:rgb(153,153,153);
    color:black;
    text-decoration:none;
    font-size: 116.67%;
    font-weight:normal;
}

#col2_every_page {margin:0;padding:0;}

/*********************************
*  8. Content
**********************************/

/*Text "Meine Lernwerkstatt", wird immer nach Anmeldung angezeigt*/
#login_head {width:300px; padding:4px 0 0 280px;}
#login_head h3 {color:#fff;}

/*Abmelden-Link berhalb von Content-Area*/
#sub_navi {float:right; width:200px; padding:4px 8px 0 0; text-align:right;}
#sub_navi .element        {text-align:right; margin:0;padding:0;}
#sub_navi .tx-felogin-pi1 {text-align:right;}
#sub_navi form            {text-align:right;}
#sub_navi input { height:14px; padding: 0 13px 0 0; background:url(../images/arrow_right_2.gif) no-repeat top right; color:#fff; border:none; cursor:pointer;}


/*Suchfeld im Header*/
#quick_search {float:right; width:304px; padding:0px 0px 0 0; margin:0; text-align:right;}
#quick_search label {color:rgb(216,0,22); font-weight:bold; padding-right:10px; display:inline;}
#quick_search_input {width:150px; border:1px solid rgb(153,153,153); margin:0; padding:0;}
#quick_search_submit {padding:0; margin:0; width:13px; height:14px; background:url(../images/arrow_right.gif) no-repeat top left; border:none; cursor:pointer;}
.tx-macinasearchbox-pi1 {text-align:right; padding-right:5px;}
.tx-macinasearchbox-pi1 form {text-align:right;}

/*Login-form im Header*/
#login_area {float:right; width:185px; padding:8px 6px 0 0; text-align:center;}
#login_area h3 {text-align:center; margin:0;}
#login_area label {display:block;text-align:center;}
#login_user {width:150px; border:1px solid rgb(153,153,153);}
#login_pwd {width:150px; border:1px solid rgb(153,153,153);}
#login_area div {
    text-align:center;
}
#login_area div.pwd {
    text-align:right;
}
#login_submit {width:13px; height:14px; background:url(../images/arrow_right.gif) no-repeat top left; border:none; cursor:pointer;}

#register_area {padding: 10px 0 0 0;}
#register_area a {
    display:block; 
    background:url(../images/arrow_right.gif) no-repeat top right;
    text-align:center;
    text-weight:bold;
}

/* Kontakt Formular*/
#mailformformtype_mail {padding-right:22px; border:none; background:url(../images/arrow_right.gif) no-repeat top right; border:none; cursor:pointer;}

.tx-pilmailform-pi1 {width:350px;}
.fmElement {width:200px; padding-bottom:5px;}
.fmLabel {width:160px;}
.fmSubmit {padding-right:16px; text-align:right; border:none; background:url(../images/arrow_right.gif) no-repeat top right; border:none; cursor:pointer;}

.fmError {color:rgb(216,0,22);}

/*Allgemein*/
.element p {margin-bottom:10px;}
.element p.align-right {text-align:right;}

.indent {
    margin-left: 20px;
    font-size: 1.2em; line-height:1.4em;
    margin-bottom:10px;
}

#col3_content li {font-size: 1.2em; line-height:1.4em;}
#col3_content ul {margin-bottom:10px; margin-left: 20px;}
#col3_content ol {margin-bottom:10px; margin-left: 20px;}

#cat_table {margin-left:50px;}
#cat_table td {width:144px; padding:5px;}
#cat_table a {
    color:black;
    text-decoration:none;
    font-size: 116.67%;
    font-weight:bold;
}

/*Mailforms*/
#mailform label {
    display:block;
}

/*Partner*/
.csc-textpic-imagerow dt, .csc-textpic-imagerow dd {
    padding:10px;
}

/*Downloads*/
.csc-uploads td {padding:4px;}

/*Suche*/
div.tx-indexedsearch-rules {
    background:rgb(246,246,246);
    border: none;
    margin:10px;
    padding:5px;
    font-size:90%;
}
div.tx-indexedsearch-rules h2 { color:#000; margin:5px 0 5px 0;}

div.tx-indexedsearch-searchbox td{padding:3px;}
div.tx-indexedsearch-searchbox { border: solid 1px rgb(246,246,246); padding:10px;}
.tx-indexedsearch-searchbox-button {
    background:url(../images/arrow_right.gif) no-repeat top right;
    padding: 0 16px 0 0;
    border:none;
    color:#000;
}

.tx-indexedsearch-sw {
    color:rgb(216,0,22);
}


/* Vcard*/

.vcard {
    width:494px;
    height:192px;
    background: url(../images/bg_vcard.gif) no-repeat top left;
    padding: 10px 5px;
/*    clear:both;*/
}
.vcard img {
    border: 1px solid rgb(216,0,22);
    float:left;
    margin-right:5px;
}

.vcard_content {
    font-weight:bold;
    font-size:120%;
    float:right;
    width: 350px;
    padding-right:10px;
}
.vcard_content .vcard_main {
    display:block;
}
.vcard_name {color: rgb(216,0,22);}
.vcard_position {margin-bottom:40px;}
.vcard_mail a {color:#000;}

/*********************************
*  9. Seminare
**********************************/

#page_96 .tx-seminars-pi1-listrow {display:none;}
#page_96 .tx-seminars-pi1-browsebox {display:none;}

/*Listansicht*/
.tx-seminars-pi1-browsebox-SCell {padding:5px;}

/*."tx-seminars-pi1-listrow table: { border-collapse:collapse;}*/
.tx-seminars-pi1-listrow tr { margin: 2px 0 2px 0; border-bottom: 2px white solid;}
.tx-seminars-pi1-listrow th {
    font-weight:bold;
    font-size: 116.67%;
    background-color:rgb(230,230,230);
    padding:5px;
}
.tx-seminars-pi1-listrow td,
.tx-seminars-pi1-listrow td.listrow-odd {
    background-color:rgb(230,230,230); padding:5px; text-align:top;
    border-top: 1px solid #fff;
}
th.tx-seminars-pi1-title {width:300px;}
.tx-seminars-pi1-listrow th a {color:#000; font-weight:bold;}

.tx-seminars-pi1-browsebox td {padding:5px;}

/*Detailansicht*/
.tx-seminars-pi1 h2, div.tx-seminars-pi1 h3 {
    margin: 30px 0 10px 0;
}

.registration_wrap a {
    background:url(../images/arrow_right.gif) no-repeat top right;
    padding: 0 16px 0 0;
    
}

table.seminar_single {
    width:99%;
/*    margin-bottom:5px;*/
}
th.seminar_single {
   width:150px;
   font-weight:bold;
   font-size: 1.2em; line-height:1.4em;
   background-color: rgb(230,230,230);
   border: 2px solid #fff;
   padding:6px;
   vertical-align:top;
}
td.seminar_single {
    font-size: 1.2em; line-height:1.4em;
    background-color: rgb(230,230,230);
    border: 2px solid #fff;
    padding:6px;
    vertical-align:top;
}
td.seminar_single p {font-size: 1.0em; line-height:1.4em;}


/* Subcategory-List*/
.subcategoryList {
    background: url(../images/arrow_right.gif) no-repeat top left;
    padding: 0 0 0 20px;
}

.subcategoryList a {
    color:#000;
    font-weight:bold;
}

/* Registrierung */

#page_43 #tx-seminars-pi1-registration-payment {display:none;}
#page_43 .tx-seminars-pi1-registration-price {display:none;}

.tx-srfeuserregister-pi1 label {
    font-size:1.2em;
    font-height:1.4em;
    font-weight:normal;
    font-style:normal;
}


/* Button allgemeni*/

.tx-srfeuserregister-pi1-submit { height:14px; padding: 0 18px 0 0; background:url(../images/arrow_right.gif) no-repeat top right; border:none; cursor:pointer;}
.tx-srfeuserregister-pi1-trash a {height:14px; padding: 0 18px 0 0; background:url(../images/arrow_right.gif) no-repeat top right; border:none; cursor:pointer; color:#000}
.tx-etsseminarveranstalter-pi1 div input {height:14px; padding: 0 18px 0 0; background:url(../images/arrow_right.gif) no-repeat top right; border:none; cursor:pointer;}
.tx-seminars-pi1-submit input {height:14px; padding: 0 18px 0 0; background:url(../images/arrow_right.gif) no-repeat top right; border:none; cursor:pointer;}
.lwbutton {height:14px; padding: 0 18px 0 0; background:url(../images/arrow_right.gif) no-repeat top right; border:none; cursor:pointer;}

/*Anmeldung*/
.ce243 div {margin: 5px 0 5px 0}
.ce243 th {padding:3px;}
.ce243 td {padding:3px;}


/*Partnerlogos*/

/*#page_38 .csc-textpic-image a {
    display:block;
    margin:10px 50px 10px 20px;
}*/

.csc-uploads-fileName p a{
    font-size: 0.8em;
}