html {min-height: 100%;}

* {
	padding: 0;
}



body {
	background: #cccccc;
	color: #333333;
	font: normal 0.7em Verdana, Arial, Helvetica, sans-serif;line-height:1.4em;
}


a {color: #e2007a; text-decoration:none}
a:hover {color: #e2007a; text-decoration:underline}


h1 {font: bold 1.4em Verdana, Arial, Helvetica, sans-serif; margin: 10px 0px 10px 0px; letter-spacing:0.05em}
h2 {font: bold 1em Verdana, Arial, Helvetica,  sans-serif; margin-bottom:5px; letter-spacing:0.05em}
h3 {font: bold 1em Verdana, Arial, Helvetica,  sans-serif;  margin-top:10px; letter-spacing:0.05em}
h4 {font: bold 1.1em Verdana, Arial, Helvetica,  sans-serif;  margin-top:16px; margin-bottom:5px;letter-spacing:0.05em}

.copy {font: normal 0.7em Verdana, Arial, Helvetica, sans-serif;}

.formsuche  {width:130px;height:15px;vertical-align:bottom; background-color:#f1f0eb;font-size:0.8em; margin-top:5px}
input.button {border: 0px;  color:#444; font-size:0.7em; padding:5; height:15px; background-color:#FFFFFF; border:dotted 1px #444}

.clearer {clear: both; font-size: 0; width:1px}
.left {float: left;}
.right {float: right;}

/* structure */

.outer-container {

	width: 100%;
}

.inner-container {
	margin: 0 auto; 
	padding:0px;
	width: 911px; 
	background-image:url('../pix/bg.png'); background-repeat:repeat;
}

.unten-rand {
	margin: 0 auto;
	width: 911px; height:54px; background-image:url(../pix/unten-rand.png);
}

.unten-rand a {
	 color:#000000; text-decoration:none
}
.unten-rand a:hover {
	 color:#e2007a; text-decoration:none;
}

.alert {color:#0000cc}



.head {
	margin-bottom: 15px;
	text-align: right; margin-right:0.5em;margin-left:0.6em;
	background-color:#FFFFFF
}





/* content */
.content {
	float: right; margin-right:10px; 
	width: 620px; 
}
.content1 {
	float: right; margin-right:20px; width: 600px; 
}

.content p {font-family: Verdana,Arial, Helvetica,sans-serif; }


.index-box {width:205px;height:358px; background-image:url(../pix/bg-box-index.png); float:right; margin-right:0.7em; margin-bottom:3em;}

.index-box h1 {font:bold 1.4em Verdana,Arial, Helvetica, sans-serif; color:#e2007a; margin-left:0.8em}
.index-box p {margin:0em 0em 0.8em 0.8em; color:#333333; line-height:1.3em;}
.index-box-image {margin:0.8em }



.servicebox {float:right; margin-right:20px}
.left {float:left}
.left20 {float:left; margin-left:20px}









 
 
  /*Navigation */
 .navigation {
	width: 230px; margin-left:0.8em; list-style-type:none; height:630px; float:left
}
.navigation h2 {
	color: #333333;
	font: bold 1em Verdana, Arial,sans-serif;
	line-height: 20px;
	margin: 0;}	


ul#Navigation {
margin-left: 0; /* Für den IE */
padding-left: 0; /* Für alle anderen Browser */
list-style-type:none; 

font-size: 1em;
width: 230px; 
float: left;
margin-top:0px;
padding-top:1em;
padding-bottom:1em;
}
 
ul#Navigation li 
{padding: 0.3em 0.3em 0.3em 0em; list-style: none; width:200px; float:right;  border-bottom:1px dotted #cccccc;}

 ul#Navigation  li a:link {
    color: #000000; text-decoration:none;display:block; width:100%; }
 ul#Navigation  li a:visited {
    color: #000000;  text-decoration:none;display:block; width:100%;}
 ul#Navigation  li a:hover {
    color: #e2007a; text-decoration:none;display:block; width:100%;}
ul#Navigation  li a:focus {
    color: #000000; text-decoration:none;display:block; width:100%;}	
 ul#Navigation  li a:active {
    color: #000000; text-decoration:none;display:block; width:100%;}
      ul#Navigation li ul li
{padding: 0.3em 0.3em 0.3em 0em; list-style: none; width:165px; float:right;  border:none }

ul#Navigation li ul li strong
 { color: #e2007a; }
 
  ul#Navigation  li ul li a:link {
    color: #000000; text-decoration:none;display:block; width:100%;}
  ul#Navigation  li ul li a:visited {
    color: #000000;  text-decoration:none;display:block; width:100%;}
ul#Navigation  li ul li a:hover {
    color: #cb016d; text-decoration:none;display:block; width:100%;}
ul#Navigation  li ul li a:focus {
    color: #000000; text-decoration:none;display:block; width:100%;}		
  ul#Navigation  li ul li a:active {
    color: #000000; text-decoration:none;display:block; width:100%;}
  
.fog {color:#e2007a}
  
.tab {
	padding-top: 3px;
	clear: both;
	}
	
.tab4 {
	padding-top: 3px;
	clear: both;
	width: 300px;}	

.tab1 {
	padding-top: 5px;
	clear: both; }
	
.tab2 {
	padding-top: 10px;
	clear: both; }
	
.tab3 {
	padding: 10px 0px 5px 0px;
	clear: both; }		
 
.tit1 {float: left;width: 120px;  }
.tit2 {float: left;width: 190px;  }
.tit3 {float: left;width: 100px;  }
.tit4 {float: left;width: 90px;  }
.tit5 {float: left;width: 250px;  }
.tit6 {float: left;width: 170px;  }
.tit7 {float: left;width: 190px;  }

.sem1 {float: left;width: 120px; background-color:#fbe4f0; }
.sem2 {float: left;width: 190px; background-color:#fbe4f0; }
.sem3 {float: left;width: 100px; background-color:#fbe4f0; }
.sem4 {float: left;width: 300px; background-color:#fbe4f0; }

.sem1p {float: left;width: 120px; background-color:#dffadf; }
.sem2p {float: left;width: 190px; background-color:#dffadf; }
.sem3p {float: left;width: 100px; background-color:#dffadf; }
.sem4p {float: left;width: 300px; background-color:#dffadf; }


.haupt1 {float: left;width: 115px;  }
.haupt2 {float: left;width: 195px;  }
.haupt3 {float: left;width: 305px;  }

.hauptb {padding-top: 3px; clear: both;}
.hauptb1 {float: left;width: 115px; background-color:#fbe4f0; }
.hauptb2 {float: left;width: 195px; background-color:#fbe4f0; }
.hauptb3 {float: left;width: 305px; background-color:#fbe4f0; font-weight:bold }

.hauptb1p {float: left;width: 115px; background-color:#dffadf; }
.hauptb2p {float: left;width: 195px; background-color:#dffadf; }
.hauptb3p {float: left;width: 305px; background-color:#dffadf; font-weight:bold }


.tier1 {float: left;width: 120px;  }
.tier2 {float: left;width: 180px;  }
.tier3 {float: left;width: 310px;  }


.tierb1 {float: left;width: 120px; background-color:#fbe4f0; }
.tierb2 {float: left;width: 180px; background-color:#fbe4f0; }
.tierb3 {float: left;width: 310px; background-color:#fbe4f0; }

.aus {float: left;width: 250px; background-color:#fbe4f0; }
.pro {float: left;width: 350px; background-color:#fbe4f0; }

.tierb1p {float: left;width: 120px; background-color:#33cc33; }
.tierb2p {float: left;width: 180px; background-color:#33cc33; }
.tierb3p {float: left;width: 310px; background-color:#33cc33; }

.aus {float: left;width: 250px; background-color:#33cc33; }
.pro {float: left;width: 350px; background-color:#33cc33; }


.anmeld {float: left;width: 440px;  }
.checkbox {float: left;width: 20px;  }
.anzahl {float: left;width: 45px; text-align:right }
.ticket {float: left;width: 340px; }
.netto {float: left;width: 100px;  text-align:right}


 .anfo {margin-bottom:0.5em}


 
 
 .ab {padding-top: 3px; clear: both;}
.bez {float: left;width: 100px; background-color:#fbe4f0; }

.referent {float:left; width:295px; margin-bottom:10px;}
.image-r {width:100px; float:left; margin-right:0.5em; height:132px}
.image-s {width:100px; float:left; margin-right:0.5em; height:132px; border:#CCCCCC 1px solid}

.image {float:right;width:210px;height:150px;margin-right:5px; margin-bottom:5px; margin-left:12px; text-align:center; background-image:url(../pix/rahmen-bild.png); background-repeat:no-repeat}
.image-inner {margin-top:1em; margin-right:0.3em}

.image1 {float:right;margin-right:5px; margin-bottom:5px; margin-left:12px;}

.pdf {width:500px}

.referent-solo {width:90%; padding:20px;}
.gap {width:100px; float:left; margin-right:0.8em; height:610px}

.error {
	position: absolute;
	visibility: visible;
	z-index: 21;
	height: auto;
	width: auto;
	left: 20px;
	top: 20px;
	float: left;
	font-weight: bold;
	color: #E2007A;
	text-align: left;
}
.error2 {
	visibility: visible;
	z-index: 21;
	height: auto;
	width: auto;
	float: left;
	font-weight: bold;
	color: #E2007A;
	text-align: left;
	margin-left: 40px;
	margin-top: 10px;
}
.error3 {
	font-weight: bold;
	color: #E2007A;
	text-align: left;
}
.bildunterschrift {
}
.bestellen{
	float:left;
	margin:0px;
}
.bestellen2{
	float:left;
	margin:0px;
	margin-left: 20px;
	margin-top: 0px;
}
.myown{
	width:auto;
	margin:10px;
	text-align:left;
	float:left;
}
.meinrahmen{
	border:solid;
	border-width:2px;
	border-color:#dedede;
	width:584px;
	float:left;
}



/* Footer */
    div#footer a {
        text-decoration: none; color:#999999;
    }
	
	 div#footer strong {
        text-decoration: none; color:#999999;
    }

    
    div#footer a:hover {
        text-decoration: underline;
    }

div#footer {
  
	width: 100%;
	background: #ccc;
	
	
}

    div#footer div.slot {
        width: 220px;
        float: left;
        
    }
	

    div.slot p {
        font: normal normal normal 1em Verdana, Arial, sans-serif;
        color: #ccc;
    }

    div.slot strong {
        display: block;
        font-weight: bold;
    }

    div.slot a {
        color: inherit;
        display: block; color:#ccc;
    }
	
 div#footer div.slot1 {
        width: 20px;
        float: left;
 }