/* ************************************************** */
/* ZENTRALE FORMATE */
div#columns{
    background:url(/workshops/images/seminareStart_verlauf.gif); background-repeat:repeat-x;
    background-position: left top;
    position:relative;
    background-color:#fff;
}

div#content, div#success_box{
	font-size:12px;
	position:relative;
}

#gigaTitle_sm{
    position:absolute;
    top:-135px;
    padding:2px 0;
    font-size:20px;
    line-height:0.9em;
    letter-spacing:0.05em; 
    color:#fff;
    text-shadow:2px 2px 2px #222;
}

/* Positionierung des gigaTitle_sm bei schmaleren Bildern im roundedtop wie in Kundenstimmen  */
/* als style-Selektor in der jeweiligen Seite */

#gigaTitle{
    position:absolute;
    top:-100px;
    font-size:30px;
    line-height:1.25em;
    letter-spacing:0.05em; 
    color:#fff;
    text-shadow:2px 2px 2px #222;
}

div#contentMain{
    font-size:13px;
    margin-top:15px;
	width:610px;
	overflow:hidden;
}

.solidBorder{  
    border-bottom:1px solid #CCCCCC;
    padding:9px 0;
}


/* ************************************************** */
/* STARTSEITE MIT TABS */

.roundedtopStart {
    background-image: url("/workshops/images/seminareStart_oben.jpg");
    height:163px;
}


blockquote#zitatStartseite {
    background-image:none;
    padding:0px;
    margin:0px;
    font-style:italic;
	color:#666;
}

p#zitatTitelStartseite{
    font-size:14px;
    font-weight:bold;
    color:#666;
    border-bottom:1px solid #ccc;
    padding:0 0 5px 5px;
}


table#tblStarnberg, table#tblTermine{
    border-top:solid 1px #ccc;
    border-spacing:0px;
	width:600px;
}

table#tblStarnberg{
    font-weight:bold;
}


table#tblStarnberg td:first-child { 
	width:80px;
    border-right:1px dashed #ccc;
    border-bottom:1px dashed #ccc;
    background-color:#e9f4fb; 
	vertical-align:top;
    color:#900;
    font-weight:bold;
}

table#tblTermine td:first-child { 
    width:80px;
    border-right:1px dashed #ccc;
    border-bottom:1px dashed #ccc;
    vertical-align:top;
    color:#08C;
    font-size:14px;
  	font-weight:bold;
}

table#tblStarnberg td, table#tblTermine td{
    vertical-align:bottom;
    padding:7px;
    border-bottom:1px dashed #ccc;
}

table#tblStarnberg td.borderNone, table#tblTermine td.borderNone{
    border:0;
}


/* links von Hotels */
table#tblTermine a:hover{
    text-decoration:underline;
}


.referent{
    color:#08c;
    font-size:12px;
    font-weight:normal;
}


/* ***** */
/* Tabs */

div#tabMain{
    position:absolute;
    top:0px;
    right:5px;
}

.workshopTabs {
    margin-top: 25px;
}


/* Eigenschafter der "Tabs" der Tabbox */
#tabs {
    height: 27px;
    width:300px;
}


/* Eigenschafter des "bodys" der Tabbox */
/* fuer Termine und Agenda identisch ausser BG-Bild */
.tabbox {
    position: relative;
    width: 302px; height: 449px;
    display: block;
    background-repeat: no-repeat;
    margin-bottom: 0px;
    overflow: hidden;
}

/* BG-Pic fuer die Box der Termine */
div#tabbox_termine{
    background-image: url(/workshops/images/workshopTabs/tabBodyTermine.png);
	float:left;
}

/* BG-Pic fuer die Box der Agenda */
div#tabbox_agenda{
    background-image: url(/workshops/images/workshopTabs/tabBodyAgenda.png);
}




/* @@@@@@@@@@@@@@@@@@@@@@@@@@@ AKTIV @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* Eigenschafter der "Reiter" der Tabbox */
/* fuer Termine und Agenda identisch ausser BG der Reiter */
div#tab1.active a:link, div#tab1.active a:visited, div#tab2.active a:link, div#tab2.active a:visited  {
    float: left;
    display: block;
    height: 17px;
    margin-right: 5px;
    padding: 5px 0;
    background-repeat: no-repeat;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    color: #003d86;
}

/* BG-Pic fuer den Reiter der Termine */
div#tab1.active a:link, div#tab1.active a:visited{
    background-image: url(/workshops/images/workshopTabs/tabTermine_on.png);
    width: 145px;
    height: 17px;
}

/* BG-Pic fuer den Reiter der Agenda */
div#tab2.active a:link, div#tab2.active a:visited {
    background-image: url(/workshops/images/workshopTabs/tabAgenda_on.png);
    width: 135px;
    height: 17px;
}


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@ INAKTIV @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
div#tab1.inactive a:link, div#tab1.inactive a:visited, div#tab2.inactive a:link, div#tab2.inactive a:visited {
    float: left;
    display: block;
    height: 17px;
    margin-right: 5px;
    padding: 5px 0;
    background-repeat: no-repeat;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    color: #0088cc;
}


/* BG-Pic fuer den Reiter der Termine */
div#tab1.inactive a:link,div#tab1.inactive a:visited{
    background-image: url(/workshops/images/workshopTabs/tabTermine_off.png);
    width: 145px;
}

/* BG-Pic fuer den Reiter der Agenda */
div#tab2.inactive a:link,div#tab2.inactive a:visited{
    background-image: url(/workshops/images/workshopTabs/tabAgenda_off.png);
    width: 135px;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@ INAKTIV HOVER @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
div#tab1.inactive a:hover, div#tab2.inactive a:hover {
}


/* BG-Pic fuer den Reiter der Termine */
div#tab1.inactive a:hover{
    background-image: url(/workshops/images/workshopTabs/tabTermine_on.png);
    width: 145px;
}

/* BG-Pic fuer den Reiter der Agenda */
div#tab2.inactive a:hover{
    background-image: url(/workshops/images/workshopTabs/tabAgenda_on.png);
    width: 135px;
}


/* ****************** */
/* Inhalte der Tabbox */

/* Inhalt Veranstaltungen */
div#tabbox_termine table#tblTabTermine, div#imGespraech_box table#tblImGespraech, table#tblWeitereVeranstaltungen{
    width:290px;
    padding:5px;
    margin:0 5px;
    border-spacing:0px;
}

/* Veranstaltungen - boxen rechts - 0 padding */
div#imGespraech_box table#tblImGespraech, table#tblWeitereVeranstaltungen{
    padding:0px;
}

div#tabbox_termine table#tblTabTermine td, div#imGespraech_box table#tblImGespraech td, table#tblWeitereVeranstaltungen td {
    border-bottom:1px dashed #ccc;
    border-top:none;
    padding:9px 0 ;
}   
table#tblWeitereVeranstaltungen td {
    padding: 5px;
}

/* Inhalt Agenda */
div#tabbox_agenda table#tblTabAgenda{
    width:290px;
    padding:5px;
    margin:5px;
    border-spacing:0px;
}

div#tabbox_agenda table#tblTabAgenda td:first-child { 
    border-bottom:1px dashed #ccc;
    border-right:1px dashed #ccc;
	color:#900;
	font-size:13px;
	font-weight:bold;
}

div#tabbox_agenda table#tblTabAgenda td{
    border-bottom:1px dashed #ccc;
    padding:5px 0;
	vertical-align:top;
	font-weight:bold;
}


/* ************************************************** */
/* VERANSTALTUNGSORTE */

.roundedtopVeranstaltungen{
    background-image: url("/workshops/images/veranstaltungen_oben.jpg");
    height:193px;
    background-color:#003f7d;
}

div#orte {
	position:absolute; 
	top:-135px; 
	width:100%; 
	padding:0px;
}

div#orte img {
	margin-right:17px;
    border: solid 2px transparent;
}

div#orte img:hover {
	cursor:pointer;
    border: solid 2px #fff
}


img{
    border:none;
}


div#veranstaltungen_BoxenRechts{
    width:300px; 
    position:absolute; 
    top:0px;
    right:20px;
}


/* SIEHE auch Inhalte der Tabbox */
div#imGespraech_box{
    background-image:url("/images/evolution/boxen/box_blaugradient_300.png");
    background-repeat:no-repeat;
    width:290px;
    height:298px;
	padding:5px;
}


div#imGespraech_box p#titelImGespraech{
	padding:4px 0 5px 8px;
	margin:0px;
	font-weight:bold;
	color:#003D86;
	border-bottom: 1px solid #0079c8;
}

div#imGespraech_box table#tblImGespraech td, table#tblWeitereVeranstaltungen td {
	vertical-align:top;
}

div#imGespraech_box table#tblImGespraech span.referent,  table#tblWeitereVeranstaltungen td.referent{
    font-weight:bold;
}


div#weitereVeranstaltungen_box{
	/*
    background-image:url("/images/evolution/boxen/box_graugradient_302.png");
    background-repeat:no-repeat;
    width:292px;
    height:176px;
    padding:5px;
	margin-top:80px;
    */
}

 p#titelWeitereVeranstaltungen{
    padding:8px 0 8px 13px;
    margin:0px;
    font-weight:bold;
    color:#666;
    border-bottom: 1px solid #ccc;
}



/* ************************************************** */
/* KUNDENSTIMMEN */

.roundedtopKundenstimmen {
    background-image: url("/workshops/images/kundenstimmen_oben.jpg");
    height:73px;
}


p.lBottomGrey{
	padding:0px;
}


blockquote {
	background-image:url("/workshops/images/kundenmeinungen.png");
	background-repeat:no-repeat;
	padding:0px 0 5px 40px;
	margin:0px;
	font-style:italic;
}


/* ************************************************** */
/* BILDERGALERIE */

.roundedtop_bildergalerie{
	background-image: url("/workshops/images/bildergalerie_oben.png");
    height:56px;
    background-color:#003f7d;
}

div#columns_bildergalerie{
	background:url(/workshops/images/bildergalerie_verlauf.gif);
    background-repeat:repeat-x;
    background-position: left top;
    position:relative;
    background-color:#0072b9;
}


div#contentMain table#tblBildergalerie img{
    border: 3px solid #fff;
}


div#contentMain table#tblBildergalerie td{
	padding:10px 10px 10px 0;
}

.roundedbottom_bildergalerie{
	background-image:url("/workshops/images/bildergalerie_unten.png");
	background-repeat:no-repeat;
	height:10px;
	width:980px;
}


/* ************************************************** */
/* ANMELDUNG */

div#anmeldung{
    position:relative;
}

.roundedtopAnmeldung {
    background-image: url("/workshops/images/anmeldung_all.jpg");
    height:820px;
}

div#anmeldung p {
    margin:10px 0;
    padding:0;
}

div#formular_box{
    position:absolute;
    top:90px;
    left:30px;
    width:690px;
	/*background-color:#ccc;*/
}

table#tblForm1{
	border-spacing:0;
	border-collapse:collapse;
    width:640px;
	margin:15px 0 0 25px;
}

table#tblForm1 td{
	padding-top:3px;
}

table#tblForm1 td img{
    padding-right:22px;
}	
	

.inputfield {
	width:250px;
	height:20px;
	border:1px solid #CCCCCC;
	font-size:13px;
}


label {
	margin-bottom:10px;
	padding-left:60px;
	font-size:13px;
	font-weight:bold;
	color:#666;
}


input.inputfield:active, input.inputfield:focus, input.inputfield:hover{
	border-color:#007FD2 !important;
}

img#captcha{
	width:200px;
	height:60px;
	vertical-align:middle;
	float:left;
}

p#registrationMessage{
	font-weight:bold;
	color:#990000;
}


/* ************************************************** */
/* ANMELDUNG FEEDBACK */

.roundedtopAnmeldungFeedback {
    background-image: url("/workshops/images/anmeldungFeedback_all.jpg");
    height:370px;
}


div#anmeldungFeedback{
	position:relative;
	/*padding:6px 20px 20px 30px;*/
}


div#success_box{
	position:absolute;
    top:100px;
    left:100px;
    width:550px; 
    height:150px; 
}


.err_type_success {
    background-image:url("/images/evolution/portfolio/successCode_img.gif");
    background-repeat:no-repeat;
    color:#006600;
    font-size:1.2em;
    font-weight:bold;
    height:52px;
    line-height:30px;
    margin:10px 0 0 0px;
}

.err_type_success em {
    font-style:normal;
    margin-left:70px;
}


input#refreshCaptcha {
    background-image:url("/workshops/images/buttons/reload.gif");
    background-repeat:no-repeat;
    height:23px;
    width:25px;
    text-decoration:none;
    cursor:pointer;
}

input#refreshCaptcha:hover {
    background-position:0 -23px;
}


/* Hacks fuer IE7 */

* + html div#anmeldung p{
    margin:10px 0 0 0;
}

* + html div#imGespraech_box table#tblImGespraech td, * + html table#tblWeitereVeranstaltungen td {
	padding:6px 0;
}