/* Master CSS
CONSENSE
www.consense.de
Start: 10.12.2009
Letzte Aenderung: 10.12.2009
*/


/* Reset (Eric Meyer)
--------------------------------------------------------------------------------------- */

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 {
	line-height: 1;
	color: black;
	background: white;
}
ul, ol{
	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: "" "";
}

/* Globals und Typo
--------------------------------------------------------------------------------------- */
html {
background: #fff;
    font-size: 75%;
}

body {
	/* font-family: Lucida Grande, Lucida Sans Unicode, Arial, sans-serif;*/
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height:130%;
	text-align: left;
	background:#fff url(/extensions/consense/template/background.png) repeat-x;
	color:#6f6f6f;
	margin:0;
}

html>body {
font-size: 12px;
}


img {
	border: 0;
}

h1,h2,h3,h4,h5,h6{
	margin:0px;
	padding:0px;
}


a{
	text-decoration: underline;
	color:#006ab3;
	cursor: pointer;
}

a:hover{
	color:#006ab3;
	text-decoration: none;
}

b, strong {
font-weight: bold;
}


/* Layout
--------------------------------------------------------------------------------------- */


div#main{
	width:880px;
	margin:0 auto;
}

div#topnavigation{
	width:880px;
	float:left;
	height:13px;
}

div#topnavigation p{
    float:right;
    margin:3px 7px 0 0;
}

div#header{
	width:880px;
	margin-top:15px;
	float:left;
}

div#header img{
	float:left;
}

div#navigation{
	float:right;
	margin-top:100px;
	margin-right:22px;
	
}

div#navigation ul {
	float:right;
	margin:0;
	padding:0;
}

div#navigation ul li{
	float:left;
	margin-left:40px;
	list-style: none;}
	
div#navigation ul li a{
	font-size: 1.2em;
	font-weight: bold;
	color: #6f6f6f;
	text-decoration: none;
	line-height:35px;
	display: block;
	vertical-align: bottom;
	padding-left:10px;
}

div#navigation ul li a:hover, div#navigation ul li a.active{
	font-weight: bold;
	text-decoration: none;
	background: url(/extensions/consense/template/navi_hover.png) no-repeat;
}

div#content{
	width:656px;
	float:left;
        display: inline;

}
div.content-gutter{
margin: 0 60px 0 0;
}

div#content h1{
	background:url(/extensions/consense/template/consense-h1.png) no-repeat left top;
        height: 40px;
	margin:13px 0 4px 0;
	vertical-align: middle;
}

div#content h2{
	background:url(/extensions/consense/template/consense-h2.png) no-repeat left top;
	height:40px;
	margin-bottom: 50px;
	vertical-align: middle;
}

div#content h1 span, div#content h2 span {
display: none;
}

div#content h3{
	color:#575656;
font-weight: bold;
	font-size: 1.3em;
	margin-bottom:1em;
margin-top: 5em;
        padding-bottom: 5px;
	vertical-align: middle;
	border-bottom:1px solid #0068b4;
}

div#content h4{
	color:#575656;
	font-size: 1em;
	font-weight: bold;
	margin: 1em 0 0 0;
}
div#content h5{
	color:#88898c;
	font-size: 12px;
	font-weight: normal;
	height:23px;
	padding-top:3px;
	padding-left:20px;
	background:url(/extensions/consense/template/bar_bg.png)no-repeat;
}

div#content p {
font: 1.1em/1.5em Arial, sans-serif;
margin: 1.5em 0;
}


div#content ul {
	margin:  0.5em; 
}

div#content li {
	margin: 0 0 1em 1em;
        list-style-type:disc;
}


div#sidebar{
	width: 224px;
	float:left;
display: inline;
}

div#sidebar img {
	border:2px #fff solid;
	border-top:0px;
}

div#footer{
	background:url(/extensions/consense/template/footer.png) no-repeat 0 50px;
	width:874px;
        padding: 50px 0 0 0;
	height:100px;
	margin:0 auto;
	clear:both;
	font-size: 0.9em;
}

div#footer p{
margin: 5px 0;
}

.link_bar_left{
	height:20px;
	background:#f6f6f7;
	width:460px;
	padding-left:20px;
	line-height:20px;
	vertical-align: middle;
	display: block;
	margin-right:1px;
	margin-left:2px;
	color:#88898c;
	text-decoration: none;
	float:left;
	margin-bottom:3px;
}

.link_bar_right{
	height:20px;
	background:#f6f6f7 url(/extensions/consense/template/pdf.png) no-repeat 20px;
	width:54px;
	padding-left:44px;
	line-height:20px;
	vertical-align: middle;
	margin-bottom:3px;
	display: block;
	color:#88898c;
	text-decoration: none;
	float:left;
}

/* jQuery Accordion
--------------------------------------------------------------------------------------- */

div.jQAccordion dt {
    background: #E5E5E5 url(/extensions/consense/template/icon_arrow_right.png) no-repeat 3px 5px;
    margin: 1em 0 0 0;
    padding: .2em 25px;
    font-weight: bold;
}

div.jQAccordion dt.down {
    background:#E5E5E5 url(/extensions/consense/template/icon_arrow_down.png) no-repeat 3px 5px;
}

div.jQAccordion dd {
margin: 0;
    padding: 0;
}

div.jQAccordion dd li, div.jQAccordion dd p {
font-size: 13px !important;
line-height: 150%;
}

div.jQAccordion dd p {
margin: 0;
padding: 0;
}

/* Formulare
--------------------------------------------------------------------------------------- */
form input, form select, form textarea {
	border-top: 1px solid #979797;
	border-right: 1px solid #CBCBCB;
	border-bottom: 1px solid #CBCBCB;
	border-left: 1px solid #979797;
}



#form-button {
float: right;
clear: both;
width: auto !important;
	background: transparent url(/extensions/layout/back_formbutton.gif) repeat-x !important;
font-weight: bold;
	font-size: 0.9em !important;
}

/* Formular Online Anmeldung */
#online-anmeldung   {
margin: 1em 0;
line-height: 130%;
clear: both;
}


#online-anmeldung form input, #online-anmeldung form textarea, #online-anmeldung form select  {
	width: 98%;
	padding: 4px;
	background: white url(/extensions/layout/back_input.gif) repeat-x;
	font-size: 1.1em;
	font-family: Arial, sans-serif;
	color: #707070;
}


#online-anmeldung form select  {
	width: auto;
}

#online-anmeldung form fieldset {
position: relative;
padding: 0px 15px 15px 15px;
margin: 17px 0;
border: 1px solid #c0c0c0;
background-color: #f1f1f1;
}

#online-anmeldung form legend {
position: absolute;
top: -1em;
left: 5px;
color: #727476;
	padding: 2px 5px;
        font-size: 1.1em;
	font-weight: bold;
}

.required, span.reqMark {
	color: #0068B4;
	background-color: transparent;
font-weight: bold;
font-size: 1.1em;
}
.FormError {
	color: red;
	border-color: red !important;
	background-color: transparent;
}
#online-anmeldung form dt { clear: left; font-weight: bold; margin: 1em 0 0.5em 0;}
#online-anmeldung form dd.dd-text {clear: left; margin-bottom: 0.2em;}

/* Tabelle Programm
--------------------------------------------------------------------------------------- */

.table-programm {
	border-collapse: separate;
	border-spacing: 0;
}

.table-programm h3 {
        margin: 0 !important;
        padding: 0 !important;
        border-bottom: none !important;
        font-size: 1em !important;
        color: #000;
}


.table-programm td, .table-programm th {
	background-color: #B4D56F;
	padding: 5px;
	text-align: left;
	font-weight: normal;
        font-size: 1em;
        vertical-align: top;

}
.table-programm td.row-01 {
	background-color: #D7E8B5;
	font-weight: bold;
        border-top: 2px solid #FFF;
        border-bottom: 2px solid #FFF;
        color: #000;
}

.table-programm td.color-01 {
	background-color: #D7E8B5;
        border-bottom: 2px solid #FFF;
        font-weight: bold;
        color: #000;
}
.table-programm td.color-01 h3 {
        color: #000 !important;
}
.table-programm td.row-02 {
	background-color: #B4D56F;
	font-weight:bold;
	color: #000;
        border-bottom: 2px solid #FFF;
}
.table-programm td.row-02 h3 {
	display: inline;
	margin-right: 3em;
        padding:.5em;
        color: #000 !important;
}

.table-programm td.row-02 h3 span {
font-weight: normal;
display: block;
}

.table-programm td.row-03 {
	background-color: #F7FBEE;
}

.table-programm td.col-2 {
	width:200px;
}
.table-programm td.col-3 {
}


/* Tabelle Workshops
--------------------------------------------------------------------------------------- */
.table-workshops {
	border-collapse: separate;
	border-spacing: 0;
	background-color: #F7FBEE;
}

.table-workshops td {
	padding: 5px;
	text-align: left;
	font-weight: normal;
        vertical-align: top;
}
.table-workshops td.row-01 {
	background-color: #D7E8B5;
	font-weight: bold;
        color: #000; 
        border-top: 2px solid #FFF;
        border-bottom: 2px solid #FFF;
}

.table-workshops td.row-02 {
	background-color: #B4D56F;
	font-weight:bold;
	color: #000;
}

div.seminarbereich {
width: 70px;
float: left;
display: inline;
}
div.seminartitel {
width: 500px;
float: left;
display: inline;
}
.table-workshops td.row-02 span {
	font-weight: normal;
display: block;
}


.table-workshops td.row-03 {
	background-color: #F7FBEE;
        padding:.5em;
}
.table-workshops td.col3-1 {
	width:200px;
}
.table-workshops td.col3-2 {

}