/* ====================================================================
CSS Document for screendesign by Biznet AG
Last Update:  09 September 2009
Author: I. Bertolotti
Media: Screen

Structure:          1a. Kalibrierung
                        1b. Allgemeine Definitionen
                        2.  Screendesign + Navigation
                        3.  Formatierungen Popup
                        4. 	Formatierungen
												
 ======================================================================== */

/* ==========================================
   1a. Kalibrierung
   ========================================== */

/****Abstand nach unten ***/
h1, h2, h3, p, ol 
{
    margin-bottom:0;

}
ul
{
    margin: 0;
}

/***Verschachtelte Listen ***/
ul ul, ol ol{
	margin-bottom: 1.5em;
}
/***Liste einziehen ***/
li{
	margin-left:0;
}

/* ===========================================
   1.b Allgemeine Definitionen
   =========================================== */
html
{
    min-height: 101%;
}

body
{
	background-color:#efefef;
	color:#555656;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0;
	padding:0;
	text-align:left;
}

td{
    font-size: 12px;	
}


p
{
	margin:0;
	padding:0;
}

h1
{
    font-size:16px;
    line-height: 1.5em;
    font-weight:bold;
    color:#555656;
    margin: 0;
	padding-bottom:10px;
}

strong
{
	font-weight:bold;
}

em
{
	font-style:italic;
}

img
{
	border:0;
}

ul
{
	padding-left:1.5em;
	margin-left:0;
}

hr
{
    border: 0;
    height: 1px;
	background-color: #818181;
	color: #818181;
}

/******Definition anchor********************/

a
{
    color: #007aa2;
}

a:link, a:visited, a:active
{
	color:#007aa2;
	text-decoration:none;	
}

/* ===========================================
   2. Screendesign
   =========================================== */
#wrapper
{
    width: 996px;
	margin: 0 auto;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}


#container
{
    float: left;
	position: relative;
	width: 968px;
	min-height: 800px;
	border-right: 14px solid #e3e3e3;
	border-left: 14px solid #e3e3e3;
	background-color: #fff;
}

.header
{
   position: relative;
	width: 946px;
	height: 216px;
	float: left;
	margin: 10px 11px;
}
.logo
{
  position: relative;
	width: 101px;
	height: 32px;
	float: left;
	margin:  10px 11px;
}

/* Navigation oben */
#bg-navi
{
	position: relative;
	float: left;
	width: 968px;
	height: 32px;
	padding: 0px;
	margin: 0px;
	background-image:url(/images/bg-navi.jpg);
	background-repeat:no-repeat;
	z-index:5;
}
#navigation{
	position: relative;
	float:left;
	width: 968px;
	height: 32px;
}

#navigation ul{
	position:relative;
	list-style-type:none;
	margin:0;
	padding:0;
}
#navigation li{
	float:left;
	position:relative;
	color:#61605f;
	width:120px;
	font-size:12px;
}

#navigation a{
	color:#61605f;
	
}

.nav_element{
    position:relative; 
		border-right: 1px solid #9a9b9b;
    padding: 9px 5px 9px 7px;
}

.selected
{
    position:relative; 
	border-right: 1px solid #9a9b9b;
    padding: 9px 5px 9px 7px;
    background-color:#d3d3d3;
}

/*#navigation ul li*/ .nav_element:hover
{
    
   background-color:#d3d3d3;
}

.nav_element1
{
    border:none;
    padding: 9px 9px 9px 7px;
	  border-right: 1px solid #9a9b9b;
}
.selected1
{
    border:none;
    padding: 9px 9px 9px 7px; 
    background-color:#d3d3d3;
		border-right: 1px solid #9a9b9b;
}
.selected2
{
    border:none;
    padding: 9px 9px 9px 7px; 
    background-color:#d3d3d3;
}

#navigation ul li .nav_element1:hover
{
    background-color:#d3d3d3;
}

/* 2nd level */	
#navigation ul li ul{
	display: none;
	position: absolute;
	top: 31px;
	left: 0; 
	width: 100%;
	padding: 1px 0 0 0;
}
#navigation ul li ul li{
	position: relative;
	display: block;
	left:0;
	margin-top: 0;
	padding:0;
	background-color:#efefef;

}
#navigation ul li ul li a{
	display: block; 
	height: auto;
	color:#61605f;
	height: 12px;
	margin: 0;	
	padding: 10px 0 10px 7px;
	border-top: solid 1px #fff;
}
#navigation ul li ul li.selected,
#navigation ul li ul li:hover a:hover, #navigation ul li ul li.over{
	color:#61605f;
	
}									
#navigation ul li ul li a.over, #navigation ul li ul li a:hover
{
    background-color: #d3d3d3;
    color: #61605f;   
    border-top: solid 1px #fff;
}									
#navigation ul li ul li a.selected{
	color: #61605f;
	
}
#navigation ul li:hover>ul{
	display: block;
	direction: ltr;
}
#navigation ul li.over ul{
	display: block;
	direction: ltr;
}		    

/*CONTENT */
.content
{
	position: relative;
	float: left;
	width: 968px;	
	margin: 0;
	padding: 0;
	z-index:1;
}

.content_main
{
	position: relative;
	float: left;
	width: 918px;
	margin: 0;
	padding: 25px 25px 20px 25px; 
}

/*Bereich links */
.bereich_links{
    position: relative;
    float: left;
	 width: 445px;
	 margin: 0;
	 padding-bottom: 15px;		
}
/*Bereich rechts */
.bereich_rechts{
  position: relative;
  float: right;
	width: 445px;
	margin: 0;
	padding-bottom: 15px;
}
.bereich_inhalt{
    position: relative;
    float: left;
	width: 445px;	
    margin-bottom: 15px;
}

.contentMain_unten
{
	position: relative;
	float: left;
	width: 918px;
	margin: 0;
	padding-bottom: 15px;
}

.contentMain_unten_Inhalt
{
	position: relative;
	width: 918px;
	margin-bottom: 15px;
	float: left;
}


.elementImg
{
    position: relative;
    float: left;
    width:445px;
    margin-top: 15px;
}

.boxImg1
{
    width:200px;
    float:left;
	padding-right:20px;
}

.boxImg2
{
    width:200px;
    float:right;
}

.bild
{
    width:200px;   
}

.text_img
{
    width:200px;
    font-size:10px;
}

.elementBilder
{
    position: relative;
    float: left;
    width: 918px;
    margin-top: 15px;
}

.boxBild
{    
    float:left;
    width:200px;
    margin: 0 25px 0 0;   
}
.picture
{
    width:200px;   
}


.footer{
	position:relative;
	width:971px;
	height:30px;
	color:#007aa2;
	font-size:11px;
	margin:0 auto;
	padding: 5px 10px 0 15px;
}

.balken_footer{
	padding: 0 5px;	
}

.footer_links{
	float:left;	
}


.footer_rechts{
	float:right;
}

.footer_rechts a:hover{
	color:#555656;
}

.footer_rechts a:visited{
	color:#555656;	
}


/* ===========================================
   3. Formatierungen Popup Template
   =========================================== */


#wrapper.popup
{
	width: 996px;
	margin: 0 auto;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	
}
.popup #container
{
	position: relative;
	width: 968px;
	min-height: 800px;
	border-right: 14px solid #e3e3e3;
	border-left: 14px solid #e3e3e3;
	background-color: #fff;
}

.popup .bereich_links
{
    position: relative;
    float: left;
	width: 540px;
	margin: 0;
	padding-bottom: 15px;	
	
}
.popup .bereich_rechts
{
    position: relative;
    float: right;
	width: 350px;
	margin: 0;
	padding: 32px 10px 15px 10px;
		
}
.popup .bereich_rechts .bereich_inhalt
{
    position: relative;
    float: left;
	width: 350px;
	margin-bottom: 15px;	
}

.popup .bereich_links .bereich_inhalt
{
    position: relative;
    float: left;
	width: 540px;	
	margin-bottom: 15px;
	z-index: 1;
}

.popup.content
{
	position: relative;
	float: left;
	width: 918px;	
	margin: 0;
	padding: 0;
	z-index: 1;
}

.popup .content_main 
{
	width: 918px;
	margin: 0;
	float: left;
    padding-top: 10px;
}


.popup .contentMain_unten
{
	position: relative;
	float: left;
	width: 918px;
	margin: 0;
	padding-bottom: 15px;
}


.popup .contentMain_unten_Inhalt
{
	position: relative;
	width: 890px;
	padding: 10px 15px;
	margin-bottom: 15px;
	float: left;
	background-color: #EFEFEF;
}

.popup .contentMain_unten_Inhalt h1
{
    padding:0;
}

.popup .switch
{
    clear: left;
    text-align: right;
    height: 34px;
    margin-bottom: -34px;
    position: relative;
    z-index: 5;
}


.popup h1
{	
	color:#007aa2;  
	line-height: 1.5em;
	padding-bottom:10px;
}

.icon
{
	margin-top: 2px;
	margin-right: 3px;
	
}

/* ===========================================
   4. Formatierungen
   =========================================== */

.bild_rechts
{
	margin: 18px 0 0 0;
	padding:0;
	float:right;	
}

.titel
{
	font-weight:bold;
	color:#007aa2;	
}

.line
{
	border-bottom: dashed 1px #4eadc7;
}
	
	
/* Formulare*/

.form
{
    position:relative;
    width: 445px; 
    background:none;
    padding: 5px;
    margin: 0;
}

.star
{
    color:#007aa2; 
    font-weight:bold; 
    
}
	
.inputfield
{
    width: 200px;
    background-color:#b5d8e5;
    color:#555656;
    border: 1px solid #fff;
}
.inputfield2
{
    width:45px;
    background-color:#b5d8e5;
    color:#555656;
    border: 1px solid #fff;
}

.textarea
{
    width: 200px;
    background-color:#b5d8e5;
    color:#555656;
    border: 1px solid #fff;
}

.group{
	font-weight:bold;	
	
}


.inputZip{
	  width:45px;
    background-color:#b5d8e5;
    color:#555656;
    border: 1px solid #fff;
}
.inputCity{
		width:148px;
    background-color:#b5d8e5;
    color:#555656;
    border: 1px solid #fff;
}
.lb
{
    font-weight:bold;
    color:#555656;
 
}
.lb2
{
       color:#555656;
 
}

.buttonSend
{
   width:100px;
   background-color:#b5d8e5;
   border: 1px solid #fff;    
   color:#000;
   cursor:pointer;
    
}
.buttonSend2
{
   width:120px;
   background-color:#b5d8e5;
   border: 1px solid #fff;    
   color:#000;
   cursor:pointer;
    
}

.buttonSend:hover
{
    background-color: #4eadc7;}

.buttonSend2:hover
{
    background-color: #4eadc7;}