/*************************************************************************/
/**** CSS - Marketing & Kommunikation ************************************/
/**** June 2009 **********************************************************/
/*************************************************************************/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/**** START design debug *************************************************/

/**** END design debug ***************************************************/
body{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#373437;
	line-height:16px;
}

/*** Alle Bilder ohne Rahmen **********************************************/
img{
	border:none;
}
a{
	color:#44c0eb;
	text-decoration:none;
}
a:hover{
	color:#333333;
	text-decoration:none;
}
a:active{
	outline:none;
}
a:focus{
	-moz-outline-style:none;
}
li{
	font-family:Arial, Helvetica, sans-serif;
	line-height:14px;
}
.imageR{
	float:right;
	clear:none;
	padding:0px 0px 20px 20px;
}
.imageL{
	float:left;
	clear:none;
	padding:0px 10px 0px 0px;
}

h1{
	color:#373437;
	font-size:14px;
	margin:0px;
	padding-bottom:10px;
}
h2{
	color:#373437;
	font-size:13px;
	padding:0px;
	margin:0px;
}
h3{
	color:#373437;
	font-size:12px;
	line-height:12px;
	margin:0px;
	padding: 5px 0px 5px 0px;
}
h4{
	color:#373437;
	font-size:13px;
	padding-top:1px;
	padding-bottom:5px;
	margin:0px;
}
h5{
	height:100%;
	background-color:#e3e3e3;
	font-size:14px;
	font-weight:bold;
	padding:5px 0px 5px 10px;
}
/**** Formularfelder *******************************************/
.formfix{
	border:1px solid #CCCCCC;
	font-size:12px;
}
.formsearch{
	width:300px;
	height:14px;
	border:1px solid #CCCCCC;
	font-size:12px;
}
.formfix1{
	font-family:Arial, Verdana, sans-serif;
	font-size:22px;
	font-weight:bold;
	width:80px;
	height:24px;
	border:1px solid #CCCCCC;
	text-transform:uppercase;	
}
.loginputbutton, .button{
	background-color:#44c0eb;
	border:1px solid #44c0eb;
	color:#FFFFFF;
	font-size:11px;
}
.formfield{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	height:13px;
	border: 1px solid #b2b3b4;
	padding-left:4px;
}
.button{
	background-color:#44c0eb;
	border:1px solid #44c0eb;
	color:#FFFFFF;
	font-size:11px;
}
.formarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	border: 1px solid #b2b3b4;
	padding-left:4px;
}
input[type="submit"]{
	background-color:#44c0eb;
	border:1px solid #44c0eb;
	color:#FFFFFF;
	font-size:11px;
}
/****  Breadcrump **********************************************/
#breadcrump{
	float:right;
	clear:none;
	color:#333333;
	text-align:right;
	padding:35px 20px 0px 0px;
}
#breadcrump a{
	color:#333333;
}
#breadcrump a:hover{
	color:#44c0eb;
}

/**** Gerüst ***************************************************/
#main{
	float:left;
	clear:none;
	width:1270px;
	margin:0px;
	padding:0px;
}
#page{
	float:left;
	clear:none;
	width:956px;
	padding:0px;
	margin:0px;
}

/**** Header mit Logo und Banner******************************/
#header{
	float:left;
	clear:none;
	width:956px;
	height:161px;
	padding:0px;
	margin:0px;
	background-image:url(/pagemedia/design/bg-header.gif);
	background-repeat:repeat-x;
	background-position:left top;
}
#logo{
	float:left;
	clear:none;
	width:452px;
	padding:39px 0px 0px 25px;
}
#topbanner{
	float:left;
	clear:none;
	width:479px;
	padding-top:30px;
}

/**** Top navigation ERSTE STUFE ******************************/
#topnavigation{
	float:left;
	clear:none;
	width:956px;
	height:18px;
	background-color:#dade2f;
	font-weight:bold;
	margin:0px;
	padding:0px;
	vertical-align:middle;
}
#topnavigation ul{
	float:left;
	clear:none;
	margin:0px;
	padding-left:25px;
}
#topnavigation ul li{
	float:left;
	clear:none;
	line-height:18px;
	list-style-type:none;
	margin:0px 3px 0px 0px;
	vertical-align:middle;
}
#topnavigation ul li.active{
	background-color:#44c0eb;
	margin:0px 3px 0px 0px;
}
#topnavigation ul li a{
	float:left;
	clear:none;
	color:#ffffff;
	text-align:center;
	background-color:#373437;
	padding:0px 10px 0px 10px;
}
#topnavigation ul li a:hover{
	color:#c6cb1c;
}
#topnavigation ul li a.active{
	color:#ffffff;
	background-color:#44c0eb;
	
}
#linie{
	float:left;
	clear:none;
	background-color:#44c0eb;
	width:931px;
	height:10px;
	margin-left:25px;
}
/*ZWEITE STUFE*/
#subnavigation{
	float:left;
	clear:none;
	width:956px;
	height:30px;
	font-size:12px;
	color:#3d3d3d;
	margin:0px;
	padding:0px 0px 15px 0px;
	vertical-align:middle;
	background-color:#f7f7f7;
}
#subnavigation ul{
	float:left;
	clear:none;
	list-style-type:none;
	margin:0px;
	padding-left:25px;
}
#subnavigation ul li{
	float:left;
	clear:none;
	line-height:30px;
	list-style-type:none;
	padding-left:15px;
}
#subnavigation ul li.subactive{
	color:#48bce8;
	font-weight:bold;
}
#subnavigation ul li a{
	float:left;
	clear:none;
	color:#848084;
	height:18px;
	text-align:center;
}
#subnavigation ul li a:hover{
	color:#48bce8;
}
#subnavigation ul li a.subactive{
	color:#48bce8;
	font-weight:bold;
	background-image:url(/pagemedia/buttons/subNavi.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

/**** Menu Kompetenzen ******************************/
#kompetenzmenu a{
	float:left;
	clear:none;
	width:180px;
	height:10px;
	font-weight:bold;
	padding-bottom:10px;
	color:#44c0eb;
}
#kompetenzmenu a:hover, #kompetenzmenu a.active{
	width:180px;
	color:#333333;
}

/***************************************************************/
#mainContent{
	float:left;
	clear:none;
	width:956px;
	padding:0px;
	margin:0px;
	background-color:#f7f7f7;
}
#content{
	float:left;
	clear:none;
	width:931px;	
	min-height:550px;
	height:auto !important;
	height:550px;
	margin-left:25px:
	background-image:url(/pagemedia/design/bg-content.gif);
	background-repeat:repeat-y;
	background-position:top;
}
#leftcontent{
	float:left;
	clear:none;
	width:656px;
	padding-left:20px;
	padding-right:40px;
	background-color:#f7f7f7;
}
#leftcontent .trennlinie{
	float:left;
	clear:none;
	width:656px;
	padding:10px 0px 5px 0px;
	background-image:url(/pagemedia/design/dotted.gif);
	background-repeat:repeat-x;
	background-position:left;
}

#leftcontent .trennueberschrift{
	float:left;
	clear:none;
	width:616px;
	padding:10px 10px 5px 10px;
	background-image:url(/pagemedia/design/dotted.gif);
	background-repeat:repeat-x;
	background-position:left top;
}
#leftcontent .trennlinieHalb{
	float:left;
	clear:none;
	width:300px;
	padding:10px 0px 5px 0px;
	background-image:url(/pagemedia/design/dotted.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
}
#leftcontent .spalte1{
	float:left;
	clear:none;
	width:300px;
	padding-right:25px;
	padding-bottom:20px;
}
#leftcontent .spalte2{
	float:left;
	clear:none;
	width:300px;
	padding-left:25px;
	padding-bottom:20px;
}
#leftcontent .nummer{
	float:left;
	clear:none;
	width:59px;
	height:45px;
	color:#ffffff;
	font-size:20px;
	font-weight:bold;
	padding:15px 0px 0px 22px;
	background-image:url(/pagemedia/design/nummer.gif);
	background-repeat:no-repeat;
	background-position:left top;
}
#leftcontent .nummerText{
	width:320px;
	margin:0px;
	padding:0px;
}
#leftcontent .mehr a{
	color:#999797;
}
#leftcontent .mehr a:hover{
	color:#44c0eb;
}
.boxfull{
	float:left;
	clear:none;
	width:654px;
	padding:0px;
	margin-top:5px;
	margin-bottom:10px;
}
#leftcontent .boxsmall{
	float:left;
	clear:none;
	width:162px;
	padding:0px;
	margin:0px;
}
#leftcontent .boxsmall h1{
	color:#373437;
	font-weight:normal;
	font-size:12px;
	padding-top:8px;
	margin:0px;
}
#leftcontent .boxsmall img{
	padding:4px;
	border:1px solid #CCCCCC;
}
/****Galerien von Laut uns Spitz  *******************************************/
#lsGalerie{
	width:670px;
	padding:0px;
	margin:0px;
}
#lsGalerie .list{
	width:130px;
	padding:5px 0px 0px 0px;
	border-bottom:1px solid #333333
}
#lsGalerie .left{
	float:left;
	clear:none;
	width:130px;
	padding:0px;
}
#galerieRight{
	float:left;
	clear:none;
	width:500px;
	padding-left:15px;
	margin:0px;
}
/**** Rechte Spalte ********************************************************/
#rightcontent{
	float:left;
	clear:none;
	width:215px;
	overflow:hidden;
}
#rightcontent .rightblau{
	width:185px;
	padding:20px 15px 20px 15px;
	background-color:#f7f7f7;
	background-image:url(/pagemedia/design/linien_blau.gif);
	background-repeat:repeat-y;
	background-position:left bottom;
}
#rightcontent .titelblau{
	width:195px;
	height:31px;
	padding-left:20px;
	padding-top:20px;
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	background-image:url(/pagemedia/design/header_blau.gif);
	background-repeat:no-repeat;
	background-position:left top;
}
#rightcontent .footerblau{
	width:215px;
	height:5px;
	padding:0px;
	margin:0px;
	background-image:url(/pagemedia/design/footer_blau.gif);
	background-repeat:no-repeat;	
}
#rightcontent .rightpink{
	width:185px;
	padding:20px 15px 20px 15px; 
	background-color:#f7f7f7;
	background-image:url(/pagemedia/design/linien_pink.gif);
	background-repeat:repeat-y;
	background-position:left top;
}
#rightcontent .titelpink{
	width:195px;
	height:31px;
	padding-left:20px;
	padding-top:20px;
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	background-image:url(/pagemedia/design/header_pink.gif);
	background-repeat:no-repeat;
	background-position:left top;
}
#rightcontent .footerpink{
	width:215px;
	height:5px;
	padding:0px;
	margin:0px;
	background-image:url(/pagemedia/design/footer_pink.gif);
	background-repeat:no-repeat;	
}

#rightcontent .rightorange{
	width:185px;
	padding:20px 15px 20px 15px; 
	background-color:#f7f7f7;
	background-image:url(/pagemedia/design/linien_orange.gif);
	background-repeat:repeat-y;
	background-position:left top;
}
#rightcontent .titelorange{
	width:195px;
	height:31px;
	padding-left:20px;
	padding-top:20px;
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	background-image:url(/pagemedia/design/header_orange.gif);
	background-repeat:no-repeat;
	background-position:left top;
}
#rightcontent .footerorange{
	width:215px;
	height:5px;
	padding:0px;
	margin:0px;
	background-image:url(/pagemedia/design/footer_orange.gif);
	background-repeat:no-repeat;	
}
#rightcontent .adsense{
	text-align:center;
	width:215px;
	padding:3px 0px 5px 0px; 
	background-color:#e3e3e3;
}
#rightcontent .marketingideen{
	width:200px;
	padding:7px;
}
#rightcontent .marketingideen a{
	color: black;
}
#rightcontent .marketingideen a:hover{
	color: #44c0eb;
}
#rightcontent .sponsor{
	text-align:center;
	width:210px;
	padding:5px 0px 15px 7px; 
	background-color:#e3e3e3;
}
#rightcontent .sponsorname{
	text-align:center;
	font-weight:bold;
	font-size:13px;
	padding-bottom:10px;
}
#firmenrechts{
	width:190px;
	padding:0px 10px 0px 10px;
	background-color:#f7f7f7;
}
/**** Galerie ***************************************************************************************/
#galerie{
	float:left;
	clear:none;
	width:100%;
}
#galerie .galerieBild{
	float:left;
	clear:none;
	width:100%;
}
#galerie .galerieText{
	float:left;
	clear:none;
	width:100%;
	padding:10px 0px 20px 0px;
}

/**** Agenda ******************************************/
#calendar{
	width:190px;
	font-size:11px;
}
#calendar a{
	text-decoration:none;
}
#calendar td{
	margin:1px;
	padding:1px;
}
#calendar th{
	margin:1px;
	padding:1px;
}
#calendar #title{
	background-color:#e0e0e0;
}
.calendardetail{
	text-align:left;
	z-index:1;
	position:absolute;
	width:250px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	padding:5px;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
}
.firstweek{
}
.lastweek{
}
.today{
	font-weight:bold;
	background-color:#f8b016;
	color:#FFFFFF;
}
.termin{
	font-weight:bold;
	background-color:#44c0eb;
	color:#FFFFFF;
	display:block;
}
einheit{
	height:5px;
	background-color:#e3e3e3;
	font-size:14px;
	font-weight:bold;
	padding:6px;
}
.blank{
	background-color:#e0e0e0;
}

/**** Fusszeile ***********************************************/
#footer{
	float:left;
	clear:none;
	width:946px;
	padding:10px 0px 10px 20px;
}

/**** BANNER rechts ******************************************/
.rightbanner{
	float:left;
	clear:none;
	width:300px;
	margin:0px;
	padding:0px 0px 0px 10px;
}

/**** Marktplatz ******************************************/
#marktplatz{
	float:left;
	clear:none;
	width:658px;
	height:100%;
}
#marktplatz .beschreibung{
	float:left;
	clear:none;
	width:658px;
	margin:0px 0px 10px 0px;
}
#marktplatz .listCity{
	float:left;
	clear:none;
	width:100%;
}
#tab{
	width:658px;
	height:100%;
}
.newstab{
	width:658px;
	height:22px;
	background-color:#e3e3e3;
	font-size:14px;
	font-weight:bold;
	margin:0px 0px 10px 0px;
	padding:5px 0px 0px 10px;
}
.newsitem{
	float:left;
	clear:none;
	width:658px;
	margin:0px;
	text-align:left;
	padding:0px 0px 20px 0px;
	cursor:pointer; 
	cursor:hand; 
}
.newstabMP{
	width:658px;
	height:22px;
	background-color:#e3e3e3;
	font-size:14px;
	font-weight:bold;
	margin:0px 0px 10px 0px;
	padding:5px 0px 0px 10px;
}
.newsitemMP{
	width:658px;
	margin:0px;
	text-align:left;
	padding:0px 0px 20px 0px;
	cursor:pointer; 
	cursor:hand; 
} 
.newsitem h5{
	margin:0px 0px 5px 0px;
}
.newslead{
	padding:0px 0px 0px 10px;
}

.limit286{
	float:left;
	clear:none;
	width:286px;
	padding:0px 0px 20px 10px;
	background-color:#e3e3e3;
	color:#666666;
}

#newsitemsmall{
	float:left;
	clear:none;
	width:468px;
	text-align:left;
	margin:0px;	
	padding:0px;
	cursor:pointer; 
	cursor:hand;
}
#newsitemsmall h5{
	font-size:14px;
	font-weight:bold;
	padding-left:10px;
	margin:10px 0px 10px 0px;
}
#newsitemsmall .smallinfo{
	font-size:12px;
	font-weight:normal;
}
#pagenav{
	float:left;
	clear:none;
	padding-top:10px;
}
/**** Meetingpoints ******************************************/
#meetingpoints{
	float:left;
	clear:none;
	overflow:hidden;
}
#meetingpoints .row1{
	background-color:#e0e0e0;
}
#meetingpoints .row2{	
}
#meetingpoints .anker{
	float:left;
	clear:none;
	text-align:center;
	margin:2px;
	padding:4px;
	cursor:pointer;vertical-align:middle;
	font-weight:bold;
	background-color:#e0e0e0;
}
#meetingpoints .ankertitel{
	color:#373437;
	font-weight:bold;	
	padding:10px 0px 0px 0px;
}
#meetingpoints .mplinie{
	width:100%;
	height:1px;
	padding:0px;
	margin:0px;
	border-top:1px solid #373437;
}
/**** Kompetenzfirmen ************************************/
#kompetenzfirmen{
}
#kompetenzfirmen .zrow{
	float:left;
	clear:none;
	width:100%;
}
#kompetenzfirmen .flogo{
	float:left;
	clear:none;
	width:160px;
}
#kompetenzfirmen .fdescription{
	float:left;
	clear:none;
	width:500px;
	font-weight:bold;
}
#kompetenzfirmen .pagenav{
	margin-top:10px;
	text-align:center;
	width:100%;
}
.searchrow{
	border-bottom:1px dotted #44c0eb;
	padding:2px 2px 2px 2px;
}
#news1{
	width:100%;
	min-height:40px;
	height:auto !important;
	height:40px;
}
#news2{
	width:100%;
	height:100%;
}
#paper1{
	width:100%;
	min-height:40px;
	height:auto !important;
	height:40px;
}
#paper2{
	width:100%;
	height:100%;
}
/**************************************************************
	MultiBox v1.2
**************************************************************/
.MultiBoxContainer{
	position:absolute;
	border:0px solid #f8b016;
	background-color:#FFF;
	display:none;
	z-index:2;
}
.MultiBoxLoading{
	background: url(/pagemedia/icons/loader.gif) no-repeat center;
	height:50px;
}
.MultiBoxContent{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.MultiBoxClose{
	position:absolute;
	top:-21px;
	right:-21px;
	background: url(/pagemedia/icons/close.png) no-repeat;
	width:24px;
	height:24px;
	cursor:pointer;
}
.MultiBoxControlsContainer{
	overflow:hidden;
	height:0px;
	position:relative;
}
.MultiBoxControls{
	width:100%;
	height:auto;
	position:relative;
	background-color:#f8b016;
}
.MultiBoxPrevious {
	position:absolute;
	background: url(/pagemedia/icons/left.png) no-repeat;
	width:24px;
	height:24px;
	left:0px;
	margin-top:5px;
	cursor:pointer;
}
.MultiBoxNext{
	position:absolute;
	background: url(/pagemedia/icons/right.png) no-repeat;
	width:24px;
	height:24px;
	right:0px;
	margin-top:5px;
	cursor:pointer;
}
.MultiBoxNextDisabled{
	cursor: default;
	background: url(/pagemedia/icons/rightDisabled.png) no-repeat;
}
.MultiBoxPreviousDisabled{
	cursor:default;
	background:url(/pagemedia/icons/leftDisabled.png) no-repeat;
}
.MultiBoxTitle{
	position: relative;
	margin: 10px 0 0 35px;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	text-align: left;
}
.MultiBoxNumber {
	position: relative;
	width: 70px;
	margin: 10px 35px 0 0;
	float: right;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align: right;
}
.MultiBoxDescription{
	clear: left;
	position: relative;
	margin: 0 35px 0 35px;
	padding-top: 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align: left;
}

.retiernavigation{

	float:left;
	clear:none;
	border-bottom:2px solid #6699CC;
	width:650px;
	margin-bottom:5px;
}
.retiernavigation a{
	top:+2px;
	position:relative;
	display:block;
	float:left;
	clear:none;
	background-color:#CCCCCC;
	color:#666666;
	font-weight:bold;
	border-left:2px solid #6699CC;
	border-top:2px solid #6699CC;
	border-right:1px solid #6699CC;
	border-bottom:2px solid #6699CC;
	margin-right:2px;
	padding:2px;
}
.retiernavigation a.active{
	background-color:#FFFFFF;
	color:#000000;
	border-bottom:2px solid #ffffff;	
}

.newsnavigation{
	float:left;
	clear:none;
	border-bottom:8px solid #CDD223;
	width:650px;
	padding-left:10px;
	margin-bottom:10px;
}

.newsnavigation a{
	top:+2px;
	position:relative;
	display:block;
	float:left;
	clear:none;
	background-color:#CCCCCC;
	color:#666666;
	font-weight:bold;
	border-bottom:2px solid #CDD223;
	margin-right:2px;
	padding:2px 10px 2px 10px;
}
.newsnavigation a.active{
	background-color:#CDD223;
	color:#000000;
	border-bottom:2px solid #CDD223;	
}
div{
	/*border:1px solid red;*/
}

.tabcontainer{
	padding-top:20px;
	float:left;
	clear:none;
	width:654px;
	background-color:#F4F4F4;
	border-bottom:8px solid #CDD223;
}
.switchbar{
	top:+2px;
	position:relative;
	display:block;
	float:left;
	clear:none;
	background-color:#CCCCCC;
	color:#666666;
	font-weight:bold;
	border-bottom:2px solid #CDD223;
	margin-right:2px;
	padding:2px 10px 2px 10px;
}

.switchbaractive{
	top:+2px;
	position:relative;
	display:block;
	float:left;
	clear:none;
	font-weight:bold;
	background-color:#CDD223;
	color:#000000;
	border-bottom:2px solid #CDD223;	
	margin-right:2px;
	padding:2px 10px 2px 10px;
}

h3.balken{
	display:block;
	float:left;
	clear:none;
	width:654px;
background-color:#D6D6D6;
color:#333333;

}

.dreiviertel{
	float:left;
	clear:none;
	width:468px;
}

.dreiviertel .newsnavigation{
	float:left;
	clear:none;
	border-bottom:8px solid #CDD223;
	width:458px;
	padding-left:10px;
	margin-bottom:10px;
}

.einviertel{
	float:left;
	clear:none;
	width:168px;
	margin:10px 0px 0px 20px;
}

.mptitle{
	float:left;
	clear:none;
	width:158px;
	text-transform:uppercase;
	background-color:#CCCCCC;
	padding-left:10px;
	font-size:16px;
	font-weight:bold;
	line-height:35px;
	color:#FFFFFF;
	border-bottom:1px solid #999999;
}
.mptitle a{
	color:#FFFFFF;
}
.mpcontent{
	float:left;
	clear:none;
	width:168px;
	text-align:center;
	margin-bottom:15px;
	background-color:#EDECED;
}

.mpcontent a{
	float:left;
	clear:none;
	width:168px;
	border-bottom:4px solid #f7f7f7;
}

.activepage{
	text-align:center;
	float:left;
	clear:none;
	display:block;
	width:16px;
	height:16px;
	margin-right:5px;
	background-color:#FF9900;
	color:#333333;
	padding:0px 2px 0px 2px;

}

.inactivepage{
	text-align:center;
	float:left;
	clear:none;
	display:block;
	width:16px;
	height:16px;
	margin-right:5px;
	background-color:#CCCCCC;
	color:#333333;
	padding:0px 2px 0px 2px;
}

.jumperpage{
	text-align:center;
	float:left;
	clear:none;
	display:block;
	height:16px;
	margin-right:5px;
	background-color:#CCCCCC;
	color:#333333;
	padding:0px 2px 0px 2px;
}