@charset "UTF-8";
*
 * Cascading Style Sheets für
 * www.vitas.de
 */
 
/******************************************************************************************************************* 
 * ALLGEMEINE FORMATIERUNG 
 ******************************************************************************************************************/
html {
	overflow-y: scroll;
}
html, body {
	height:100%;
}
html, body {
	color:#000;
}
body, h2, p, span, input, select, option, a, textarea, ul {
	font-family: Verdana, Arial, sans-serif;
	font-weight:normal;
}
h1 { 
     font-size:16px; color:#999; 
     font-weight:normal;
	  padding-left: 10px;
}
h2 			{ font-size:14px; color:#666; font-weight:normal;}
ul 			{ font-size:11px; color:#666; list-style:none; }
p 			{ 
            font-size:11px; color:#666;
				line-height: 150%;
				padding-left: 10px;
	 
	 }
a 			{ font-size:11px; text-decoration:none; color:#22bbe1; }
.linear 		{ display:none; }
.right		{ float:right; }
.clearer	{ clear:both; }
a img, img 	{ border: none; overflow:hidden; display:block; }
.dach {
	color: #959595; 
	font-weight: 100 !important;
	background: transparent;
	padding: 0px 5px 0px 5px;
	margin: 0;
	line-height:30px;
	border-bottom:1px solid #e7e7e7;
}
/*****************************************************************************************************************/


.csc-textpic-imagewrap {  
margin-left: 5px
}
.csc-frame-rulerBefore {
 background-image: url(../images/underline_green.png);
 width: 100%; 
 height: 2px; 
 line-height: 2px; 
 background-repeat: no-repeat: left center;
}
.csc-frame-rulerAfter {  
 background-image: url(../images/underline_green.png);
 width: 100%; 
 height: 2px; 
 line-height: 2px; 
 background-repeat: no-repeat: left center;
}

/*** Textpositionen */
.align-center {
text-align: center
}

.align-right {
	text-align: right;
}

.align-left {
	text-align: left;
}

.align-justify {
	text-align: justify;
}
/**** Ende***/


/**** Content-Contaainer **/
#container {
color: #000;
background: #c8c5c5;
width: 1100px;
height: 100%;
margin-left: 100px;
top: 25px;
}
/******* header-caontainer *******/
#header {
	background: Blue;
	line-height: 1.2em; /* to avoid the peekaboo bug */
}
#logo {
float: left;
width: 200px;
height: 194px;
color: #fff;
background: #716959;
}
#kopf {
margin-left: 200px;
color: #000;
background: #a3c5c3;
}
/***ende .- header-container */
/** main content - container  **/
#main {
background: #e3e0e0;
line-height: 1.2em; /* to avoid the peekaboo bug */
}

/********** Container - Ende ******/
#contentintro{
	width: 700px;
	z-index: 5;
	position: absolute;
	float: right;
	left: 50%; 
   top:380px; 
	margin-left:-400px;
}

#content{
	width: 580px;
	z-index: 1;
	position: absolute;
	float: right;
	left: 50%; 
   top:250px; 
	margin-left:-280px;
}

#news {
	width: 186px;
	height: 100%;
	z-index: 5;
	position: absolute;
	float: right;
	left: 50%; 
   top:248px; 
	margin-left:316px;
	background-image: url(../images/news_kontainer_partyservice.jpg);
}

#fuss {
	width: 200px;
	height: 115px;
	z-index: 6;
	position: relative;
	float: right;
	left: 50%;
	top: 100%;
	margin-left: 160px;
}
/*****************************/
#leftanvpos {
	width: 250px;
	z-index: 3;
	position: absolute;
	float: right;
	left: 50%; 
   top:150px; 
	margin-left:-490px;
}

/******** Navigation _Links *********/
/** Ebene 1 *******/

   .navbild1 {
	background: transparent url(../images/button/main_btn_1.jpg) no-repeat top right;
	height: 31px;


}
   .navbild2 {
	background: transparent url(../images/button/main_btn_2.jpg) no-repeat top right;
	height: 31px;


}
   .navbild3 {
	background: transparent url(../images/button/main_btn_3.jpg) no-repeat top right;
	height: 31px;


}
   .navbild4 {
	background: transparent url(../images/button/main_btn_4.jpg) no-repeat top right;
	height: 31px;


}
   .navbild5 {
	background: transparent url(../images/button/main_btn_5.jpg) no-repeat top right;
	height: 31px;

}
   .navbild6 {
	background: transparent url(../images/button/main_btn_6.jpg) no-repeat top right;
	height: 31px;

}
   .navbild7 {
	background: transparent url(../images/button/main_btn_7.jpg) no-repeat top right;
	height: 31px;


}
   .navbild8 {
	background: transparent url(../images/button/main_btn_8.jpg) no-repeat top right;
	height: 31px;


}
/****************** LISTNAVIGATION *********/
  ul#Navigation {
    width:197px;
	 margin-right:1px;
	 display: block;

  }
  
  ul#Navigation_act {
    width:197px;
	 margin-right:1px;
	 display: block;

  }
  
  * html ul#Navigation {  /* Korrekturen fuer IE 5.x */
   width:197px;
	 margin-right:1px;
	 display: block;
  }
  * html ul#Navigation_act {  /* Korrekturen fuer IE 5.x */
	 margin-right:1px;
	 display: block;
  }
  
  ul#Navigation li {
  	 display: block;
	 margin-right:1px;

  }
  
   ul#Navigation_act li {
  	 display: block;
	 margin-right:1px;

  }

  ul#Navigation a {
	 display: block;
	 color:#999;
	 font-size:11px;
	 font-weight: normal;
	 padding: 2px 5px 0px 10px;
	/* margin-top: 14px;
	 line-height:14px;
	 border-bottom:1px solid #eee;*/
  }
 
  ul#Navigation_act a {
	display: block;
	color: #22bbe1;
	font-size: 11px;
	font-weight: normal;
	width: 197px;
	margin-right: 1px;
	padding: 2px 5px 0px 10px;
	margin: 0; /*
	line-height: 14px;
	margin-top: 14px;
	border-bottom: 1px solid #eee;*/
}
 
  ul#Navigation a:hover {
   color: #22bbe1;
}
  
  /** Ebene 2 *******/

  ul#Navigation2 {
	margin-top:2px;
	padding-bottom:10px;
	border-bottom:1px solid #eee;
	width:82%;
  }
  
  ul#Navigation2_act {
	margin-top:2px;
	padding-bottom:10px;
	border-bottom:1px solid #eee;
	width:82%;
  }
  
  * html ul#Navigation2 {  /* Korrekturen fuer IE 5.x */
	margin-top:2px;
	padding-bottom:10px;
	border-bottom:1px solid #eee;
	width:82%;
  }
  * html ul#Navigation2_act {  /* Korrekturen fuer IE 5.x */
	margin-top:2px;
	padding-bottom:10px;
	border-bottom:1px solid #eee;
	width:82%;
  }
  
  ul#Navigation2 li {
	list-style: none !important;
	background: transparent url(../images/submenu_point.png) no-repeat top left;
}
  
   ul#Navigation2_act li {
	list-style: none !important;
	background: transparent url(../images/submenu_point.png) no-repeat top left;
}

  ul#Navigation2 a {
	display: block; 
	color: #959595; 
	font-weight: 100 !important;
	background: transparent;
	padding: 2px 5px 0px 10px;
	margin: 0;
  }
  
  ul#Navigation2_act a {
	display: block; 
	color: #959595; 
	font-weight: 100 !important;
	background: transparent;
	padding: 2px 5px 0px 10px;
	margin: 0;
  }
  
  ul#Navigation2 a:hover {
   color:#22bbe1;
  }



  /************* oldschool navigation mit DIV'S **********************************/
#leftnav a {
   display: block;
   color: #959595; 
	font-weight: 100 !important;
	background: transparent;
   margin: 0px 0px 0px 3px;
   padding: 9px 0px 3px 35px;
   width: 197px;
   float: none;
   text-align: left;
	text-decoration: none;
  }
  
#leftnav_act a {
	display: block;
	color: #959595;
	font-weight: 100 !important;
	background: transparent;
	margin: 0px 0px 0px 3px;
	padding: 9px 0px 3px 35px;
	width: 197px;
	float: none;
	text-align: left;
	text-decoration: none;
}

  #leftnav a:link {
  	text-decoration: none;
  }

  #leftnav a:hover {
     color: #22bbe1;
  }

  #leftnav_act a {
  }

  #leftnav_act a:link {
  	text-decoration: none;
  }

  #leftnav_act a:hover {
  color: #22bbe1;
  }
 
  #leftnav_act a:visited {
  ccolor: #22bbe1;
  }


#leftnav1 a {
	display: block;
	color: #959595;
	font-weight: 100 !important;
	padding: 10px 0px 10px 10px;
	margin-left: 40px;
	background: transparent url(../images/submenu_point.png) no-repeat center left;
}
  
#leftnav1_act a {
	display: block;
	color: #959595;
	font-weight: 100 !important;
	background: transparent;
	padding: 10px 0px 10px 10px;
	margin-left: 40px;
	background: transparent url(../images/submenu_point.png) no-repeat center left;
}


  #leftnav1 a:link {
  	text-decoration: none;
  }

  #leftnav1 a:hover {
  color: #22bbe1;
  }

  #leftnav1_act a:link {
  }


  #leftnav1_act a:hover {
  color: #22bbe1;
  }
 
  #leftnav1_act a:visited {

  }
  
  /******************************/

#leftnav2 a {
	display: block;
	color: #959595;
	font-weight: 100 !important;
	padding: 10px 0px 10px 10px;
	margin-left: 60px;
	background: transparent url(../images/submenu_point.png) no-repeat center left;
}
  
#leftnav2_act a {
	display: block;
	color: #959595;
	font-weight: 100 !important;
	background: transparent;
	padding: 10px 0px 10px 10px;
	margin-left: 60px;
	background: transparent url(../images/submenu_point.png) no-repeat center left;
}


  #leftnav2 a:link {
  	text-decoration: none;
  }

  #leftnav2 a:hover {
  color: #22bbe1;
  }

  #leftnav2_act a:link {
  }


  #leftnav2_act a:hover {
  color: #22bbe1;
  }
 
  #leftnav2_act a:visited {

  }

 /******************************************************************************************************************* 
 * Footer
 ******************************************************************************************************************/
.trenner {
	background-image: url(../images/trennpunkt.png);
	background-color: Blue;
	background-position: center;
	background: no-repeat;
	width: 5px;
	height: 5px;
} 
 
 
#fussnav {
   font-family: Verdana, sans-serif;
   text-decoration: none;
   color: #ffffff;
   font-size: 11px;
	padding-left: 3px;
	padding-right: 3px;

}

#fussnav_act {
   font-family: Verdana, sans-serif;
   text-decoration: none;
	color:#22bbe1;
   font-size: 11px;
	padding-left: 3px;
	padding-right: 3px;
}

#fussnav a {
   font-family: Verdana, sans-serif;
   text-decoration: none;
	color:#22bbe1;
   font-size: 11px;
	padding-left: 3px;
	padding-right: 3px;
}   

#fussnav_act a {
   font-family: Verdana, sans-serif;
   text-decoration: none;
	color:#22bbe1;
   font-size: 11px
	padding-left: 3px;
	padding-right: 3px;
}

 /* Fuss Navigation 
 
#fussnav {
   border-top:1px solid #22bbe1;
	background: transparent url(../images/servicenav_point.gif) no-repeat left;
	padding:0 0 0 10px;
	margin-right:10px;
}

#fussnav.first {
	background: transparent;
	padding:0;
}

#fussnav_act {
   border-top:1px solid #22bbe1;
	background: transparent url(../images/servicenav_point.gif) no-repeat left;
	padding:0 0 0 10px;
	margin-right:10px;
}
#fussnav_act.first {
	background: transparent;
	padding:0;
}

#fussnav a {
	border-top:1px solid #22bbe1;
	width:480px;
}   

#fussnav_act a {
	border-top:1px solid #22bbe1;
	width:480px;
}
*/
/* Forms Fields */

SELECT {  
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px 
}

TEXTAREA {  
 font-family: Verdana, Arial, Helvetica,  sans-serif; 
 font-size: 10px
} 

INPUT {  
 font-family: Verdana, Arial, Helvetica,  sans-serif; 
 font-size: 10px 
}

/* Search Formats */

.searchform {
 font-family : Verdana, Arial, Helvetica, sans-serif;
 font-size : 11px;
 color : #000000;
 font-weight : normal;
 width: 220px;
}

.searchresultpagetitle {
 font-family : Verdana, sans-serif;
 font-size : 15px;
 color : #333333;
 font-weight : bold;
}

.searchresultcontent {
 font-family : Verdana, sans-serif;
 font-size : 11px;
 color : #000000;
 font-weight : normal;
}

.searchresultheader {
 font-family : Verdana, sans-serif;
 font-size : 14px;
 color : #333366;
 font-weight : bolder;
}

.searchmarkup {
 color : #000000;
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 12px; 
 font-weight: normal
}

.loginform {
 font-family : Verdana, sans-serif;
 font-size : 14px;
 color : #000000;
 font-weight : normal;
}
/*********************************************************************/
/* Mailform Formattting */
/********************************************************************/

.csc-mailform {
	border-style: none;
	width: 220px;
}

.csc-mailform-field {
	font-size:11px;
	width: 220px;
	color:#999;
	margin-top: 5px;
}

.csc-mailform-field label {
	font-size:11px;
	color:#999;
	margin-top: 5px;
	width: 60px;
	float: left;
	text-align: left;
}

.csc-mailform-field input {
   width: 140px;
	border:1px solid #dedede;
	font-size:11px;
	margin-bottom: 5px;
	float: left;
}

.csc-mailform-field textarea {
   width: 140px;
	border:1px solid #dedede;
	font-size:11px;
	margin-bottom: 5px;
	float: left;
}

.csc-mailform-submit {
	background-image: url(../images/senden.jpg);
	background-repeat: no-repeat;
	background-position: right;
	background-color: transparent;
	border-bottom: none;
	border-style: none;
	border: none;
	float: left;
	width: 62px;
	height: 22px;
}

/***************************************************************************/

/* In Text Hyperlinks */

.filelinks {
 font-family : Verdana, sans-serif;
 font-size : 12px;
 color : #000000;
}

.filelinkssize {
 font-family : Verdana, sans-serif;
 font-size : 12px;
 color : #000000;
}

/* NEWS-INFO-BOX-Container */

div#NEWS p {
	color: #ffffff;
	font-size: 10px;
	font-weight: normal;
	margin-left: 0px;
	margin-right: 0px;
   line-height: normal;
}

div#NEWS a:link {
	color: #ffffff;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
} 

div#NEWS a:hover {
	color: #ffffff;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
} 

div#NEWS a:visited {
	color: #ffffff;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}

div#NEWS H2 {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #ffffff;
	font-stretch: wider;
	background-image: none;
	font-size: 13px;
	font-weight: bold;
	margin: 0px 0px;
	padding: 0px 0px;
	float: none;
	text-indent: 0px;
	border-width: 0px 0px 1px;
} 

div#NEWS H2 a:link {
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
} 

div#NEWS H2 a:hover {
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
} 

div#NEWS H2 a:visited {
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
} 
/*******************/

.link { 
        font-family: Verdana, Arial, Helvetica, sans-serif; 
        text-decoration: none; 
        font-size: 12px; 
        color: #FF3333; 
        font-weight: bold;
		  border: none;
}


.tx-indexedsearch {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
font-weight: normal; 
color: #666666;
}

.tx-indexedsearch-info {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
font-weight: normal;
color: #666666;
}

.tx-indexedsearch-percent {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
font-weight: normal;
color: #666666;
}

.tx-indexedsearch-searchbox { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-weight: normal; 
color: #333333
}

.tx-indexedsearch-selectbox-type {  
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal
}

.tx-indexedsearch-selectbox-defop {  
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal
}

.tx-indexedsearch-descr {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
font-weight: normal; 
color: #666666;
}
.tx-indexedsearch-info {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
font-weight: normal;
color: #666666;
}

.tx-indexedsearch-percent {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
font-weight: normal;
color: #666666;
}
.tx-indexedsearch-searchbox { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px;
 font-weight: normal; 
color: #333333;
}
.tx-indexedsearch-selectbox-type { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-weight: normal;
}
.tx-indexedsearch-selectbox-defop {  
font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px; 
font-weight: normal
}



#site-search .submit {
	width: 43px;
}

.csc-textpic-caption {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal
}


.internal-link { 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    font-weight: bold; 
    color: #000000;
; text-decoration: none
  }
  /*
.bodytext {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
font-weight: normal
}
*/
/****************************************************************************/
/* +++ POWERMAIL FORMULAR ANFRAGE++++ */
/* Powermail ***************************************************************/
	/* Form */
span.powermail_mandatory {
	/* Color of mandatory error message */
	color: #557e18;
	font-size: 11px;
}
input.validation-failed,
textarea.validation-failed {
	/* Background color if validation failed 
	background-color: red;
	background-image: url(/typo3conf/ext/powermail/img/icon_exclamation.gif);
	background-repeat: no-repeat;
	background-position: 98% 1px;*/
}
div.powermail_mandatory_js {
	/* DIV container of errormessage */
	color: #cccccc;
	margin: 3px 0 5px 10px;
	font-size: 11px;
}
fieldset.tx-powermail-pi1_fieldset {
	/* Fieldset */
	color: #ffffff;
	font-size: 9px;
	width: 220px;
	border: 0px solid ;
	background-color: ;
	padding: 5px;
	display: block;
}
fieldset.tx-powermail-pi1_fieldset legend {
	/* legend of Fieldset */
	font-weight: 900 !important;
	background: transparent;
	font-size: 1px;
}
fieldset.tx-powermail-pi1_fieldset label {
	/* label */
	display: block;
	width: 60px;
	float: left;
	text-align: left;
	clear: both;
	font-size:11px;
	color:#999;
	margin-top: 5px;
	margin-right: 5px;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_text,
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea,
fieldset.tx-powermail-pi1_fieldset select.powermail_select {
	/* Input and textarea */
	width: 140px;
	border:1px solid #dedede;
}
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio {
	/* Radiobuttons */
	margin: 5px 0;
}

div.tx_powermail_pi1_fieldwrap_html {
	/* DIV container arround every field */
	margin: 10px 0;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
	/* submit button */
	margin: 0px 0 10px 63px;
	color:#22bbe1;
	font-weight: 0;
	background-image: url(../images/senden.jpg);
	float: left;
	width: 62px;
	height: 22px;
}
p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
p.tx_powermail_pi1_fieldwrap_html_radio_title {
	margin: 0;
	padding: 0;
	font-weight: bold;
}
div.countryzone {
	margin: 10px 0 0 200px;
}
div.tx_powermail_pi1_fieldwrap_html label a {
	/* Description */
	cursor: help;
}
div.tx_powermail_pi1_fieldwrap_html label a dfn {
	/* Description */
	display: none;
}
div.tx_powermail_pi1_fieldwrap_html label a:hover dfn {
	/* Description on mouseover */
	display: block;
	position: absolute;
	width: 180px;
	padding: 5px;
	background-color: #ddd;
	border: 1px solid red;
	color: black;
	text-decoration: none;
	font-size: 0.8em;
}
div.tx_powermail_pi1_fieldwrap_html img.icon_info {
	/* Description icon */
	padding: 2px 2px 0 2px;
}


	/* Confirmation */
td.powermail_all_td {
	padding: 1px 2px 3px 0;
	text-decoration: none;
	font-size: 11px;
}

	/* THX */
td.powermail_all p.bodytext {
	margin: 0;
	color: #ffffff;
}

/*******************************************************************************************************************