/* CSS Document */
/*
container
	header
		textHeader
		naviLevel1
		naviLevel2
		subtitle
	content
		infoblock
			h2
			ul
*/

* {
	margin: 0;
	padding: 0;
}

body {	background-color:#000000;	}


.skip, .hideme {
        position: absolute;
        top: -32768px;
        left: -32768px
}

.skip:focus, .skip:active {
    	position:absolute;
        top: 0;
        left: 0;
		color: white;
}

#menuToggler { visibility: hidden; }

h1, h2, h3, h4 {
	font-family: Palatino,"Palatino Linotype",Palladio, Georgia, "Times New Roman", Times, serif;
	font-weight:100;
}

h2 {
	font-size: 1.3em;
	text-align:center;
	font-style:italic;
}

h3 {	
	font-size: 1em;
	text-align:left;
}	


p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height:1.5em;
	letter-spacing: 0px;
	font-weight:lighter;	
	text-align:justify;
}


p.intro, p.introcentered {
	width: 85%;
	margin: auto;
}

p.intro 		{	
	text-align:justify;
}
p.introcentered 	{	text-align: center;	}

p.intro, p.introcentered, #content .infoblock ul {
	margin-bottom: 10px;	
} 

p.headPagenavi	{ 	
	font-family: Palatino,"Palatino Linotype",Palladio, Georgia, "Times New Roman", Times, serif;
	font-weight:100; 
	font-size: 1em;
}

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size: 0.7em; 
	font-style: italic; 
	font-weight: 100; 
}


a.top { 
	color: #999999; 
	margin-left: 0.5em;
	font-size: 0.7em; 
}

a.top:hover { color: #666666; text-decoration:underline;  }

a.link {
	font-size: 1em; 
	text-decoration:underline;
}

a.link:hover { 	color: #FFFFFF; text-decoration:underline; }


ul { list-style: square; }

.nostyle { 	display: none; }
.pagetitle { 	display: none; }

/*----------- CONTAINER -----------------*/
.container {
	position: relative;
	width: 980px;
	margin: auto;
	background-color:#000000;
	height: 2500px;
	margin-top: 15px;
}

/*----------- HEADER -----------------*/
#MoeMusic {
	position: absolute;
	top:  20px;
	left: 0px;
	z-index: 20;
}

#header ul {  
	list-style:none;
	margin-left: 12px; 
}

#header li {
	display:inline;
	padding-right: 1em;
}

#header .menuAktiv { border-bottom: 2px solid #CC0000; }

#header #subtitle { 
	position: relative;
	top: 160px;
}

#header #naviLevel1, #header #naviLevel2 {
    position: relative;
    top: 85px;
    margin: auto;
    width: 100%;
    text-align: center;
	left: -5px;
}
#header #naviLevel1 { top: 85px; }
#header #naviLevel2 { top: 97px;}
	
#header #naviLevel1 a, #header #naviLevel2 a {
	position: relative;	
	font-family: Palatino,"Palatino Linotype",Palladio,"URW Palladio L","Book Antiqua","Liberation Serif",Times,serif;
	font-size: 0.8em;
	text-decoration:none;
	font-style:normal;
	font-weight: bold; 
}

/*----------- CONTENT -----------------*/
#content {
	position: relative;
	width: 90%;
	margin: auto;
	text-align: left;
}


/*---------- Pagenavi -------------------------*/

#content #menuToggler {
	position: relative;
	left: 65px;
	top: -10px;
	margin-top: 1.5em; 
	font-size: 20px;
	z-index: 10;	
}

#content #menuToggler a { color: #999999; }
#content #menuToggler a:hover { text-decoration:underline; }


#content #pagenavi {
	position: relative; 
	left: 15px;
	margin-left: 48px;
	text-align: left;
	margin-bottom: 80px;
}

#content #pagenavi #pagenavi-bg {
	position: absolute;
	top: -14px;
	left: -10px;
}

#content #pagenavi {
	line-height: 1.2em;
}
#content #pagenavi #tesa-right {
	position: absolute;
	background: transparent url(../images/tesa-right.png) no-repeat;
	top: -40px;
	left: 225px;
	width: 120px;
	height: 100px;
}

#content #pagenavi #tesa-left {
	position: absolute;
	background: transparent url(../images/tesa-left.png) no-repeat;
	top:105px;
	left: -40px;
	width: 120px;
	height: 100px;

}


#content #pagenavi #pagenavi-content {
	position: relative;
	width: 300px;
	top: 5px;
	left: 10px;
	color: #000000;
}


#content #pagenavi ul {	
	margin-top: 3px;
	margin-left: 25px;	
}

/*---------- Infoblock -------------------------*/
#content .infoblock {	margin-top: 30px; } 

#content .infoblock h3 {
	padding-bottom: 3px;
	padding-left: 15px;
	margin-left: 48px;
	margin-right: 48px;
}

#content .infoblock p.linkline {
	font-style: italic;
	margin-left: 65px;
	text-align: left;
}

#content .infoblock ul ul 	{ 
	margin-top: 2px; 
	margin-left: 24px;
}

#content .infoblock li {
	margin-bottom: 8px;
}

#content .infoblock ul {
	width: 82%;
	margin: auto;
	margin-bottom: 12px;  
}

#content .infoblock ul, p.intro, p.introcentered  {	
	margin-top: 10px;
}

/*---------- Footer -------------------------*/
.footer-container {
	margin: auto;
	width: 980px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background-color: #000000;
}
	
.footer {
	width: 78%;
	margin: auto;
	text-align: center;
	padding-top: 5px;
	background-color: #000000;
} 

.footer p {
	font-size: 9px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center; 
}

/*---------- Override -------------------------*/
#header #naviLevel1 a 			{	color:#000000; text-transform: uppercase;}
#header #naviLevel1 a:hover 		{	color:#666666;  border-bottom: 2px solid #99CCFF; }

#header #naviLevel2 a 			{	color:#FFFFFF; text-transform: uppercase; }
#header #naviLevel2 a:hover 		{	color:#666666;  border-bottom: 2px solid #99CCFF; }

#content #pagenavi a 				{ 	color: #000099;	}
#content #pagenavi a:hover 		{	color: #FFFFFF;}

#content .infoblock li 				{	color: #666666;	}
/*
#content .infoblock li p:first-line 	{	color: #0066FF; }
#content .infoblock li p				{	color: #99CCFF; }
*/


p 	{	color: #99CCFF;	}
h2 	{ 	color: #99CCFF; }
h3 {
	color: #333333;
	background-color:#FFCC99;
}

#link2index img {
	height: 70px;
	width: 530px;
}

/* -------- Start- und Flashseiten --------------------------------------------------------------------------------- */

#index {
	height: 1000px;
}
#index #header #naviLevel1 a {	color:#FFFFFF; }
#index #header #naviLevel1 a:hover {	color:#CCCCCC; border-bottom: 2px solid #666666;}

#index #header #naviLevel2 a {	color:#FFFFFF; }
#index #header #naviLevel2 a:hover {	color:#CCCCCC; border-bottom: 2px solid #666666; }
#index #header .menuAktiv { border-bottom: 2px solid #CCCCCC; }

#header {
	background: transparent url(../images/bg-start_01.jpg) no-repeat;
	height: 240px;
}

#background {
	height: 2500px;
}

#line {
	position: relative;
	top:69px;
	width: 95%;
	color: #FFFFFF;
	margin: auto;
}

#line hr {
	color: #333333;
}

#index-footer p { 	color: #CCCCCC  }

/* -------- Startseite --------------------------------------------------------------------------------- */
#opener {
	position: relative;
	width: 400px;
	margin: auto;
	text-align: center;
	top: -50px;
}

#opener img { border: none; }

#opener p, #opener a { 
	text-align: center;
	color: #CCCCCC; 
	padding-top: 0.4em;
	font-size: 12px;
	font-family: "Lucida Console", Verdana, Arial, Sans-Serif;
	font-style: normal; 
}
#opener a.please 	{ font-size: 12px; color: #FFFFFF;  } 

#opener p.oHead 			{ font-size: 17px; } 
#opener p.oTextStrong 	{ font-size: 13px; color: #FFFFFF;  } 
#opener p.oTextEnd 		{ font-size: 11px; font-family: Arial;  font-style:italic; } 

/* Buttons */
#opener p.oTextButton 	{ margin-top: -55px; }
#opener .first { color: #8d9af1;}
#opener #indexButton1, #opener #indexButton2 {
	width: 290px;
	height: 50px;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 5px;
	border: 1px solid #FFFFFF;
}

#opener #indexButton1:hover , #opener #indexButton2:hover {
	border: 1px solid #FFFFFF;
	background-color: #333333;
}

/* -------- Flashseiten --------------------------------------------------------------------------------- */
#stevemoe-flash {
	position: relative;
	background-image: url(../images/noflash.jpg);
	width: 310px;
	height: 450px;
	margin: auto;
	top: -52px;
	text-align: center;
}


/* -------- Webdesign --------------------------------------------------------------------------------- */

#webdesign {
	background-color: #d0d7b1 !important;
	background: transparent url(../images/dot-webdesign_07.gif) repeat;
	height: 4000px;
}

#webdesign-ftc, 
#webdesign-footer  { background: transparent url(../images/dot-webdesign_07.gif) repeat; }
#webdesign-footer  { border-top: 1px solid #666666; }
#webdesign-footer p { 	color: #666666  }


#webdesign #header {
	background: transparent url(../images/bg-webdesign_07.jpg) no-repeat;
	height: 270px;
}
#webdesign #header #naviLevel1 a 				{	color:#FFFFCC; }
#webdesign #header #naviLevel1 a:hover 		{	color:#FFFFFF; border-bottom: 2px solid #FFCC00; }



#webdesign #header #naviLevel2 a 				{	color:#FFFFCC; }
#webdesign #header #naviLevel2 a:hover 		{	color:#FFFFFF; border-bottom: 2px solid #FFCC00; }

#webdesign #content #pagenavi p.headPagenavi	{ 	color: #FFCC00; }
#webdesign #content #pagenavi a 				{ 	color: #FFFFCC;	}
#webdesign #content #pagenavi a:hover 			{	color: #FFFFFF; text-decoration: underline; }

#webdesign #content ul { color: #666666; }
#webdesign #content .infoblock li 				{	color: #666666;	}
#webdesign #content .infoblock li p:first-line 	{	color: #666600; }
#webdesign #content .infoblock li p				{	color: #333333; }
#webdesign #content .infoblock a.top 				{	color: #666666; }
#webdesign #content .infoblock a.top:hover		{	color: #333333; }

#webdesign #content .infoblock a.link 			{	color: #333333; }
#webdesign #content .infoblock a.link:hover		{	color: #666666; }


#webdesign p 	{	
	color: #333333;
	margin-bottom: 5px;	
}
#webdesign h2 	{ 	color: #FFFFCC; }
#webdesign h3 	{
	color: #FFFFCC;
	background-image: url(../images/dot-webdesign-hd_01.gif);	
	background-color:#b2bb8b;
}


#webdesign #content #pagenavi ul {	
	margin-left: 18px;	
	color: #FFFFCC; 
}

#webdesign #content #pagenavi #pagenavi-bg {
	background-color: #a6b097 !important;
	background: transparent url(../images/postit7.jpg) no-repeat;
	width: 325px;
	height: 195px;

}



/* -------- Dienstleistungen --------------------------------------------------------------------------------- */
#dienstleistungen {
	background-color: #ebebeb !important;
	background: transparent url(../images/dot-dienst_02.gif) repeat;
	height: 3500px;
}


#dienstleistungen-ftc, 
#dienstleistungen-footer  {  background: transparent url(../images/dot-dienst_02.gif) repeat; }
#dienstleistungen-footer  { border-top: 1px solid #666666; }
#dienstleistungen-footer p { 	color: #666666  }


#dienstleistungen #header {
	background: transparent url(../images/bg-dienstleistung_01.jpg) no-repeat;
	height: 250px;
}
#dienstleistungen #header #naviLevel1 a 			{	color:#FFFFFF; }
#dienstleistungen #header #naviLevel1 a:hover 		{	color:#666666; border-bottom: 2px solid #336699; /* #336699; */ }

#dienstleistungen #header #naviLevel2 a 			{	color:#FFFFFF; }
#dienstleistungen #header #naviLevel2 a:hover 		{	color:#000000;  border-bottom: 2px solid #336699; }

#dienstleistungen #content #pagenavi p.headPagenavi{ 	color: #000000; }
#dienstleistungen #content #pagenavi a 			{ 	color: #000099;	}
#dienstleistungen #content #pagenavi a:hover 		{	color:#333333; text-decoration: underline;}

#dienstleistungen #content .infoblock li 				{	color: #666666;	}
#dienstleistungen #content .infoblock li p:first-line {	color: #0066FF; }
#dienstleistungen #content .infoblock li p			{	color: #333333; }

#dienstleistungen a.link 								{ 	color: #333333; }
#dienstleistungen a.link:hover 							{ 	color: #999999; }


#dienstleistungen p 	{	color: #333333;	}
#dienstleistungen h2 { 	color: #330099; }
#dienstleistungen h3 {
	color: #003366;
	background-color:#CCCCCC;
}

#dienstleistungen #content #pagenavi #pagenavi-bg {
	background-color: #c6c2d9 !important;
	background: transparent url(../images/postit4.jpg) no-repeat;
	width: 300px;
	height: 240px;	
}
	
#dienstleistungen #content #pagenavi #tesa-left {
	top: 145px;
}

#dienstleistungen #content #pagenavi #tesa-right {
	left: 200px;
}


/* -------- it-services --------------------------------------------------------------------------------- */
#it-services {
	background-color: #2a283c !important;
	background: transparent url(../images/dot-support_09.gif) repeat;
	height: 3500px;
}

#it-services-ftc, 
#it-services-footer  {  background: transparent url(../images/dot-support_09.gif) repeat; }
#it-services-footer  { border-top: 1px solid #999999; }
#it-services-footer p { 	color: #999999  }

#it-services #header #naviLevel1 a 			{	color:#FFFFFF; }
#it-services #header #naviLevel1 a:hover 	{	color:#CCCCCC; border-bottom: 2px solid #99CCFF; }

#it-services #header #naviLevel2 a 			{	color:#FFFFFF; }
#it-services #header #naviLevel2 a:hover 	{	color:#CCCCCC; border-bottom: 2px solid #99CCFF;}

#it-services #header {
	background:  url(../images/bg-support_08.jpg) no-repeat;
	height: 278px;
}
#it-services #content p { color: #908da7; }

#it-services h3 {
	color: #003366;
	background-color:#908da7;
}

#it-services h2 { color: #eddac9; }

#it-services p, #it-services  #content .infoblock li p .infoblock li  {
	color: #999999;
}

#it-services #content .infoblock li p:first-line  {
	color: #ccc;
}

#it-services #pagenavi .headPagenavi { color: #003366; }
#it-services #pagenavi #pagenavi-bg {
	background-color: #c6c2d9 !important;
	background: transparent url(../images/postit-service.jpg) no-repeat;
	width: 300px;
	height: 160px;	
}
	

#it-services #pagenavi #tesa-left {
	top: 85px;
}

#it-services #pagenavi #tesa-right {
	left: 200px;
}
#it-services #pagenavi a { color: #003366; } 
#it-services #pagenavi a:hover { color: #eee; } 

#it-services .infoblock a { color: #ccc; } 
#it-services .infoblock a:hover { color: #fff; } 

#it-services #panorama, #it-services #megazine { margin-bottom: 6em; }
#it-services .subtext { font-style: italic; }

/* -------- Photographie --------------------------------------------------------------------------------- */
#photographie {
	background-color: #fff7ed !important;
	background: transparent url(../images/dot-photo_01.gif) repeat;
	height: 1000px;
}

#photographie-ftc, 
#photographie-footer  {  background: transparent url(../images/dot-photo_01.gif) repeat; }
#photographie-footer  { border-top: 1px solid #663300; }
#photographie-footer p { 	color: #663300  }


#photographie #header {
	background:  url(../images/bg-photo_02.jpg) no-repeat;
	height: 270px;
}

#photographie #header #naviLevel1 a 		{	color:#663300; }
#photographie #header #naviLevel1 a:hover 	{	color:#993300; border-bottom: 2px solid #663300;}

#photographie #header #naviLevel2 a 		{	color:#663300; }
#photographie #header #naviLevel2 a:hover 	{	color:#993300; border-bottom: 2px solid #333333;}

#photographie h2 {
	color: #993300;
}

#photographie p {
	font-size: 11px;
	padding-bottom: 5px;
	margin: 0px;
	text-align: center;
	color: #000000;
}

#photographie #content table {
	border-collapse: collapse;
	margin-bottom: 10px;
	border: none;
}

#photographie #content table td { 
	width: 91px; 
}

#photographie #content table td p {
	width: 91px;	/* IE 8 */
}

/* --- 9er --- */

#photographie #content table hr 			{ 	width: 900px; 	}

#photographie #content table .box {
	width: 57px;
	height: 57px;
	background-image:url(../images/galerie/common/thumb-ss1.gif);
	margin: auto;
	margin-top: 12px;
	text-align: left;

	margin-left: 22px; /*wg. IE 5.5 */
}

#photographie #content table .jslink img {
	border-style: none;
}

#photographie #content #view #tblThumbs	{	
	width: 	202px;
	float: left;
}

/* --- 9er --- */

#photographie #content #view { 
	display: none;
	width: 888px;
	text-align: left;
}

#photographie #content #view table #arr-right {
	text-align: left;
	padding-left: 22px;
}

#photographie #content #view table #arr-left {
	text-align: right;
	padding-right: 22px;
}


#photographie #content #view #photo {
	float: right;
	height: 446px;
	width: 666px;
	background-image:url(../images/galerie/common/photo-ss1.gif);
	margin-top: 12px;
}

#photographie #content #noscript {
	margin-top: 50px;
}





/* -------- Philosophie --------------------------------------------------------------------------------- */
#philosophie {
	background-color: #6b615f !important;	
	background: transparent url(../images/dot-philo_04.gif) repeat;
	height: 1000px;
}

#philosophie-ftc, 
#philosophie-footer  { background: transparent url(../images/dot-philo_04.gif) repeat;}
#philosophie-footer  { border-top: 1px solid #CCCCCC; }
#philosophie-footer p { 	color: #CCCCCC  }

#philosophie #header #naviLevel1 a 		{	color:#000000; }
#philosophie #header #naviLevel1 a:hover 	{	color:#666666; border-bottom: 2px solid #99CCFF; }

#philosophie #header #naviLevel2 a 		{	color:#FFFFFF; }
#philosophie #header #naviLevel2 a:hover 	{	color:#AAAAAA; }

#philosophie #header {
	background: transparent url(../images/bg-philo_04.jpg) no-repeat;
	height: 270px;
}

#philosophie p { color: #CCCCCC;  }

#philosophie p.intro { margin-bottom: 1em; }

#philosophie p.intro:first-letter { 
	font-family: Palatino,"Palatino Linotype",Palladio, Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	font-weight: bold;
}

#philosophie .quelle {
	color: #CCCCCC;
	font-style:italic;
	font-size: 0.7em;
	text-align: center;
}




/* -------- Profil --------------------------------------------------------------------------------- */
#profil {
	background-color: #efded3 !important;
	background: transparent url(../images/dot-profil_03.gif) repeat;
	height: 2500px;
}

#profil-ftc, 
#profil-footer  { background: transparent url(../images/dot-profil_03.gif) repeat;}
#profil-footer  { border-top: 1px solid #663300; }
#profil-footer p { 	color: #663300  }

#profil #header {
	background: transparent url(../images/bg-profil_03.jpg) no-repeat;
	height: 250px;
}
#profil #header #naviLevel1 a 			{	color:#336633; }
#profil #header #naviLevel1 a:hover 	{	color:#003300; border-bottom: 2px solid #669900; }

#profil #header #naviLevel2 a 			{	color:#336633; }
#profil #header #naviLevel2 a:hover 	{	color:#003300; border-bottom: 2px solid #669900; }

#profil #content#pagenavi a 				{ 	color: #000099;	}
#profil #content#pagenavi a:hover 		{	color: #FFFFFF;}

#profil h2 { 	color: #663300; }
#profil h3 {
	color: #663300;
	background-image: url(../images/dot-profil-hd_04.gif);
	background-color:#dac2b3;
}

#stevemoe {
	background-image: url(../images/stevemoe-1.gif);
	width: 157px;
	height: 162px;
	margin: auto;
}
#profil a.top {	color: #333333; }

#profil #content .infoblock ul 		{ 
	list-style-image: url(../images/dot-profil-hd-tmp_02.gif);
}

#profil #content .infoblock p, 
#profil #content .infoblock li p 		{ color: #663300; }

#profil #content #erfahrung li p 		{ color: #000000; }
#profil #content #erfahrung li li p 	{ color: #663300; }

#profil a.link { color: #804040; }
#profil a.link:hover { color: #008040; }




/* -------- Kontakt --------------------------------------------------------------------------------- */
#kontakt,
#kontakt-ok
 {
 	background-color: #9bba93 !important;
	background: transparent url(../images/dot-kontakt_08.gif) repeat;
	height: 1000px;
}

#kontakt-ftc, #kontakt-ok-ftc,
#kontakt-footer, #kontakt-ok-footer  { background: transparent url(../images/dot-kontakt_08.gif) repeat; }

#kontakt-footer, #kontakt-ok-footer  { border-top: 1px solid #003300; }
#kontakt-footer p, #kontakt-ok-footer p { 	color: #003300  }


#kontakt #header,
#kontakt-ok #header  {
	background: transparent url(../images/bg-kontakt_09.jpg) no-repeat;
	height: 240px;
}

#kontakt #header #naviLevel1 a,
#kontakt-ok #header #naviLevel1 a 		 	{	color:#663300; }

#kontakt #header #naviLevel1 a:hover,
#kontakt-ok #header #naviLevel1 a:hover  	{	color:#CC6600; border-bottom: 2px solid #663300; }

#kontakt #header #naviLevel2 a,
#kontakt-ok #header #naviLevel2 a  		{	color:#663300; }

#kontakt #header #naviLevel2 a:hover,
#kontakt-ok #header #naviLevel2 a:hover  	{	color:#CC6600; border-bottom: 2px solid #663300;  }

#kontakt h2,
#kontakt-ok h2 {
	color: #FFFF33;
}

#kontakt h2.error {
	color: #CC3333;
	font-size: 1em;
}

#kontakt .mandatory {
	color: #003399;
	font-size: 75%;
}

#kontakt p, #kontakt-ok p, #content #formular .label, #content #formular .field {
	color: #003300;
}

#kontakt #content #formular .label {
	float: left;
}

#kontakt #content #formular .field {
	margin-left: 70px;
	padding-bottom: 1em;
}

#kontakt #content #formular .centered {
	clear: both;
	text-align:center;
	padding-bottom: 1em;
}

#kontakt #content #adresse {
	position: absolute;
	width: 300px;
	top: 34px;
	left: 570px;
}

#kontakt-ok #content #adresse {
	position: absolute;
	width: 300px;
	top: 34px;
	left: 340px;
}

#kontakt #content #adresse a,
#kontakt-ok #content #adresse a {
	text-decoration: underline;	
	font-size: 1em;
	color: #003300;
}

#kontakt #content #adresse a:hover,
#kontakt-ok #content #adresse a:hover {
	color: #006600;	
}

#kontakt #content #adresse p, #kontakt #content #adresse table, 
#kontakt-ok #content #adresse p, #kontakt-ok #content #adresse table{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	text-align: left;
}

#kontakt #content #adresse .adrHead,
#kontakt-ok #content #adresse .adrHead {
	font-size: 0.9em;
	font-weight:bold;
	letter-spacing: -1px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#kontakt #content #adresse table,
#kontakt-ok #content #adresse table
 {
	width: 300px;
	margin-top: 10px;
}

#kontakt #content #formular {
	position: absolute;
	top: 20px;
	left: 50px;

	border-right-style:solid;
	border-right-width: 1px;
	border-right-color:#CCCCCC;

	width: 465px;
	height: 480px;
	margin-left: 1px;
	margin-top: 1em;
	padding-top: 1em;
	padding-left: 1em;
}

#kontakt #content #formular, 
#kontakt #content #formular .feld,  
#kontakt #content #formular .button {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	word-spacing:1px;
	font-size: 0.9em;
	letter-spacing: -1px;
	line-height: 1.3em;
}

#kontakt #content #formular .feld {
	width: 350px;
}

#kontakt #content #formular .button {
	width: auto;
	margin-top: -10px;
	color: white;
}

#kontakt #content #formular #buttontext p {
	font-weight: bold; 
}
#kontakt #content #formular #fieldKopie {
	float: left;
	padding-right: 0.5em;
}

#kontakt #content #formular #noetig {
	margin-top: -1em;
	margin-left: 0em;
}

#kontakt #content #formular #labelError {
	color: #CC0000;
	font-weight: bold;
	text-align: center;
}

#kontakt #content #ds-wrap {
	position: absolute;
	left: 570px;
	top: 280px;
}

#kontakt #content #ds-wrap p {
	margin-bottom: 8px;
	padding-left: 5px;
	padding-right: 7px;
}

#kontakt #content #ds-wrap #ds-hinweis p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#kontakt #content #ds-wrap #ds-hinweis {
	width: 320px;
	height: 100px;
	overflow: auto;
	background: transparent url(../images/dot-kontakt_08.gif) repeat;
	border: 1px solid #669933;
	color: #003300;
}

#kontakt #content #ds-wrap #ds-hinweis .legalHead {
	font-weight: bold;
}



/* -------- Referenzen --------------------------------------------------------------------------------- */
#referenzen {
	height: 18300px !important;
}

#referenzen-footer  { border-top: 1px solid #CCCCCC; }
#referenzen-footer p { 	color: #CCCCCC  }

#referenzen #header #naviLevel1 a 			{	color:#000000; }
#referenzen #header #naviLevel1 a:hover 	{	color:#666666; border-bottom: 2px solid #FFFFFF; }

#referenzen #header #naviLevel2 a 			{	color:#FFFFFF; }
#referenzen #header #naviLevel2 a:hover 	{	color:#EEEEEE; border-bottom: 2px solid #FFFFFF; }

#referenzen #header {
	background-color: #e9e6f7 !important;
	background:  url(../images/bg-referenzen_01.jpg) no-repeat;
	height: 240px;
}
#referenzen .ref-double strong { font-weight: bold; }

#referenzen h3 {
	color: #003366;
	background-image: url(../images/bg_ref.jpg);
	background-color: #9fafc6;
	padding-bottom: 3px;
	padding-left: 15px;
	margin-left: 48px;
	margin-right: 48px;
}


#referenzen a.top {	color: #666666; }
#referenzen a.top:hover {	color: #333333; }


#referenzen p.introcentered { 
	color: #CCCCCC; 
}

.ref-double {
	position: relative;
	width: 85%;
	margin: auto;
	text-align: left;
	border: 1px solid #666666;
	border: 1px solid #fff;
	margin-top: 30px;
	margin-bottom: 30px;
	height: 250px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}


/*.ref-double img { border: 1px solid #CCCCCC; }*/
/*.ref-double img { border: 1px solid #FFF; }*/
.ref-double img { box-shadow: 0 0 10px #999; }
.ref-double h4  {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #004080;;
    margin-right: 20px;
    border-bottom:thin solid white; 
	padding: 10px 0 0 0; border-color: #004080; margin-bottom: -3px;
	margin-top: -0.5em;
	margin-bottom: 0.5em;
}

.ref-double .image { float: left; margin: 0; padding: 10px 0 10px 10px;  }
.ref-double .descr { padding: 10px 20px 0 10px; float: right; } 

.ref-double .width-web      { width: 67%;  }
.ref-double .width-print1  { width: 38%;  }
.ref-double .width-print2  { width: 46%;  }
.ref-double .width-print3  { width: 65%;  }
.ref-double .width-print4  { width: 75%;  }
.ref-double .width-print5  { width: 55%;  }

.ref-double .descr p {
	text-align: left;
	margin-bottom: 0.3em;
	color: #004080;
}

.ref-double .smily { border: 0; position: absolute; }
.ref-double .spacer { margin-left: 28px; }

.ref-double .descr a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

.ref-double .descr a:hover {
	text-decoration: underline;
}

.ref-double {  background:  #fdfdfd; }
.ref-double h4            { color: #003399; }
.ref-double p             { color: #003399; }                                                      
.ref-double p strong      { color: #003399; }                                                      
.ref-double a             { color: #000000; }      
                                                                                
.bg-grey {
    background: #ffffff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
}