/* CSS Document */

/*verwendete farben*/

/****** #333333 = pink ******************/
/****** #678b3f = beige *********/
/****** #CC0066 = turkis ***************/
/****** #980e4a = weinrot ***************/
/****** #005fb5 = hellblau ***************/
/****** #458b0f = gruen ***************/
/****** #CC0066 = turkis ***************/
/****** #2b178b = dunkelblau ***************/
/****** #adb8bb= grauNavi ***************/
/****** #eaecea= grauNavihell ***************/

/* Layout */
body, td {
  	padding:0px;
  	margin:0px;
  	background-color:#fff;
  	font-family:arial,sans-serif;
  	font-size:12px;
  	line-height:1.5em;
	
}
body {
	/*background-image:url(../../img/bg_body.jpg);
	background-repeat:repeat-x;*/
}
a {
	text-decoration:none;
	color:#000000;
}
a.fett
{
    font-weight:bold; 
    color:#000000;   
}
a.underline
{
    text-decoration:underline;
}
a:hover {
	color:#cc3366;
	text-decoration:none;
}

.fett
{
    font-weight:bold; 
    color:#000000;   
}
img a, img {
	border:0;
}
#all, #middle, #header {
	width:1024px;
	background-color:#fff;
}	

/*#header {
  	height:135px;
  	margin:0px;
  	position:absolute;
  	top:0;
  	left:0;
}*/
#middle {
  	position:relative;
  	width:100%;
  	margin-top:0px;
}
#center {
  	margin:0px 259px 0px 192px;
  	background-color:#fff;
  	background-image:url(../../img/bg_content.jpg);
  	background-repeat:repeat-x;
  	height:100%;
}
#coll {
	position:absolute;
  	top:0px;
  	left:0px;
  	width:192px;
  	min-height:700px;
  	background-color:#cecfce;
  	/*background-image:url(../../img/bg_scnnavi.jpg);
  	background-repeat:repeat-x;*/
  	height:100%;
  	
}
#colr {
  	position:absolute;
  	top:0px;
  	right:0px;
  	width:259px;
  	min-height:700px;
  	background-color:#eaecea;
  	height:100%;
}

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

.clearfix {display: inline-block;}

* html .clearfix {height: 1%;}
.clearfix {display: block;}

#logo img {
	margin:20px 20px;
}
#logo {
	width:600px;
	float:left;
}
#content, #breadcrumb {
	margin:15px;
}
#content, td, tr {
	background-color:#fff;
}
#breadcrumb {
	padding-top:10px;
	color:Black;
}
/*#wrapper {
  	background-color:#adb8bb;
  	
}
#zweige {
	border-collapse:collapse;
}*/
#zweige td.icon {
	width:106px;
}
#zweige td.text {
	width:165px;
}
#fullheightcontainer {
	BACKGROUND-IMAGE: url(../../img/bg_main.jpg); 
	MARGIN: auto; 
	WIDTH: 1024px; 
	BACKGROUND-REPEAT: repeat-y; 
	POSITION: relative; 
	HEIGHT: 100%; 
	TEXT-ALIGN: left
}
#wrapper {
	MIN-HEIGHT: 100%; /*BACKGROUND: url(../images/bg_right.gif) #cdcdcd repeat-y right 50%;*/ HEIGHT: 100%
}
#wrapper {
	HEIGHT: auto
}
* HTML #wrapper {
	HEIGHT: 100%
}
/* Styles */

h1 {
	font-size:18px;
	font-weight:bold;
	padding-top:15px;
	
}
h1.seminarHeader
{
    font-size:18px;
	font-weight:bold;
	padding-top:15px;
	padding-bottom:15px;
}
h3.seminarliste
{
    font-size:12px;
    font-weight:normal;
	margin-top:15px;
	margin-bottom:2px;
	
	line-height:14px;
}

h2 
{
    font-size:16px;
    font-weight:bold; 
}
h3 
{
    font-size:12px;
    font-weight:bold; 
}

h3.seminarSubHeader
{
    font-size:16px;
    font-weight:bold; 
    line-height:5px; 
}
#service {
	width:360px;
	float:right;
  	text-align:right;	
	margin-right:25px;
}
/*#service a, #service a:visited {
	text-decoration:underline;
}
#service a:hover {
	color:#cc3366;
	text-decoration:underline;
}
#service ul li {
	float:left;
	list-style:none;
	margin-left:10px;
}*/
#tel {
	font-weight:bold;
	color:#666;
	margin:6px 22px 12px 0;
}
.pink {
	color:#cc3366;
}
.beige {
	color:#736a00;
}
.turkis {
	color:#009a8d;
}
.weinrot {
	color:#980e4a;
}
.hellblau {
	color:#005fb5;
}
.gruen {
	color:#458b0f;
}
.dunkelblau {
	color:#2b178b;
}
.search {
	width:120px;
	height:14px;
	border:1px #000 solid;
}
.searchSeminar {
	width:230px;
	font-size:12px;
	border:1px #000 solid;
	
}
.searchButtonSeminar {
	width:230px;
	font-size:12px;	
}
.searchRubrikHeader
{
    /*border: 1px solid #2F4F4F;
    border-bottom-color:#FFFFFF;
    border-bottom-style:solid;
    border-bottom-width:2px;*/
    color: black;
    /*background-color: #009a8d;*/
    background-color:  #cecfce;
    font-weight: bold;
    font-size:14px;
    padding: 15px;
    margin-top: 0px;
    margin-bottom: 5px;    
}

.buttonsearch {
	vertical-align:bottom;
}
#searchbox {
	text-align:right;
}

.teaser {
	font-weight:bold;
	font-size:13px;
	color:#526373;
	
	margin-bottom:20px;
}
.seminarTeaser
{
    font-weight:bold;
	font-size:13px;
	color:#526373;
	line-height:15px;
}
.terminAnzeigen{
    font-weight:bold;
	font-size:13px;
	color:#cc3366;
	
}

.terminAnzeigen:hover{
    text-decoration:underline;
}



#secondnavi ul {
	margin:20px;
	padding-left:0;
}
#secondnavi ul li{
	list-style:none;
	margin-top:8px;
	text-transform:uppercase;
}
#secondnavi ul li a {
	font-weight:bold;
	font-size:11px;
	color:#181919;
	letter-spacing:0.1em;
	text-decoration:none;
}
.balken {
	background-image:url(../../img/balkenr.jpg);
	background-repeat:no-repeat;
	height:23px;
	width:259px;
}
.balken a {
	color:#d1dfc3;
	font-size:11px;
	text-decoration:none;
	margin:10px;
	line-height:2em;
}
#news {
	/*margin:15px;*/
	margin:0px;
}
#news a h2 {
	font-family:Georgia,"Times New Roman",Serif;
	font-size:18px;
	text-decoration:none;
}
#news a:visited, #news a:hover, #news a {
	text-decoration:none;
}
/* Navi */
#navi {
	height:33px;
	position:absolute;
	top:105px;
	right:0;
	left:33px;
	font-size:11px;
	text-transform:uppercase;
	width:1034px;
}
#navi a {
	display:block;
	width:140px;
	height:30px;
	color:#fff;
	text-decoration:none;
	padding-left:20px;
	line-height:1.1em;
	letter-spacing:0.1em;
}
#navi a:visited, #navi a:hover {
	color:#fff;
}
#navi ul li {
	float:left;
	list-style:none;
}
#navi ul {
	padding:0;
	margin:0;
}
#it-systembetreuung {
	width:148px;
	height:30px;
	background-image:url(../../img/navi/it-systembetreuung.jpg);
	background-repeat:no-repeat;
}
#sym-saas {
	width:140px;
	height:30px;
	background-image:url(../../img/navi/sym-saas.jpg);
	background-repeat:no-repeat;
}
#it-sicherheit {
	width:140px;
	height:30px;
	background-image:url(../../img/navi/it-sicherheit.jpg);
	background-repeat:no-repeat;
}
#seminare-workshops {
	background-image:url(../../img/navi/seminare-workshops.jpg);
	width:144px;
	background-repeat:no-repeat;
}

#it-consulting {
	width:146px;
	height:30px;
	background-image:url(../../img/navi/it-consulting.jpg);
	background-repeat:no-repeat;
}
#software-entwicklung {
	width:140px;
	height:30px;
	background-image:url(../../img/navi/software-entwicklung.jpg);
	background-repeat:no-repeat;
}
#fachartikel {
	width:143px;
	background-image:url(../../img/navi/fachartikel.jpg);
	background-repeat:no-repeat;
}
#navi ul li a {
	padding-top:2px;
}
#sym-saas a{
	margin-top:10px;
}

/* Zwe
.terminPanel
    visibility:hidden;{
 
    }
ige Tabelle */
.weinrotb {
	border-bottom:3px solid #980e4a;
	margin-right:2px;
}
.beigeb {
	border-bottom:3px solid #736a00;
}
.turkisb {
	border-bottom:3px solid #009a8d;
}
.hellblaub {
	border-bottom:3px solid #005fb5;
}
.gruenb {
	border-bottom:3px solid #458b0f;
}
.dunkelblaub {
	border-bottom:3px solid #2b178b;
}
.panel
{
    visibility:hidden;    
}
.actionsSeminar
{
    color: #cc3366;
    font-size: 12px;
    font-weight: bold;
    padding-left: 50px;
    text-align: center;
}
.unterFilterHeader
{
    /*border: 1px solid #2F4F4F;*/
    color: black;
    background-color: #cecfce;
    font-weight: bold;
    font-size:14px;
    padding: 5px;
    margin-top: 2px;
    
}

.unterFilterContent
{
    background-color: #eaecea;
    /*border: 1px dashed #2F4F4F;*/
    border-top: none;
    padding: 5px;
    padding-top: 3px;
    font-size:11px;
}
.autoCompleteListItem
{
    background-color: #cecfce;
    border: 0px dashed #2F4F4F;
    border-bottom: solid 1px #FFFFFF;
    border-top: none;
    padding: 5px;
    padding-top: 2px;
    font-size:11px;
    font-family:arial;
   
}

.autoCompleteListItemEl
{
    margin:0px;
    background-color: #cecfce;
    border: 0px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 2px;
    font-size:11px;
    font-family:arial;
    list-style-type : none;
    overflow : auto;
	height : 350px;
	 cursor:pointer;
}
/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 350px;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #eaecea;
	color: black;
	padding: 7px;
	font-family:arial;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}


/*Formelemente Buchungsformular:*/

.formbox {
  width: 100%;
  color: #000;
  background-color: #eaecea;
  border: 1px solid #666;
  padding-top:20px;
  padding-bottom:20px;
  margin-top:40px;
}

.reihe {
  clear: both;
  padding: 2px 0px;
}

.label {
  float: left;
  width: 120px;
  text-align: right;
  padding-top: 3px;
  padding-right: 5px;
}

.feld {
  float: right;
  width: 390px;
  text-align: left;
} 
.feldSeminarauswahl {
  float: right;
  width: 390px;
  text-align: left;
  padding-top: 3px;
  
}
.labelSeminarauswahl {
  float: left;
  width: 120px;
  text-align: right;
  padding-top: 3px;
  padding-right: 5px;
  font-weight:bold;
}

.knopf {
  clear: both;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 30px;
}

.defbreite {
  width: 260px;
}
.textfield
{
    width:300px;
    border-width:1px;
    border-color:Black;
}
.combobox
{
    width:150px;
    border-width:1px;
    border-color:Black;
}
.submit
{
    width:303px;
    /*border-width:1px;
    border-color:Black;*/
}
.teilnehmerTabelle
{
    border-width:0px;
    border-style:none;    
}

/*
    Listendarstellung Seminare:
*/
.seminarListe
{
   padding-top:15px;
    }
.seminarListeBuchungsTabelle
{
    padding-top:5px;
    padding-bottom:5px;
}
.detailsLink
{
    padding-left:10px;
    color:#cc3366;
    font-weight:bold;    
}
.detailsLink:hover
{
    text-decoration:underline;   
}
.stadtAuswahlPanel
{
    background-color:#eaecea;
    margin:5px 5px 5px 5px;
    padding:5px 5px 5px 5px;
    border-style:solid;
    border-width:1px;
    border-bottom-color:#000000;
    /*height:0px;*/
    overflow:hidden
}

.standortBuchen{
    
    border-bottom-style:solid;
    border-bottom-color:Red;
    border-bottom-width:1px;
    background:url("../../img/standortBuchen2.gif") no-repeat;
}

.panelTermine
{
    height:0px;
    overflow:hidden
}

.margentaLink
{
    color:#cc3366;    
}
.margentaLink:hover
{
    text-decoration:underline;    
}
.margentaLinkBold
{
    color:#cc3366;
    font-weight:bold;    
}
.margentaLinkBold:hover
{
    text-decoration:underline;    
}

.terminZeileW
{
    height:25px;
}

.terminZeileG
{
    height:25px;
    background-color:#eaecea;
}
/*linkliste unten*/
UL#navlist2nd {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; Z-INDEX: 1; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 20px; WIDTH: 160px; BOTTOM: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: relative
}
UL#navlist2nd LI {
	DISPLAY: inline; FONT-SIZE: 10px; COLOR: #49616b; LINE-HEIGHT: 11px
}
UL#navlist2nd LI A {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-WEIGHT: normal; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 10px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #000; PADDING-TOP: 2px; TEXT-ALIGN: left; BORDER-RIGHT-WIDTH: 0px; TEXT-DECORATION: none
}
UL#navlist2nd LI A:hover {
	FONT-WEIGHT: bold; BACKGROUND: none transparent scroll repeat 0% 0%
}
UL#navlist2nd LI A:focus {
	FONT-WEIGHT: bold; BACKGROUND: none transparent scroll repeat 0% 0%
}

.nav2nd {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LEFT: 0px; PADDING-BOTTOM: 20px; OVERFLOW: visible; WIDTH: 160px; BOTTOM: 0px; PADDING-TOP: 70px; POSITION: relative; HEIGHT: 128px; TEXT-ALIGN: left;margin-top:70px
}