/*
================================================
Typo 3 Master CSS
Version: 1.0
Letze Änderung: 22.11.2010 
================================================

Index
------------------------------------------------
Grundeinstellungen
- Univeral Selektor
- HTML-Tags
- Wrapper-DIV

Head Bereich
- Logo
- Sprachnavigation

Navigation
- Hauptnavigation
- Subnavigation

Content-Bereich
- Formatierungen speziell für Contentbereich

Sidebar
- Formatierungen speziell für Sidebar

Footer
- Formatierungen speziell für Footer

Typo3 Erweiterungen
- tt_news
- mailformplus
- ...
------------------------------------------------
*/

/*
==================
Grundeinstellungen
==================
*/

/* Universal Selektor */
* {
	margin: 0;
	padding: 0;
	border: 0;  
}


body {
height:100%;
behavior:url("csshover.htc"); 
}


/* Scrollbalken für IE8 und Firefox erzwingen */
html, body {
height:100%;
}

/* IE Win < 7 only \*/
* html #wrapper {
height:100%;
}


/* HTML-Tags */

.start {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333;
background-image: url(../bilder-design/bg-start.jpg);
background-repeat: repeat-x;
height:101%;

}

.inhalt {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333;
background-image: url(../bilder-design/bg-inhalt.jpg);
background-repeat: repeat-x;
height:101%;
}

hr {
color: #C5C5C5;
background-color: #C5C5C5;
height: 1px;
border: none;

}
	
/*Titel*/
h1 {
color: #990033;
text-transform: uppercase;
font-weight: bold;
font-size: 18px;
padding: 0 0 5px 0;
	
}

h2 {
color: #990033;
text-transform: uppercase;
font-weight: bold;
font-size: 16px;
padding: 0;
	
}

h3 {
color: #000;
text-transform: uppercase;
font-weight: bold;
font-size: 12px;
	
}

h3 a {color: #000; text-decoration:none; }
h3 a:link {}
h3 a:visited {}
h3 a:hover { color: #990033; }
h3 a:active { }

h4 {
color: #990033;
font-size: 14px;
font-weight: bold;
font-style: normal;
padding: 0 0 5px 0;
	
}


h5 {
font-size: 12px;
color: #000000;
font-style: italic;
font-weight: normal;

}

h6 {
color: #990033;
font-size: 12px;
font-weight: bold;
font-style: normal;
	
}

h7 {
color: #990033;
font-size: 15px;
font-weight: bold;
font-style: normal;
text-transform: uppercase;

}

h7 a {background-image: url(../bilder-design/pfeil-rot.png);
background-repeat: no-repeat;
background-position: right;
padding: 0 10px 0 0; }


/*Generelle Links*/
a {color: #990033; text-decoration:none;  }
a:link {}
a:visited {}
a:hover { }
a:active { }


/*Wrapper DIV*/
#wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -117px; 
width: 980px; 


}
	
/*
==================
Head Bereich
==================
*/

#header {
width: 722px;
float: left;

}

/*Slideshow Start*/

.rgsgcontent .myGallery {
border: 0px;

}


/*Tools Start*/

#tools {
width: 230px;
float: left;
padding: 0 0 0 16px;

}

.login-reg{
cursor: pointer;
background-image:url(../bilder-design/btn-reg.png);
background-repeat: no-repeat;
width: 175px;
height: 26px;
padding: 12px 45px 12px 12px;

}

.login-reg a {color: #17508a; text-decoration:none; }


.evitaplus-login {
cursor: pointer;
}

.evitamed-login{
cursor: pointer;
}

.btn-login a { display: block;  width: 232px; height: 50px; background-image: url(../bilder-design/btn-evita-login-blau.png); background-repeat: no-repeat; }
.btn-login a:hover {  display: block;  width: 232px; height: 50px;  background-image: url(../bilder-design/btn-evita-login-blau-aktiv.png); background-repeat: no-repeat}


/*Tools Inhalt*/

#tools-inhalt {
/*padding-bottom: 50px;*/
height: 43px;	

}

#metanav-start {
height: 43px;

}

#logo{
text-align: right;
padding: 8px 0 33px 0;

}

#breadcrumbs{
color: #990033;
font-size: 11px;
padding: 0 0 20px 0;

}

.breadcrumbs li{
list-style:none;
float: left;
padding: 0 6px 0 0;
}

#breadcrumbs a {color: #990033; font-size: 11px; text-decoration:none; }
#breadcrumbs a:link {}
#breadcrumbs a:visited {}
#breadcrumbs a:hover { color: #003162;}
#breadcrumbs a:active { }

/*
==================
Suche
==================
*/

/*Suche Start*/

#suche{
border-bottom: solid 0px #999;
padding: 0 0 10px 0;
}


.suchfeld{
border: 0px;
background-image: url(../bilder-design/start-suche-bg.jpg);
background-repeat: no-repeat;
height: 24px;
width: 120px;
padding: 0 21px 0 30px;
margin: 0 0 0 10px;

}

.suche-btn{
background-image: url(../bilder-design/start-suche-btn-blind.png);
background-repeat: no-repeat;
height: 24px;
width: 27px;
border: 0px;
margin-left: -29px;
background: transparent;
cursor: pointer;
}

/*Suche Inhalt*/


#suche-inhalt{
border-bottom: solid 0px #999;
padding: 0 0 10px 0;
float: left;
font-size:11px;
margin-top: 5px;
}

.suchfeld-inhalt{
border: 0px;
background-image: url(../bilder-design/suche-bg-inhalt.jpg);
background-repeat: no-repeat;
height: 20px;
width: 90px;
padding: 0 20px 0 20px;
margin: 0 0 0 5px;


}

.suche-btn-inhalt{
background-image: url(../bilder-design/suche-btn-inhalt.png);
background-repeat: no-repeat;
background: transparent;
height: 16px;
width: 20px;
border: 0px;
margin-left: -20px;
cursor: pointer;

}

.suchfeld-suchseite{
border: solid 1px #c1c8d0;

}

.suche-btn-suchseite{
background-image: url(../bilder-design/btn-suche.gif);
background-repeat: no-repeat;
width: 80px;
height: 24px;
padding: 5px 0 10px 0;
cursor: pointer;
color: #FFFFFF;
font-weight: bold;
font-size: 11px;
}

.tx-indexedsearch-searchbox-sword{
border: 0px solid #fff; /*Farben anpassen*/
margin-left: 0px;
float: right;

}

.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-sword {
width:150px;
border: 1px solid #ccc;
float: left;
/*margin-top: 6px;*/
padding: 1px;

}

.tx-indexedsearch-result-number {
display: none;
}

.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-button{
color: #000;
border: 0px solid #fff; 
/*margin-top: 6px;*/
padding: 1px;
}

.tx-indexedsearch-path {
display: none;
}

.suche_text{
float: left;
padding-right: 12px;
}


.tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-sword{
margin-top: 0px;
}


.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-button  {
width:80px;
}


/*Abstand Suchtags*/

#tx_indexedsearch ul li{
float: left;
padding: 0px 5px 0px 0px;
}

/*Suchergebnis*/

.browsebox{
padding: 8px 0px;
margin: 0px;
text-align: center;

}

.tx-indexedsearch .tx-indexedsearch-browsebox li {
display:inline;

}

.tx-indexedsearch-title{
font-size: 13px;
color: #990033;
font-weight: bold;
padding: 7px 0 3px 0;

}

.tx-indexedsearch-title a {color: #990033!important; text-decoration: none; }
.tx-indexedsearch-title a:hover {color: #990033; text-decoration: underline; }

.tx-indexedsearch-descr{
font-style: normal!important;

}

.tx-indexedsearch .tx-indexedsearch-res td.tx-indexedsearch-descr {
font-style: normal;
border-bottom:1px solid #ccc;
padding-bottom: 10px;
width: auto;

}

.tx-indexedsearch-redMarkup{
color: #990033!important;

}

.tx-indexedsearch-noresults{
text-align: left!important;
padding-top: 10px;

}

.tx-indexedsearch-percent{
display: none;
}

.tx-indexedsearch-browsebox {
border-bottom:1px solid #ccc;

}

.tx-indexedsearch-whatis{
display: none;
}


/*
==================
Head Bereich
==================
*/


#teaser {
clear: left;
padding: 29px 0 0 0;
}

/*Metanavigation*/

#metanav {
height: 43px;
padding: 8px 14px 0 0;
float: left;
margin-left: -7px;

}

#metanav li {
float: left;
list-style-image:none;
list-style-type:none;
}

/*Metanavigation*/
#metanav li a { color: #333; padding: 0 10px 0 10px; text-decoration: none; font-size: 11px; }
#metanav li a:link {  }
#metanav li a:visited { }
#metanav li a:hover {  }
#metanav li a:active {  }
#metanav .metanav-first a{ padding: 0 10px 0 0; }


/*Sprachnavigation*/

span.customStyleSelectBox { font-size:11px; padding: 0 0 0 7px;   }
span.customStyleSelectBox.changed {  }
.customStyleSelectBoxInner {  background-image: url(../bilder-design/sprache-pfeil.jpg); background-repeat: no-repeat; background-position: right; }


/*Sprachnavi jquery css*/

#button {
height: 22px;
width: 76px;
position: relative;
z-index: 500;
margin: 0;
padding: 0;
float: left;

}

.the_menu ul, .the_menu li {
margin:0; 
padding:0; 
list-style:none;
}

.the_menu {
display:none;
width: 76px;
background-color: #edf2f5;
padding: 4px;

}

.the_menu li {
display:block;

}

.the_menu li a { color: #333; text-decoration:none; padding: 0px; display:block;}
.the_menu li a:hover { text-decoration: underline;	}


/*Sprachnavi jquery Superfish*/

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
    
	margin:			0;
	padding:		0;
	list-style:		none;
}

.sf-menu ul {
	position:		absolute;
	top:			-999em;
	background-color:#fff;
	padding: 4px;
	width:			7em; /* left offset of submenus need to match (see below) */
}


.sharef .sf-menu ul {
	position:		absolute;
	top:			-999em;
	background-color: #344482;
	padding: 4px;
	width:			10em; /* left offset of submenus need to match (see below) */
}

.sf-menu ul li {
	width: 100%;
/*	z-index: 11; */

}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
	font-size: 		11px;
	z-index: 		4000;

}
.sf-menu a {
	display:		block;
	position:		relative;
	color: #333;
/*	z-index: 10; */
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	/*left:			-125px;*/
	top:			20px; /* match top ul list item height */
	z-index:		400;
}



.sharef .sf-menu li:hover ul,
.sharef .sf-menu li.sfHover ul {
	left:			-125px;
	top:			8px; /* match top ul list item height */
	z-index:		400;
}

@-moz-document url-prefix() {
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	/*left:			-125px;*/
	top:			20px; /* match top ul list item height */
	z-index:		400;
}
}

@-moz-document url-prefix() {
.sharef .sf-menu li:hover ul,
.sharef .sf-menu li.sfHover ul {
	/*left:			-125px;*/
	top:			9px; /* match top ul list item height */
	z-index:		400;
}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .sf-menu li:hover ul,
	.sf-menu li.sfHover ul {
		/*left:			-125px;*/
		top:			20px; /* match top ul list item height */
		z-index:		400;
	}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .sharef .sf-menu li:hover ul,
	.sharef .sf-menu li.sfHover ul {
		/*left:			-125px;*/
		top:			9px; /* match top ul list item height */
		z-index:		400;
	}
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}



/*** SKIN ***/
.sf-menu {
float: left;
padding: 6px 0 0 0;
margin-right: 20px;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#333;
	z-index: 10;
}
.sf-menu li a {
background-image: url(../bilder-design/bg-sprache.png);
background-repeat: no-repeat;
background-position: right center;
display: block;
width: 60px;
padding: 3px 2px 3px 2px;
z-index: 10;
		
}
.sf-menu li ul li {
/* background: #edf1f5;	 */

}

.sf-menu li ul li a{
/* background: #edf1f5;	 */
background-image: none;

}


/*
==================
Navigation
==================
*/

/*Start Template*/

#start-mainnav {
z-index: 200;


}

#start-mainnav ul{
margin: 0;
padding: 0px 10px 0px 0px;
width: 200px;


}

#start-mainnav li{
float: left;
list-style-image:none;
list-style-type:none;
margin: 0px;
padding: 0px;

}

#start-mainnav li a { padding: 5px 32px 5px 0px; display: block; /*ganze Fläche anklickbar machen*/ text-decoration:none;  font-weight: bold; font-size: 15px; text-transform: uppercase;   }
#start-mainnav li a:link  {   }
#start-mainnav li a:visited {  }
#start-mainnav li a:hover  { background-image: none; color: #003162; }
#start-mainnav li a:active {    }
/*aktiver Hauptnavigationslink -> in typo3 wird die Klasse "aktiv" definiert*/
#start-mainnav li.aktiv a { color: #003162; }

#start-subnav {
margin: 0;

}

#start-subnav li{
float: none;
list-style-image:none;
list-style-type:none;
padding: 0px;
margin: 0px;

}

#start-subnav li a  { font-size: 13px; padding: 2px 12px 2px 5px; display: block; text-decoration:none; color: #666!important; background-color: #FFFFFF; font-weight: normal; text-transform: none; background-image: none; font-weight: bold;}
#start-subnav li a:link  {   }
#start-subnav li a:visited {  }
#start-subnav li a:hover  { color: #003162!important;  }
#start-subnav li a:active {   }
/*aktiver Subnavigationslink*/
#start-subnav li.subnavaktiv a {  color: #003162!important; }

/* Horizontale Anordnung */
#start-mainnav li ul { 
display:none;
position: absolute;
z-index: 200;

} 

/* CSS HACK FÜR IE 7 Mainnav verschiebt es sonst */
/**+html #start-mainnav {position:relative; left: -165px;}  nur für den IE7 */

/* Normalzustand eingeklappt */
#start-mainnav li:hover ul { 
display:block; 

} 

/* Ausgeklappt */		
#start-mainnav { 
position:absolute; 
}


/*
==================
Content-Bereich
==================
*/

#content {
clear: left;
/*height: 100%;
min-height: 100%;*/

}

#maincontent {
float: left;
padding: 0 10px 0 15px;
width: 470px;
min-height: 350px;

}

#microsite-content  {
float: left;
padding: 0 0 0 0;
width: 955px;
min-height: 350px;


}

#maincontent li {
list-style-image:none;
list-style-position:outside;
list-style-type:disc;
padding: 5px 5px;
margin-left: 15px;
}

/*Bilder li*/	
#maincontent .csc-textpic-imagewrap li {
padding: 0px 5px 5px 0px;
margin: 0px 0px 0px 0px;

}

/*Inhalt Template Produkteübersicht*/

#maincontent-2 {
float: left;
padding: 0 10px 0 15px;
width: 700px;
min-height: 350px;

}

#start-content {
clear: left;
padding: 16px 0 26px 0; 

}


#start-maincontent-1 {
width: 495px;
float: left;
padding: 0 0 20px 0;

}

#start-maincontent-2 {
width: 240px;
float: left;
}

#start-maincontent-2 li {
list-style-image:none;
list-style-position:outside;
list-style-type:disc;
/*border-bottom: solid 1px #999;*/
}

.einleitung {
width: 480px;
padding: 0 0 10px 0;
display: block;

}



#start-content #sidebar li {
color: #333;
list-style-type:none;
background-image: url(../bilder-design/bg-bullet-red.gif);
background-repeat: no-repeat;
background-position: top left;
padding: 7px 5px 7px 18px;
margin-left: 0px;
border-bottom: solid 1px #c5c5c5;
}



/*Bilder li*/	
#start-content .csc-textpic-imagewrap li {
padding: 0px 10px 0px 0px;
margin: 0px 0px 0px 0px;

}

/*Produktübersicht Akkordeon*/	
#prod-uebersicht {
background-image: url(../bilder-design/prod-uebersicht-bg.jpg);
display: block;
width: 722px;

}

#prod-uebersicht  .trigger, #prod-uebersicht .trigger_active  {
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	-moz-box-shadow:0 0px 0px #fff inset;
	-webkit-box-shadow:0 0px 0px #fff inset;
	box-shadow:0 0px 0px #fff inset;
	background-image: url(../bilder-design/prod-uebersicht-bg-trigger.gif);
	background-repeat: repeat-y;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	color:#fff;
	cursor:pointer;
	margin-bottom:0px;
	padding:7px 10px 7px 15px;
	text-shadow:0 0px 0 #fff;
	text-transform: none;
	font-family: Arial,Helvetica,sans-serif;

}
#prod-uebersicht .trigger_active {


}
#prod-uebersicht  .toggle_container {
	padding:0px;
}

#prod-uebersicht td {
padding: 5px 10px 5px 8px;

}

.btn-blau-gross, .btn-gruen-gross, .btn-rot-gross{
background-image: url(../bilder-design/btn-blau-gross.png);
background-repeat: no-repeat;
padding: 8px 0 0 0;
height: 34px;
width: 211px;
display: block;
text-transform: uppercase;
color: #FFFFFF;
font-weight: bold;
font-size: 14px;
text-align: center;
cursor: pointer;
}



.btn-gruen-gross {
background-image: url(../bilder-design/btn-gruen-gross.png);

}

.btn-rot-gross{
background-image: url(../bilder-design/btn-rot-gross.png);

}


.btn-blau-gross a, .btn-gruen-gross a, .btn-rot-gross a {
color: #FFFFFF;

}


/*
========================
Inhaltsnavigation Start
========================
*/	

/*1. Box Evita Plus*/

#start-evita {
background-image: url(../bilder-design/bg-start-evita-2011.jpg);
background-repeat: no-repeat;
padding: 40px 18px 5px 18px;
margin: -20px 0 20px 0;
padding-top:50px;

} 

#start-evita-fr {
background-image: url(../bilder-design/bg-start-evita-fr.jpg);
background-repeat: no-repeat;
padding: 40px 18px 5px 18px;
margin: -20px 0 20px 0;
padding-top:50px;

} 

#start-evita-en {
background-image: url(../bilder-design/bg-start-evita-en.jpg);
background-repeat: no-repeat;
padding: 40px 18px 5px 18px;
margin: -20px 0 20px 0;
padding-top:50px;

} 

#start-evita-it {
background-image: url(../bilder-design/bg-start-evita-it.jpg);
background-repeat: no-repeat;
padding: 40px 18px 5px 18px;
margin: -20px 0 20px 0;
padding-top:50px;

} 

#navi-evitaplus {


}

#navi-evitaplus li{
list-style-image:none;
list-style-type:none;
margin: 0px 0px 5px 0px;
padding: 0px;
background-color: #FFFFFF;
width: 210px;

}

#navi-evitaplus li a  { padding: 6px 0px 6px 18px; margin: 0 0 0 10px; display: block; text-decoration:none; color: #990033; font-weight: normal; text-transform: none; background: url(../bilder-design/arrow.gif) no-repeat center left; }
#navi-evitaplus li a:link  {   }
#navi-evitaplus li a:visited {  }
#navi-evitaplus li a:hover  {  }
#navi-evitaplus li a:active {   }
#navi-evitaplus li.subnavaktiv a {   }




.btn-gruen, .btn-rot {
background-image: url(../bilder-design/btn-gruen.png);
background-repeat: no-repeat;
padding: 8px 0 0 0;
height: 26px;
width: 211px;
display: block;
text-transform: uppercase;
color: #FFFFFF;
font-weight: bold;
font-size: 14px;
text-align: center;
cursor: pointer;
}

.btn-gruen a, .btn-rot a, .btn-blau a{color: #fff; text-decoration:none; background-image: none!important; }

#start-evitaplus-de {
float: left;
width: 210px;
min-height: 160px;
background-image: url(../bilder-design/bg-start-evita-plus-de.jpg);
margin: 0 12px 0 0;
padding: 52px 10px 10px 10px;

} 
#start-evitaplus-fr {
float: left;
width: 210px;
min-height: 160px;
background-image: url(../bilder-design/bg-start-evita-plus-fr.jpg);
margin: 0 12px 0 0;
padding: 52px 10px 10px 10px;

} 
#start-evitaplus-it {
float: left;
width: 210px;
min-height: 160px;
background-image: url(../bilder-design/bg-start-evita-plus-it.jpg);
margin: 0 12px 0 0;
padding: 52px 10px 10px 10px;

} 
#start-evitaplus-en {
float: left;
width: 210px;
min-height: 160px;
background-image: url(../bilder-design/bg-start-evita-plus-en.jpg);
margin: 0 12px 0 0;
padding: 52px 10px 10px 10px;

} 


#start-evita-med {
float: left;
width: 210px;
min-height: 160px;
background-image: url(../bilder-design/bg-start-evita-med.jpg);
padding: 52px 10px 10px 10px;

} 

/*

#start-evita-med a, #start-evitaplus a, #start-evita a  { padding: 0 0 0 0; background-image: url(../bilder-design/pfeil-rot.png); background-position: right; background-repeat: no-repeat; }
*/


.mehr { padding: 0 12px 0 0; background-image: url(../bilder-design/pfeil-rot.png); background-position: right; background-repeat: no-repeat; }

.btn-rot  {
background-image: url(../bilder-design/btn-rot.png);
background-repeat: no-repeat;
padding: 5px 0 0 4px;
height: 21px;
width: 170px;
display: block;
text-transform: uppercase;
color: #FFFFFF;
font-weight: bold;
font-size: 12px;
text-align: center;
cursor: pointer;
}

.btn-blau {
background-image: url(../bilder-design/btn-blau.png);
background-repeat: no-repeat;
padding: 5px 0 0 0;
height: 21px;
width: 170px;
display: block;
text-transform: uppercase;
color: #FFFFFF;
font-weight: bold;
font-size: 12px;
text-align: center;
cursor: pointer;
}

#start-videotour {
float: left;
width: 208px;
height: 116px;
padding: 0px 10px 10px 0px;
margin: 0 0 20px 0;
background-image: url(../bilder-design/bg-start-videotour.jpg);
background-repeat: no-repeat;
border-bottom: solid 1px #c5c5c5;

} 

#start-videotour a, #start-reisen a{
padding: 0 10px 0 0; background-image: url(../bilder-design/pfeil-rot.png); background-position: right; background-repeat: no-repeat;

} 


#start-reisen {
float: left;
width: 208px;
padding: 0px 10px 10px 0px;
background-image: url(../bilder-design/bg-start-reisen.jpg);
background-repeat: no-repeat;
border-bottom: solid 1px #c5c5c5;

} 

.einzug {
padding-left: 10px;
width: 140px;
display: block;
}



/*btn Rollover Zustände*/

.btn-rot-medium a{color: #fff; text-decoration:none; background-image: url(../bilder-design/btn-rot-medium.png); background-repeat: no-repeat; 
text-align: center;
display: block;
width: 170px;
height: 23px;
padding: 6px 0 0 0;
cursor: pointer;
text-transform: uppercase;
font-weight: bold;
font-size: 12px;

}
.btn-rot-medium a:hover  { background-image: url(../bilder-design/btn-rot-medium-aktiv.png); background-repeat: no-repeat; }


.btn-blau-medium a{color: #fff; text-decoration:none; background-image: url(../bilder-design/btn-blau-medium.png); background-repeat: no-repeat; 
text-align: center;
display: block;
width: 170px;
height: 23px;
padding: 6px 0 0 0;
cursor: pointer;
text-transform: uppercase;
font-weight: bold;
font-size: 12px;

}
.btn-blau-medium a:hover  { background-image: url(../bilder-design/btn-blau-medium-aktiv.png); background-repeat: no-repeat; }


.btn-gruen-large a{color: #fff; text-decoration:none; background-image: url(../bilder-design/btn-gruen.png); background-repeat: no-repeat; 
text-align: center;
display: block;
width: 211px;
height: 34px;
padding: 8px 0 0 0;
cursor: pointer;
text-transform: uppercase;
font-weight: bold;
font-size: 14px;

}
.btn-gruen-large a:hover  { background-image: url(../bilder-design/btn-gruen-aktiv.png); background-repeat: no-repeat; }


.btn-rot-large a{color: #fff; text-decoration:none; background-image: url(../bilder-design/btn-rot-large.png); background-repeat: no-repeat; 
text-align: center;
display: block;
width: 211px;
height: 34px;
padding: 8px 0 0 0;
cursor: pointer;
text-transform: uppercase;
font-weight: bold;
font-size: 14px;

}

.btn-rot-large a:hover  { background-image: url(../bilder-design/btn-rot-large-aktiv.png); background-repeat: no-repeat; }

.btn-blau-large a{color: #fff; text-decoration:none; background-image: url(../bilder-design/btn-blau-large.png); background-repeat: no-repeat; 
text-align: center;
display: block;
width: 211px;
height: 34px;
padding: 8px 0 0 0;
cursor: pointer;
text-transform: uppercase;
font-weight: bold;
font-size: 14px;

}
.btn-blau-large a:hover  { background-image: url(../bilder-design/btn-blau-large-aktiv.png); background-repeat: no-repeat; }




/*Ev. später löschen*/

.start-evita-box-plus, .start-evita-box-med {
float: left;
width: 247px;
background-image: url(../bilder-design/start-evita-bg.jpg);
display: block;

} 

.start-evita-box-plus {
margin-left: -10px;
}

.box-text {
padding: 0px 15px;

}

/*PLUS*/

.box-text #box-navi-evita-plus li{
list-style-image:none;
list-style-type:none;
margin: 0px;
padding: 0px;
background-image: url(../bilder-design/start-evita-box-li-bg.jpg);

}

#box-navi-evita-plus li a  { padding: 6px 0px 6px 18px; display: block; text-decoration:none; color: #003366; font-weight: normal; text-transform: none; background: url(../bilder-design/start-evita-box-li-pfeil-blau.jpg) no-repeat center left;}
#box-navi-evita-plus li a:link  {   }
#box-navi-evita-plus li a:visited {  }
#box-navi-evita-plus li a:hover  { }
#box-navi-evita-plus li a:active {   }
#box-navi-evita-plus li.subnavaktiv a {  }


/*MED*/

.box-text #box-navi-evita-med li{
list-style-image:none;
list-style-type:none;
margin: 0px;
padding: 0px;
background-image: url(../bilder-design/start-evita-box-li-bg.jpg); 
}

#box-navi-evita-med li a  { padding: 6px 0px 6px 18px; display: block; text-decoration:none; color: #990033; font-weight: normal; text-transform: none; background: url(../bilder-design/start-evita-box-li-pfeil-rot.jpg) no-repeat center left; }
#box-navi-evita-med li a:link  {   }
#box-navi-evita-med li a:visited {  }
#box-navi-evita-med li a:hover  {  }
#box-navi-evita-med li a:active {   }
#box-navi-evita-med li.subnavaktiv a {   }


/*Video Button*/

.btn-video-plus {
display: block;
background-image: url(../bilder-design/btn-video-plus.jpg);
color: #003366;
width: 218px;
height: 57px;
padding: 0 0 0 18px;
cursor: pointer; /* hand-shaped cursor */

}

.btn-video-med {
display: block;
background-image: url(../bilder-design/btn-video-med.jpg);
color: #990033;
width: 218px;
height: 57px;
padding: 0 0 0 18px;
cursor: pointer; /* hand-shaped cursor */

}


/*
==================================
Navigation Inhaltstemplate
==================================
*/	

#navigation {
width: 230px;
float: left;
min-height: 80px;
}
		
#subnav{
padding: 10px 0 0 0;
}

#subnav li{
list-style-image:none;
list-style-type:none;
border-bottom: solid 1px #c5c5c5;
width: 100%;

}

/*SUBNAVIGATION Links*/
#subnav li a  { padding: 4px 0px 4px 0px; display: block; text-decoration:none; color: #990033; font-weight: bold; text-transform: uppercase; background: none;}
#subnav li a:link  {   }
#subnav li a:visited {  }
#subnav li a:hover  { color: #003162; }
#subnav li a:active {   }
#subnav li.subnavaktiv a {  color: #003162;  }
.subnavaktiv a { padding: 4px 0px 4px 0px; display: block; text-decoration:none; color: #003162; font-weight: bold; text-transform: none; background: none;  }


#subsubnav li{
list-style-image:none;
list-style-type:none;
border-bottom: solid 0px #c5c5c5;
border-top: solid 1px #c5c5c5;
}

/*SUBSUBNAVIGATION Links*/
#subsubnav li a  { padding: 4px 0px 4px 18px; display: block; text-decoration:none; color: #666!important; font-weight: normal; text-transform: none; background: none; font-size: 13px; font-weight: bold;}
#subsubnav li a:link  {   }
#subsubnav li a:visited {  }
#subsubnav li a:hover  { color: #003162!important; }
#subsubnav li a:active {   }
#subsubnav li.subsubnavaktiv a {  color: #003162!important;  }

/*
=================
Sidebar-Bereich
=================
*/	

#sidebar {
float: left;
width: 245px;

}

/*
==================
Footer-Bereich
==================
*/	


.push {
height: 117px;
clear: both;
}

#footer {
color: #FFFFFF;
background: #680022;
height: 117px;
 /* margin-top:-117px!important; 
clear: left; */

}

#footer-wrapper {
margin: 0 auto; 
width: 980px; 
padding: 10px 0 0 0;

}

#footer-mainnav {
width: 243px;
float: left;
text-decoration: none;
}

#footer-mainnav li{
list-style-image:none;
list-style-type:none;
margin: 0px;
padding: 0px;

}

#footer a {color: #fff; text-decoration:none; }
#footer a:link {}
#footer a:visited {}
#footer a:hover { }
#footer a:active { }


/*Footer Mainnav*/

#footer-mainnav li a { padding: 2px 2px 2px 0; display: block; font-weight: bold; text-decoration:none; color: #fff; text-transform: uppercase;}
#footer-mainnav li a:link  {  }
#footer-mainnav li a:visited { }
#footer-mainnav li a:hover  { }
#footer-mainnav li a:active {  }
#footer-mainnav li.aktiv a { }

address{
float: left;
font-style: normal;
width: 252px;

}

.address-zusatz{
float: left;
font-style: normal;
width: 241px;

}

#footernav {
float: left;
text-decoration: none;
}

#footernav li{
list-style-image:none;
list-style-type:none;
margin: 0px;
padding: 0px;

}

/*Footer Mainnav*/

#footernav li a { padding: 2px 2px 2px 0; display: block; /*ganze Fläche anklickbar machen*/ text-decoration:none; color: #fff; text-transform: none;}
#footernav li a:link  {  }
#footernav li a:visited { }
#footernav li a:hover  { }
#footernav li a:active {  }
/*aktiver Hauptnavigationslink -> in typo3 wird die Klasse "aktiv" definiert*/
#footernav li.aktiv a { }


.facbook-feeticon{
margin-left: 5px;
position: absolute;

}

/*
=========================
Diverse CSS Definitionen
=========================

*/	

#sbOverlay {
    z-index: 920!important;
}

#sbCenter, #sbBottomContainer {
    z-index: 930!important;
}	


/*
===================
Typo3 Erweiterungen
===================
*/	

/*tt_news*/

#news{
padding: 0 0 32px 0;

}

.news-latest-item{
padding: 0;
margin: 0;
height: 65px;

}

.news-latest-morelink{
padding-bottom: 8px;

}

.news-latest-date{
font-size: 11px;

}

.news-list-item{
clear: left;
border-bottom: solid 1px #999;
padding: 10px 0 0 0;
}

.news-list-content{
padding: 0 0 10px 0;
clear: left;
}

.news-list-titel{
float: left;
}


.news-list{
clear: left;

}

.news-list-image{
padding: 0px 10px 20px 0px;
float: left;
}

.news-list-date {
color: #990033;
padding-left:0px;
}

.news-list-container  {
width: 100%;
}

.news-list-container hr {
background-color: #999999;
}

.lines{
background-image: url(../bilder-design/bg-lines.gif);
background-repeat: no-repeat;
height: 38px;
width: 230px;
display: block;
/*margin-top: -45px;*/
}


.news-single-backlink  {
padding: 10px 0px;
}

#statements{
padding: 0 0 5px 0;
}


#statements .csc-header{
padding: 10px 0 0 0;

}

#start-content #statements{
display: none;
}

/*Newsticker*/

#rightControl {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../bilder-design/btn-next-de.jpg");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    height: 19px!important;
    right: 0;
    top: 100px;
    width: 25px!important;
}


#leftControl {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../bilder-design/btn-vor-de.jpg");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    height: 19px!important;
	left: 180px!important;
    top: 100px;
    width: 25px!important;
	z-index: 500;
}

/*Statements*/

#rightControl2 {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../bilder-design/btn-next-de.jpg");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
   height: 19px!important;
    right: 0;
    top: 100px;
    width: 25px!important;
}

#leftControl2 {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../bilder-design/btn-vor-de.jpg");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    height: 19px!important;
	left: 180px!important;
    top: 100px;
    width: 25px!important;
	z-index: 500;
}



/*optional*/
.pflichtfelder {
margin: 12px 0 0 170px;

}

.tabelle-aerzte{
background-color: #dde4e9;
text-align: left;

}

.tabelle-aerzte td, .tabelle-aerzte th {
border-bottom-color: #fff;
border-bottom-style: solid;
border-bottom-width: 1px;
padding: 5px 6px;


}

.bodytext {
margin: 0;
padding: 0;

}

#map {
float: left;
width: 510px; 
height: 340px; 
margin: 0px;
color:#000;

}

.sr_language_menu_form{
width: 400px;
}


/** 
 * Slideshow style rules.
 */
#slideshow {
	margin:0 auto;
	width:230px;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:230px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:230px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */

}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;

  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:100px;
  left:0;
  background:transparent url(../bilder-design/btn-zurueck-aktiv.gif) no-repeat 0 0;
   width: 96px;
  height: 24px;
}
#rightControl {
  top:100px;
  right:0;
  background:transparent url(../bilder-design/btn-vor-aktiv.gif) no-repeat 0 0;
  width: 96px;
  height: 24px;

}

/** 
 * Style rules for Demo page
 */


.slide h2, .slide p {
  margin:0px;
}

.slide h2 {
margin:0px;
}
.slide img {
  float:right;
  margin:0px;
}


/** 
 * Was Kunden sagen Slideshow
 */
#slideshow2 {
	margin:0 auto;
	width:230px;
	position:relative;
}
#slideshow2 #slidesContainer2 {
  margin:0 0 8px 0;
  width:230px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow2 #slidesContainer2 .slide2 {
  margin:0 auto;
  width:230px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */

}

/** 
 * Slideshow controls style rules.
 */
.control2 {
  display:block;
  width:39px;

  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl2 {
 	top:178px;
  left:0;
  background:transparent url(../bilder-design/btn-zurueck-aktiv.gif) no-repeat 0 0;
   width: 96px;
  height: 24px;
}
#rightControl2 {
  top:178px;
  right:0;
   background:transparent url(../bilder-design/btn-vor-aktiv.gif) no-repeat 0 0;
  width: 96px;
  height: 24px;

}

 
/* Slide Bild Galerie*/
.csc-frame-frame1 .nivoSlider {
	margin-top: 40px;
}

.csc-frame-frame1 .nivo-directionNav a {
	position:absolute;
	top:0!important;
	z-index:99;
	cursor:pointer;
	display:block;
	width:25px!important;
	height:30px!important;
	background-image: url(../bilder-design/btn-slidehow-vor-zurueck.jpg)!important;
	background-repeat: no-repeat;
	text-indent:-9999px;
	border:0;
	margin-top: -40px;
}
.csc-frame-frame1 a.nivo-nextNav {
	background-position:-25px 0!important;
	right:0;
	z-index: 800;
}
.csc-frame-frame1 a.nivo-prevNav {
	left:400px;
}

/* Control nav styles (e.g. 1,2,3...) */
.csc-frame-frame1 .nivo-controlNav {
   top: -28px!important;
    left: 47%;
    position: absolute;
}



.csc-frame-frame1 .nivo-directionNav{
display: block!important;
}


/* Accordion Menu FAQ */

.trigger, .trigger_active {	
	background:-moz-linear-gradient(center top, #e9e9e9 50%, #ddd 50%);
	background-image: url(../bilder-design/arrow.gif);
	background-repeat: no-repeat;	
	background-position: left center;
	border:0px solid #ddd;
	color:#888;
	cursor:pointer;
	margin-bottom:5px;
	padding:5px 10px 5px 15px;
	text-shadow:0 1px 0 #fff;
}
.trigger_active {

}
.toggle_container {
	padding:5px 10px;
}







/* Weiterempfehleun */

.empfehlen label {
width: 160px;
height: 25px;
}

.empfehlen .tx_tipafriend_formfield {
margin-bottom: 5px;
}

.tx_tipafriend_text {
margin-bottom: 15px;
}


.empfehlen input, .empfehlen textarea {
padding: 3px;
}

.empfehlen textarea, .empfehlen input {
width: 200px;
}

.empfehlen #emfpehlung_senden {
margin-top: 10px;
margin-left: 160px;
padding: 4px;
cursor: pointer;
background-image: url(../bilder-design/btn-rot.png);
background-repeat: no-repeat;
background-color: #fff;
color: #fff;
width: 160px;



}



#fehlerhinweis {
color: #990033;
padding: 20px 0 10px 0;
}

#hinweistext {
font-weight: bold;
padding: 0 0 10px 0;

}

.textradio {
margin-left: 4px;
}

#anrede2 {
margin-left: 5px;
}

#anrede1 {
margin-right: -2px;
}



.cl-right {
display: none;
}



#contentmitte {
top: 310px;
position: absolute;
}


/* Typo3 Tabelle */
tbody tr td, thead th {
    
  padding: 0;
margin: 0;
border-spacing: none;
border-collapse: collapse;
text-align: left;
vertical-align: top;
border-bottom: 0 solid #333333;
}


/*Share Social Media*/


.sharefunktion{
float: right;
z-index: 0;
}


.sharefunktion .sf-menu, .sharefunktion .sf-menu * {
	margin:			0 ;
	padding:		0 ;
	list-style:		none!important;
}

.sharefunktion .sf-menu li ul {
	width:120px;	
	list-style:		none;	
	margin:			0!important;
	padding:		10px!important;

}

.sharefunktion .sf-menu li ul li a {
width:120px;
color: #FFFFFF;
padding: 3px!important;
}

.sharefunktion .sf-menu li ul li a {
width:120px;
color: #FFFFFF;
padding: 3px!important;
}


.sharefunktion .current a {
/* background-color: #344482 !important;	 */
color: #FFFFFF;
z-index: 1 !important;
}

.sfmenu li {
position: relative;
z-index: 10;
background-color: yellow;
}

.sharebutton  {
background-image: url(../bilder-design/btn-share-inaktiv.png) !important;
background-repeat: no-repeat !important;
padding: 8px 0 0 25px !important;
height: 22px !important;
width: 55px !important;
display: block !important;
z-index: 10 !important;
position: relative !important;
}


.sharebutton:hover  {
background-image: url(../bilder-design/btn-share.png) !important;
background-repeat: no-repeat !important;
padding: 8px 0 0 25px !important;
height: 22px !important;
width: 55px !important;
display: block !important;
z-index: 10 !important;
position: relative !important;

}


.share-block {
background-color: #344482;
z-index: 600 !important;
position: absolute;
}

.share-block li, .share-block li a {
margin: 0 !important;
padding: 0 !important;
}






/*Formular*/


.empfehlen label {
    display: block;
    float: left;
    width: 160px;
}

.tx_tipafriend_formfield input{
border: solid 1px #ccc;
}

.tx_tipafriend_formfield textarea{
border: solid 1px #ccc;
}


/* zur Korrektur wenn keine News enthalten sind
.sp_en #rightControl2, .sp_en #leftControl2{
	top: 155px;
	
}

.sp_fr #rightControl2, .sp_fr #leftControl2{
	top: 163px;
}
*/

/* Registieren Login */
#registrieren-login{
	padding: 8px 0 0 0;
	float: right;

	
}


#registrieren-login a { color: #333; padding: 0 10px 0 10px; text-decoration: none; font-size: 11px; }




@-moz-document url-prefix() {
#footer-wrapper .sp_fr {
	width:234px;
}