body {
background-image:url(../images/bg.gif);
background-repeat:repeat-x;
}


/* CLEARFIX */
	
	.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
	.clearfix { display: inline-block; }
	html[xmlns] .clearfix { display: block; }
	* html .clearfix { height: 1%; }
	
	
#angebote {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
    border: 1px #a00 dashed;
    background: #faf4f4;
    padding: 10px;
	margin:15px;
	color:#a00;
	height:74px;
}



#kundencenter_fade {
	width: 100%;
	left:0px;
	height: 20px;
	z-index: 99;
	position: fixed;
	top: 0px;
}


.error {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
    border: 1px #a00 dashed;
	background:url(../images/bg_diagonal.png);
    padding: 0.5em;
	color:#ffffff;
	margin-bottom:10px;
	}
	
.success {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
    border: 1px #35a000 dashed;
    background:url(../images/bg_diagonal_success.png);
    padding: 0.5em;
	color:#ffffff;
	}


input,select,textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	color:#155157;
	font-size:12px;
	font-weight:bold;
	background:#ffffff;
	border: 1px solid #acdddd;
	margin:3px;
	}	

div.Tabelle_01 {
	position:absolute;
	left:0px;
	top:0px;
	width:900px;
	height:1048px;
}

div.id01-01_ {
	position:absolute;
	left:0px;
	top:0px;
	width:559px;
	height:82px;
}

div.id02-02_ {
	position:absolute;
	left:559px;
	top:0px;
	width:341px;
	height:82px;
	background-image:url(../images/02_02.jpg);
}

div.id03-03_ {
	position:absolute;
	left:0px;
	top:82px;
	width:114px;
	height:54px;
}

div.id04-04_ {
	position:absolute;
	left:114px;
	top:82px;
	width:131px;
	height:54px;
}

div.id05-05_ {
	position:absolute;
	left:245px;
	top:82px;
	width:128px;
	height:54px;
}

div.id06-06_ {
	position:absolute;
	left:373px;
	top:82px;
	width:139px;
	height:54px;
}

div.id07-07_ {
	position:absolute;
	left:512px;
	top:82px;
	width:126px;
	height:54px;
}

div.id08-08_ {
	position:absolute;
	left:638px;
	top:82px;
	width:104px;
	height:54px;
}

div.id09-09_ {
	position:absolute;
	left:742px;
	top:82px;
	width:140px;
	height:54px;
}

div.id10-10_ {
	position:absolute;
	left:882px;
	top:82px;
	width:18px;
	height:54px;
}

div.id11-11_ {
	position:absolute;
	left:0px;
	top:136px;
	width:900px;
	height:298px;
	background-image:url(../images/11_11.jpg);
	background-repeat:no-repeat;
}

div.id11-11_grafik {
	position:absolute;
	left:0px;
	top:136px;
	width:900px;
	height:298px;
	background-image:url(../images/11_11_grafik.jpg);
	background-repeat:no-repeat;
}

div.id11-11_links {
	position:absolute;
	left:0px;
	top:136px;
	width:900px;
	height:298px;
	background-image:url(../images/11_11_links.jpg);
	background-repeat:no-repeat;
}

div.id11-11_ansprechpartner {
	position:absolute;
	left:0px;
	top:136px;
	width:900px;
	height:298px;
	background-image:url(../images/11_11_ansprechpartner.jpg);
	background-repeat:no-repeat;
}

div.id11-11_agentur {
	position:absolute;
	left:0px;
	top:136px;
	width:900px;
	height:298px;
	background-image:url(../images/11_11_agentur.jpg);
	background-repeat:no-repeat;
}

div.id11-11_print {
	position:absolute;
	left:0px;
	top:136px;
	width:900px;
	height:298px;
	background-image:url(../images/11_11_print.jpg);
	background-repeat:no-repeat;
}

div.id11-11_web {
	position:absolute;
	left:0px;
	top:136px;
	width:900px;
	height:298px;
	background-image:url(../images/11_11_web.jpg);
	background-repeat:no-repeat;
}

div.id11-11_hosting {
	position:absolute;
	left:0px;
	top:136px;
	width:900px;
	height:298px;
	background-image:url(../images/11_11_web2.jpg);
	background-repeat:no-repeat;
}

div.id11-11_karto {
	position:absolute;
	left:0px;
	top:136px;
	width:900px;
	height:298px;
	background-image:url(../images/11_11_karto.jpg);
	background-repeat:no-repeat;
}

div.id11-11_impressum {
	position:absolute;
	left:0px;
	top:136px;
	width:900px;
	height:298px;
	background-image:url(../images/11_11_impressum.jpg);
	background-repeat:no-repeat;
}

div.id11-11_kontakt {
	position:absolute;
	left:0px;
	top:136px;
	width:900px;
	height:298px;
	background-image:url(../images/11_11_kontakt.jpg);
	background-repeat:no-repeat;
}

div.id11-11_referenzen {
	position:absolute;
	left:0px;
	top:136px;
	width:900px;
	height:298px;
	background-image:url(../images/11_11_referenzen.jpg);
	background-repeat:no-repeat;
}

div.id11-11_faq {
	position:absolute;
	left:0px;
	top:136px;
	width:900px;
	height:298px;
	background-image:url(../images/11_11_faq.jpg);
	background-repeat:no-repeat;
}

div.id11-11_sitemap {
	position:absolute;
	left:0px;
	top:136px;
	width:900px;
	height:298px;
	background-image:url(../images/11_11_sitemap.jpg);
	background-repeat:no-repeat;
}

div.id11-11_suche {
	position:absolute;
	left:0px;
	top:136px;
	width:900px;
	height:298px;
	background-image:url(../images/11_11_suche.jpg);
	background-repeat:no-repeat;
}

div.id11-11_angebote {
	position:absolute;
	left:0px;
	top:136px;
	width:900px;
	height:298px;
	background-image:url(../images/11_11_suche.jpg);
	background-repeat:no-repeat;
}

div.id11-11_matthias {
	position:absolute;
	left:0px;
	top:136px;
	width:900px;
	height:298px;
	background-image:url(../images/11_11_matthias.jpg);
	background-repeat:no-repeat;
}

div.id11-11_ralph{
	position:absolute;
	left:0px;
	top:136px;
	width:900px;
	height:298px;
	background-image:url(../images/11_11_ralph.jpg);
	background-repeat:no-repeat;
}

div.id11-11_claudia {
	position:absolute;
	left:0px;
	top:136px;
	width:900px;
	height:298px;
	background-image:url(../images/11_11_claudia.jpg);
	background-repeat:no-repeat;
}

div.id11-11_pr {
	position:absolute;
	left:0px;
	top:136px;
	width:900px;
	height:298px;
	background-image:url(../images/11_11_pr.jpg);
	background-repeat:no-repeat;
}


div.id12-12_ {
	position:absolute;
	left:0px;
	top:150px;
	width:228px;
	height:229px;
	
}

div.id13-13_ {
	position:absolute;
	left:228px;
	top:434px;
	width:221px;
	height:229px;
}

div.id14-14_ {
	position:absolute;
	left:449px;
	top:434px;
	width:221px;
	height:229px;
}

div.id15-15_ {
	position:absolute;
	left:670px;
	top:434px;
	width:230px;
	height:229px;
}

div.id16-16_ {
	position:absolute;
	left:0px;
	top:663px;
	width:670px;
	height:262px;
}


div.id17-17_ {
	position:absolute;
	left:670px;
	top:663px;
	width:230px;
	height:330px;
}

div.id18-18_ {
	position:absolute;
	left:0px;
	top:925px;
	width:670px;
	height:68px;
}

div.id19-19_ {
	position:absolute;
	left:-10px;
	width:900px;
	height:47px;
	padding-top:30px;
	background-color:#0d7677;
}

div.id20-20_ {
	position:absolute;
	left:0px;
	top:1040px;
	width:900px;
	height:8px;
}


#index {
   height: auto;
   left: 50%;
   margin-left: -445px;
   position: absolute;
   width: 900px;
   margin-top:0px;
}

#music {
	position:absolute;
	font-family: Verdana, Times New Roman, Times;
	font-size: 16pt;
	color: #b00034;
	left:305px;
	top:20px;
	width:180px;
	height:40px;;
	padding-right:10px;
	overflow:auto;
}

#maincontent {
	position:absolute;
	background:url(../images/content_top.jpg);
	background-repeat:repeat-x;
	background-color:#ddf7f7;
	font-family: Verdana, Times New Roman, Times;
	font-size: 10pt;
	color: #000000;
	left:8px;
	top:301px;
	width:880px;
	overflow:hidden;
}

#content_2 {
	position:absolute;
	font-family: Verdana, Times New Roman, Times;
	font-size: 10pt;
	color: #000;
	left:390px;
	top:10px;
	width:480px;
	height:850px;
	overflow:auto;
}

#content_3 {
	position:absolute;
	font-family: Verdana, Times New Roman, Times;
	font-size: 10pt;
	color: #000;
	left:20px;
	top:315px;
	width:360px;
	height:600px;
	overflow:auto;
}

#server1_title 
{
	position:absolute;
	font-family: Verdana, Times New Roman, Times;
	font-size: 16pt;
	color: #b00034;
	left:35px;
	top:10px;
	width:180px;
	height:40px;;
	padding-right:10px;
	overflow:auto;
}

#server2_title 
{
	position:absolute;
	font-family: Verdana, Times New Roman, Times;
	font-size: 16pt;
	color: #508b05;
	left:20px;
	top:10px;
	width:180px;
	height:40px;;
	padding-right:10px;
	overflow:auto;
}

#server3_title 
{
	position:absolute;
	font-family: Verdana, Times New Roman, Times;
	font-size: 16pt;
	color: #0d7677;
	left:40px;
	top:10px;
	width:180px;
	height:40px;;
	padding-right:10px;
	overflow:auto;
}

#server4_title 
{
	position:absolute;
	font-family: Verdana, Times New Roman, Times;
	font-size: 16pt;
	color: #cd9315;
	left:40px;
	top:10px;
	width:180px;
	height:40px;;
	padding-right:10px;
	overflow:auto;
}

.server {
	background-image:url(../images/button_mehr.png);
	}

#server1_content 
{
	position:absolute;
	font-family: Verdana, Times New Roman, Times;
	font-size: 9pt;
	font-weight:bold;
	color: #ffffff;
	left:12px;
	top:40px;
	width:210px;
	height:220px;;
	padding-right:10px;
	overflow:auto;
}

#content_angebote
{
	position:absolute;
	font-family: Verdana, Times New Roman, Times;
	font-size: 9pt;
	color: #0d7677;
	left:15px;
	top:0px;
	width:639px;
	height:255px;
	padding-right:10px;
	overflow:auto;
}

#suche
{
	position:absolute;
	font-family: Verdana, Times New Roman, Times;
	font-size: 9pt;
	color: #0d7677;
	left:50px;
	top:45px;
	width:300px;
	height:35px;
	padding-right:10px;
	overflow:auto;
}

#footer
{
	position:absolute;
	font-family: Verdana, Times New Roman, Times;
	font-weight:bold;
	font-size: 8pt;
	color: #ddf7f7;
	left:35px;
	top:1px;
	width:850px;
	height:90px;
	padding-right:10px;
	overflow:auto;
}
#anmeldebox
{
	position:absolute;
	font-family: Verdana, Times New Roman, Times;
	font-size: 9pt;
	color: #0d7677;
	left:11px;
	top:10px;
	width:191px;
	height:314px;
	padding-right:10px;
	overflow:auto;
}

#kontaktfeld
{
	position:absolute;
	font-family: Verdana, Times New Roman, Times;
	font-size: 10pt;
	color: #000000;
	left:520px;
	top:475px;
	width:300px;
	overflow:auto;
}

#server_content 
{
	position:absolute;
	font-family: Verdana, Times New Roman, Times;
	font-size: 9pt;
	font-weight:bold;
	color: #ffffff;
	left:5px;
	top:40px;
	width:210px;
	height:220px;;
	padding-right:10px;
	overflow:auto;
}

#content_slide 
{
	position:absolute;
	font-family: Verdana, Times New Roman, Times;
	font-size: 10pt;
	color: #000000;
	left:8px;
	top:0px;
	width:920px;
	height:480px;;
	padding-right:10px;
	overflow:auto;
}

.img
{
border:#0d7677 dashed 1px;
}

/* - h1 bis h4 -  */
h1{
margin-bottom:10px;
font-weight: bold;
font-family: Verdana, Times New Roman, Times;
font-size: 50px;
padding-left:20px;
padding-top:162px;
color:#0d7677;
height:19px;

}

h2{
font-family: Verdana, Times New Roman, Times;
font-weight:bold;
font-size:18px;
color:#0d7677;
height:19px;
padding-top:0px;
}

h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color:#ffffff;
margin-bottom:0px;

}

h4{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 18px;
color:#155157;
margin-bottom:10px;
padding-left:5px;
}

h5{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
color:#ffffff;
margin-bottom:0px;
}

h6{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 22px;
color:#000000;
margin-bottom:25px;
}

hr {
color:#1e8286;
width:400px;
margin-left:0px;
}
/* - h1 bis h4 ENDE -  */

/* - Hyperlink Deklarierung -  */
A:active {
font-family: Verdana, Times New Roman, Times;
font-size: 10pt;
color: #155157; 
TEXT-DECORATION: none;
cursor:pointer;
}

A:link {
font-family: Verdana, Times New Roman, Times;
font-size: 10pt;
color: #155157; 
TEXT-DECORATION: none;
cursor:pointer;
}

A:visited {
font-family: Verdana, Times New Roman, Times;
font-size: 10pt;
color: #155157;
TEXT-DECORATION: none;
cursor:pointer;
}

A {
font-family: Verdana, Times New Roman, Times;
font-size: 10pt;
color: #155157; 
TEXT-DECORATION: none;
cursor:pointer;
}

A:hover {
font-family: Verdana, Times New Roman, Times;
font-size: 10pt;
color: #ffffff;
TEXT-DECORATION:none;
cursor:pointer;
background:#155157;
}
/* - Hyperlink Deklarierung ENDE -  */

/* - Hyperlink Deklarierung -  */
A.bildrechte:active {
font-family: Verdana, Times New Roman, Times;
font-size: 8pt;
color: #155157; 
TEXT-DECORATION: none;
cursor:pointer;
}

A.bildrechte:link {
font-family: Verdana, Times New Roman, Times;
font-size: 8pt;
color: #155157; 
TEXT-DECORATION: none;
cursor:pointer;
}

A.bildrechte:visited {
font-family: Verdana, Times New Roman, Times;
font-size: 8pt;
color: #155157;
TEXT-DECORATION: none;
cursor:pointer;
}

A.bildrechte {
font-family: Verdana, Times New Roman, Times;
font-size: 8pt;
color: #155157; 
TEXT-DECORATION: none;
cursor:pointer;
}

A.bildrechte:hover {
font-family: Verdana, Times New Roman, Times;
font-size: 8pt;
color: #ffffff;
TEXT-DECORATION:none;
cursor:pointer;
background:#155157;
}
/* - Hyperlink Deklarierung ENDE -  */

/* - Hyperlink Deklarierung -  */
A.footer:active {
font-family: Verdana, Times New Roman, Times;
font-size: 8pt;
color: #111b27; 
TEXT-DECORATION: none;
cursor:pointer;
}

A.footer:link {
font-family: Verdana, Times New Roman, Times;
font-size: 8pt;
color: #111b27; 
TEXT-DECORATION: none;
cursor:pointer;
}

A.footer:visited {
font-family: Verdana, Times New Roman, Times;
font-size: 8pt;
color: #111b27;
TEXT-DECORATION: none;
cursor:pointer;
}

A.footer {
font-family: Verdana, Times New Roman, Times;
font-size: 8pt;
color: #111b27; 
TEXT-DECORATION: none;
cursor:pointer;
}

A.footer:hover {
font-family: Verdana, Times New Roman, Times;
font-size: 8pt;
color: #ffffff;
TEXT-DECORATION:none;
cursor:pointer;
background:none;
}
/* - Hyperlink Deklarierung ENDE -  */


/*
    For Specific Slides
*/
#textSlide                              { padding: 10px 30px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
#textSlide ul                           { list-style: disc; margin: 0 0 0 25px; font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color:#155157;}
#textSlide ul li                        { display: list-item; }

#quoteSlide                             { padding: 30px; }
#quoteSlide blockquote                  { font: italic 24px/1.5 Georgia, Serif; text-align: center; color: #444; margin: 0 0 10px 0; }
#quoteSlide p                           { text-align: center; }


.qitem {
	width:255px;
	height:82px;	
	border:#0d7677 dashed 1px;
	margin:5px 5px 5px 0;
	background:#ffffff;
	
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
	cursor:hand; cursor:pointer;
}

	.qitem img {
		border:0;
	
		/* allow javascript moves the img position*/
		position:absolute;
		z-index:200;
	}

	.qitem .caption {
		position:absolute;
		z-index:0;	
		display:block;
	}

		.qitem .caption h4 {
			font-size:12px;
			padding:10px 5px 0 8px;
			margin:0;
			color:#369ead;
		}

		.qitem .caption p {
			font-size:10px;	
			padding:3px 5px 0 8px;
			margin:0;
		}



/* Setting for corners */

.topLeft, .topRight, .bottomLeft, .bottomRight {
	position:absolute;
	background-repeat: no-repeat; 
	float:left;
}

.topLeft {
	background-position: top left; 	
} 

.topRight {
	background-position: top right; 
} 

.bottomLeft {
	background-position: bottom left; 
} 

.bottomRight {
	background-position: bottom right; 
}

.clear {
	clear:both;	
}