/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
	font: 13px/2.0 'Tahoma','Verdana', Arial, 'Liberation Sans', sans-serif;
	background-image:url(../img/body_bg.gif); background-repeat:repeat-x; background-color:#f5f5f6; background-position: 0 60px;
	color:#666;
}

a {
	margin:0; 
	display:inline-block; 
	text-decoration:none;
	vertical-align:top; 
	color: #999;
	font:bold Tahoma,'Tahoma',Verdana; 
	letter-spacing:0.2em; 
	text-transform:uppercase;}

a:focus {
	outline: 1px dotted invert;
}


a.boxlabel{
	float:right; 
	display:inline-block; 
	padding: 1px 45px 1px 15px; 
	background-color:#7fb8db; background-image: url(../img/a_bg-arrow.gif); background-position:right top; background-repeat:no-repeat;
	-moz-border-radius:3px; -khtml-border-radius:3px; 
	color:#FFF;font-size:11px; 
	}
a:hover.boxlabel{
	float:right; 
	display:inline-block; 
	padding: 1px 45px 1px 15px; 
	background-color:#0072b8; background-image: url(../img/a_bg-arrow-hover.gif); background-position:right top; background-repeat:no-repeat;
	-moz-border-radius:3px; -khtml-border-radius:3px; 
	color:#FFF;font-size:11px; 
	}
	
hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}



/* `LAYOUT 
----------------------------------------------------------------------------------------------------*/

._border{
	padding: -1px;
	border: 1px dashed #F00;
}

._borderStrap{
	margin_top: 10px;
	margin-bottom:10px;
	border-top: 1px dashed #F00;
	border-bottom: 1px dashed #F00;
}
	
._bg{
	background-color:#eee;
	padding: 5px 10px}


/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	font-size: 25px;
}


h2 {
	font-size: 23px;
}


h3 {
	font-size: 21px;
}


h4 {
	font-size: 19px;
}


h5 {
	font-size: 17px;
}


h6 {
	font-size: 15px;
}


/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
	list-style: decimal;
}


ul {
	list-style: disc;
}


li {
	margin-left: 30px;
}


p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 20px;
}



label{ 
	width: 200px;
	display: inline-block;
	color:#000;}

fieldset{
/*	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
*/	padding: 5px;
	font-width: bold;
	color:#999;}




/*_____ DIVs LOGO ________________*/

#janod_logo_position {
			position:absolute;
			top:50px;
			right: 0px;
			position: fixed;
			z-index:100;
			}
#janod_logo{
			background-color: #2071A9; 
			float: right; 
			margin-top:0px; 
			padding: 0px; 
			min-height: 20px; 
			width: 260px;
			}

/*    _____ DIVs HEADER ______________   */
			
#header{
	background-image:url(../img/header_bg_navigation.jpg);
	background-repeat:repeat-x;
	height: 61px;}
	
#navigation{	
	font:bold 10px Tahoma,'Tahoma',Verdana; 
	letter-spacing:0.2em; 
	text-transform:uppercase;}

#navigation a{
	margin:0; 
	display:inline-block; 
	text-decoration:none;
	vertical-align:top; 
	color:#000;}
	
#navigation a.smallPadding{
	padding: 20px 25px;}		
#navigation a.widePadding{
	padding: 20px 30px;}

#navigation a:hover,
#navigation .activ{
	background-image: url(../img/header_bg_a_over.jpg);
	background-position: 0px 0px;
	background-repeat:repeat-x;
	margin:0; 
	display:inline-block; 
	text-decoration:none; 
	color:#000;}





.first_content_margin{
			margin-top:50px;}
	
.image{
	margin-top: 40px;
	height:402; 
	-moz-border-radius:7px; 
	-khtml-border-radius:7px; 
	border: 1px solid #D6E2E4/*#D1E7F2*/;
	}
.image img{
	-moz-border-radius:7px; 
	-khtml-border-radius:7px;
	}

.floatLeft{
	float: left; 
	margin: 0px 30px 25px 0px;}
	
	

.form label {		
			float: left;
			width: 100px;
			line-height: 30px;
			}
.form div {
			margin-bottom: 10px;}			
.form input,
.form textarea { 	
			border:1px solid #e9e9e9;
			width: 350px;
			background-image:url(../img/form_bg.gif);
			background-repeat:repeat-x;
			padding: 8px;
			}	
.form .button{
			cursor:pointer;
			width: 100px;}
.form .button:hover{
			cursor:pointer;
			border:1px solid #006fc0;
			color:#006fc0;
			}						


.paragraphHead{
	font-size: 18px;
	color: #005CAA;
	}

	
/*    _____ slideshow ______________   */
	
#slideshow {
    position:relative;
    height:400px;
}

#slideshow div {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow div.active {
    z-index:10;
    opacity:1.0;
}

#slideshow div.last-active {
    z-index:9;
}

#smb{	
	font:bold 10px Tahoma,'Tahoma',Verdana; 
	height: 25px;
	}

#smb a{
	display:inline-block; 
	text-decoration:none;
	vertical-align:top; 
	color:#000;
	letter-spacing:0.2em; 
	text-transform:uppercase;
	cursor:pointer;
	}
.ShowSmb{
	margin:5px 0px 0px 20px;}
.smb_close{
	margin:5px 0px 0px 20px;}
#empfehlen{
	visibility:hidden;
	height:26px;
	width:340px;
	position: absolute;
	margin-left: 600px;
	background: url(../img/smb_bg-top.gif) no-repeat scroll -93px 0  ;
	}

#teilen{
	visibility:hidden;
	height:26px;
	width:340px;
	position: absolute;
	margin-left: 600px;
	background: url(../img/smb_bg-top.gif) no-repeat scroll -230px 0  ;	
	}
.smbContent{
	border-bottom:1px solid #d6d6d6;
	background-color:#FdFdFd;
	height: 26px;
	margin-top:7px;
	padding: 5px 5px 2px 20px;
	}
		
/*    _____ DIVs FOOTER ______________   */
			
#footer{
	height: 61px;
	font:normal 9px Tahoma,'Tahoma',Verdana;
	letter-spacing:0.2em; 	 
	margin-top: 20px;
	/*padding-top: 20px;*/
	vertical-align:central;}

		
#foot{	
	background-image:url(../img/footer_bg_lines.gif);
	background-repeat:repeat-x;
	padding-top:20px;
	font:bold 8px Tahoma,'Tahoma',Verdana; 
	letter-spacing:0.2em; 
	text-transform:uppercase;
	text-align:right;}
#foot a{
	margin:0; 
	display:inline-block; 
	text-decoration:none;
	vertical-align:top; 
	color: #999;}
#foot a.smallPadding{
	padding: 0px 15px;}
#foot a.lastPadding{
	padding: 0px 0px 0px 15px;}			
	
