/*=========================================================================
===========================================================================
Stylesheet:		Internetauftritt E-ZUBIS.DE
Agentur:			Norman Rosenke Werbeagentur GmbH
Umsetzung:		Anne Biermanski
===========================================================================
=========================================================================*/


/*=======================================================================*/
/*=========== Allgemein =================================================*/
/*=======================================================================*/

html,body {
	height:100%;
	background:url(/fileadmin/templates/ezubis/gfx/bg.jpg) center top repeat-x #fff;
}

body {
	margin:0;
	padding:0;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:12px;
	line-height:16px;
	text-align:center;
	color:#4c4c4c;
}

#main {
	margin:0;
	height:100%;
}

#all {		
	background:url(/fileadmin/templates/ezubis/gfx/bg_header_neu.jpg) center top no-repeat;
	position:relative;
	margin:auto;
	width:990px;
	text-align:left;
}

.spacer {
	height:248px;
}

#all_2 {		
	position:relative;
	margin:auto;
	width:990px;
	text-align:left;
}

.content {
	background:url(/fileadmin/templates/ezubis/gfx/bg_content.jpg) center top repeat-y;
	margin-left:-6px;
	min-height:600px;
	margin-top:-5px;
	color:#4c4c4c;
}

.links {
	width:650px;
	float:left;
	margin:20px 35px 130px 35px;
}

.videobox {
	background-color:#fff;
	width:645px;
	padding:20px;
	min-height:205px;
	color:#8d8b8b;
}

.videobox img {
	float:left;
	margin:3px 10px 0 0;
}

.videobox ul {
	list-style-image:url(/fileadmin/templates/ezubis/gfx/listpoint.gif);
	line-height:17px;
}

.videobox li {
	margin:0 0 0 14px;
}



/*=======================================================================*/
/*=========== Allgemeines ===============================================*/
/*=======================================================================*/

h1 {
	text-transform:uppercase;
	font-size:18px;
	font-weight:normal;
	margin:0 0 0 0;
	padding:0;	
	color:#fff;
	float:left;
}

h2 {
	text-transform:uppercase;
	font-size:12px;
	font-weight:normal;
	margin:0 0 10px 0;
	padding:0;	
	color:#4c4c4c;
}

h3 {
	font-size:15px;
	font-weight:normal;
	margin:5px 0 7px 0;
	padding:0;	
	color:#fff;
	float:left;
	line-height:17px;
}

h4 {
	text-transform:uppercase;
	font-size:14px;
	font-weight:normal;
	margin:0 0 6px 0;
	padding:0;	
}

h5 {
	font-size:13px;
	font-weight:bold;
	margin:10px 0 -4px 0;
	padding:0;	
}

h6 {
	text-transform:uppercase;
	font-size:18px;
	font-weight:normal;
	margin:0 0 0 0;
	padding:0;	
	color:#c4c4c4;
	float:left;
}

.link {
	margin-top:4px;
	color:#fff;
	font-size:14px;
	font-weight:normal;
	float:left;
	width:190px;
}

.link b {
	margin-top:2px;
	color:#ffdc00;
	font-size:13px;
	font-weight:bold;
	float:left;
}

.link a {
	color:#4c4c4c;	
	border-bottom:1px solid #ffdc00;	
	font-size:12px;
	font-weight:normal;
	font-style:italic;
	text-decoration:none;
}

.mail, .external-link-new-window {
	color:#4c4c4c;	
	border-bottom:1px solid #ffdc00;	
	font-size:12px;
	font-weight:normal;
	font-style:italic;
	text-decoration:none;
}



.link a:hover {
	color:#8d8b8b;
	border-bottom:1px solid #bcbcbc;	
}



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

.navi {
	float:right;
	margin:13px 20px 0 0;
	width:212px;
}

.navi ul {
	list-style:none;
	margin:0 0 0 -40px;
	font-size:13px;
	color:#fff;
	line-height:17px;
}

.navi li {
	padding:6px 0 6px 0;
	border-bottom:1px dotted #404040;
}

.navi a {
	color:#fff;
	text-decoration:none;
}

.navi a:hover {
	color:#404040;
	text-decoration:none;
}

.on {
	color:#404040;
	text-decoration:none;
}


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

.suchbox {
	float:right;
	margin:245px 18px 0 0;
	border:1px solid blue;
	height:57px;
}

.suchbox input, select, textarea {
	padding:7px 8px 5px 8px;
	font:normal 16px/20px Arial, Verdana, Helvetica, sans-serif;
	color:#9c9c9c;
	border:1px solid #c2c2c2;
	margin-right:5px;		
	background-color:#e2e1e1;
}

.suchbox suche {
	margin:0;
	height:20px;
	line-height:20px;
	font-size:16px;
}

.suchbox go {
	cursor:pointer;
	color:#9c9c9c;
	border:none;
	padding:0px 2px 2px 2px;
	width:30px;
}


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

.suchbox_2 {
	float:left;
	margin:30px 10px 0 0;
	background:url(/fileadmin/templates/ezubis/gfx/suche_bg.png) no-repeat;
	width:220px;
	height:60px;
}

.suchbox_2 input, select, textarea {
	padding:7px 8px 5px 8px;
	font:normal 16px/20px Arial, Verdana, Helvetica, sans-serif;
	color:#9c9c9c;
	border:1px solid #c2c2c2;
	margin:14px 0 0 10px;		
	background-color:#e2e1e1;
}

.suchbox_2 suche {
	margin:0;
	height:20px;
	line-height:20px;
	font-size:16px;
}

.suchbox_2 go {
	cursor:pointer;
	color:#9c9c9c;
	border:none;
	padding:0px 2px 2px 2px;
	width:30px;
}


/*=======================================================================*/
/*=========== Accordion =================================================*/
/*=======================================================================*/

.accordion {
	margin:15px 0 15px 0;
	color:#323232;
	font-size:13px;
	width:685px;
}
 
.accordion h2 {
 	margin:0;
	cursor:pointer;
	background:url(/fileadmin/templates/ezubis/gfx/bg_accordion.jpg) repeat-x;
	margin:0 0 3px 0;
	padding:11px 3px 8px 15px;
	font-weight:normal;
	color:#4c4c4c;
}

.accordion h2:hover {
	background:url(/fileadmin/templates/ezubis/gfx/bg_accordion_over.jpg) repeat-x;
}

.accordion h2 span {
	font-style:normal;
	font-weight:bold;
	color:#4c4c4c;
}

.accordion h3 {
	font-style:normal;
	font-weight:bold;
}

#one, #two, #three, #four, #five, #six, #seven, #eight, #nine, #ten, #eleven, #twelve, #thirteen, #fourteen, #fifteen, #sixteen, #seventeen, #eighteen, #nineteen, #twenty, #twentyone, #twentytwo, #twentythree, #twentyfour, #twentyfive, #twentysix, #twentyseven, #twentyeight, #twentynine, #thirty {
	width:630px;
	padding:0 10px 10px 10px;
	margin:0;
}


.accordion ol {
	line-height:17px;
}

.accordion li {
	margin:0 0 0 -20px;
	line-height:20px;
}


.accordion a {
	color:#4c4c4c;
	text-decoration:none;
}

.accordion a:hover {
	color:#fff;
	text-decoration:none;
}


/*=======================================================================*/
/*=========== Galerie ===================================================*/
/*=======================================================================*/

.galeriebox {
	margin:0;
	text-align:center;
	float:left;
}

.arrow_left {
	margin:70px 5px 0 26px;
	text-align:center;
	float:left;	
	width:51px;
	height:65px;
	background:url(/fileadmin/templates/ezubis/gfx/arrow_left.png);
}

.arrow_left:hover {
	background:url(/fileadmin/templates/ezubis/gfx/arrow_left_on.png);
	cursor:pointer;
}

.arrow_right {
	margin:70px 0px 0 -2px;
	text-align:center;
	float:left;	
	width:51px;
	height:65px;
	background:url(/fileadmin/templates/ezubis/gfx/arrow_right.png);
}

.arrow_right:hover {
	background:url(/fileadmin/templates/ezubis/gfx/arrow_right_on.png);
	cursor:pointer;
}

.box {
	padding:17px 0 15px 0;
	margin:0 8px 20px 0;
	width:200px;
	height:177px;
	float:left;
	font-size:12px;
	background-color:#fff;
}

.box img {
	margin-bottom:5px;
	border:none;
}

.infobox {
	background:url(/fileadmin/templates/ezubis/gfx/box_klein.gif);
	float:left;
	height:91px;
	width:211px;
	margin:8px 7px 12px 4px;
	padding:13px;
}

.infobox2 {
	background:url(/fileadmin/templates/ezubis/gfx/box_klein.gif);
	float:right;
	height:91px;
	width:211px;
	margin:8px 5px 12px 4px;
	padding:13px;
}


/*=======================================================================*/
/*=========== Subnavigation =============================================*/
/*=======================================================================*/

.subnavi {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	text-align:center;
	margin:0;
	padding-top:20px;
	padding-bottom:60px;
	font-size:10px;
}

.subnavi a {	
	color:#b2b2b2;
	text-decoration:none;
	margin-top:30px;
	padding:0 12px 0 12px;
	border-right:1px solid #e9e9e9;
}

.subnavi a:hover {
	color:#8d8b8b;
}


/*=======================================================================*/
/*=========== 4er Spalten ===============================================*/
/*=======================================================================*/

.spalte {
	color:#b2b2b2;
	float:left;
	border-right:2px dotted #fff;
	margin:17px 0 0 4px;
	width:228px;
	padding:30px 0px 120px 14px;
}

.spalte ul {
	color:#fff;
	list-style:none;
	margin:0;
	border:0 none;
	padding:0;
	font-weight:bold;
	font-size:11px;
}

.spalte li {
	margin-bottom:0px;
}

.spalte li a {	
	color:#b2b2b2;
	font-weight:normal;
	text-decoration:none;
}

.spalte li a:hover {	
	color:#676767;
	text-decoration:none;
	border-bottom:1px solid #b2b2b2;
}



/*=======================================================================*/
/*=========== Formularformatierung ======================================*/
/*=======================================================================*/

.send_reset_1 {
	cursor:pointer;
	width:100px;
	background-color:#e2e1e1;
	color:#9c9c9c;
	border:none;
	float:right;
	margin-right:1px;
	padding:2px 4px 2px 3px;
}

.send_reset_2 {
	cursor:pointer;
	width:100px;
	background-color:#e2e1e1;
	color:#9c9c9c;
	border:none;
	margin:0 0 0 2px;
	padding:1px 4px 2px 3px;
	height:21px;
}

.formular form {
	width:670px;
	padding:0 5px 0 0;
	margin:25px 0 25px 0;
	color:#fff;
}

.formular h4 {
	float:left;
	text-align:left;
	width:195px;
	font-weight:normal;
}

.formular select {
	margin-top:5px;
}

.linie {
	margin:25px 0 20px 0;
	border-bottom:1px dotted #c2c2c2;
}

.linie2 {
	clear:all;
	margin:55px 0 20px 0;
	border-bottom:1px dotted #e2e2e2;
}

.linie3 {
	margin:10px 0 7px 0;
	border-bottom:1px dotted #e2e2e2;
}

.formular input {
	margin-top:5px;
	padding:3px 2px 2px 4px;
	width:450px;
	border:1px solid #4c4c4c;
}

.pflicht {
	margin-top:5px;
	padding:3px 2px 2px 4px;
	width:450px;
	border:1px dotted #ff0000;
	background-color:#c2c2c2;
}

.formular textarea {
	margin-top:5px;
	margin-left:0px;
	width:450px;
	border:1px solid #4c4c4c;
	background-color:#fff;
}


suchfeld. {
	margin-top:5px;
	padding:3px 2px 2px 4px;
	width:370px;
	border:1px dotted #ff0000;
	background-color:#c2c2c2;
}



/* Edit by FZ for Carousel */
#carousel {	
	margin-bottom:-15pt;
}

#horizontal_carousel {
  width:990px;
  height:229px;
  margin-bottom:15px;
  position:relative;
  padding-bottom:0px;
  overflow:hidden;
  border:none;
}      

#horizontal_carousel .container {
  position:absolute;
  left:0px;  
  width:990px;
  height:229px;
  overflow:hidden;
}            

#horizontal_carousel .test {
  position:absolute;
  left:82px;  
  width:832px;
  height:229px;
  float:left;
  margin:0pt;
  text-align:center;
  overflow:hidden;
  padding: 0px 0px 20px 0px;
}

#horizontal_carousel .myImage {
  color:#E3EDFA;
  padding:10px 8px 0 0;
  width:125px;
  height:200px;
  position:relative;
  top:20px;
  cursor:pointer;
}
                   
#horizontal_carousel .img {
  border:none;
  display:block;             
  background:#E3EDFA;   
}  

.previous_button {
	height: 65px;
	width: 51px;
	background: url(/fileadmin/templates/ezubis/gfx/arrow_left.png) center no-repeat;	
	margin: 70px 5px 0pt 26px;
	border: none;	
	position: absolute;
	display: block;
}


.previous_button:hover {
	background: url(/fileadmin/templates/ezubis/gfx/arrow_left_on.png) center no-repeat;		
}


.next_button {
	width: 51px;
	height: 65px;
	background: url(/fileadmin/templates/ezubis/gfx/arrow_right.png) center no-repeat;
	float: left;
	margin: 70px 26px 0pt -2px;
	text-align: center;
	border: none;
	position: absolute;
	display: block;
	right: 0px;
}

.next_button:hover {
	background: url(/fileadmin/templates/ezubis/gfx/arrow_right_on.png) center no-repeat;
}