/* -------------------------------------------- */
/* ELTEC                                        */
/* -------------------------------------------- */
/* master css datei                             */
/* (c) 2009 ROCHarte | medienmarketing          */
/* -------------------------------------------- */



/* --------------------------------------- */
/* MISC */

body {
	background: #f7f7f7 url(/00_gfx/body-bg_4.png) repeat-x fixed;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:100%;
	line-height: 1em;
}

body#index {
	background: #f7f7f7 url(/00_gfx/body_bg.gif) repeat-x fixed;
}


#page-container {
	position:relative;
	top:0;
	left:0;
	
	margin:0 auto;
	width:980px;
	height:auto;	

	border-right: 1px solid #b3b3b3;
	border-left: 1px solid #b3b3b3;
	
	background: #fff;
}


/* --------------------------------------- */
/* HEADER*/

#header {
	position:relative;
	top:0;
	left:0;
	margin:0;
	padding:0;
		
	width: 980px;
	height: 113px;
}

#index #header_main_selector ul {
	display:none;
}

#header_main_selector {
	position:absolute;
	top:0px;
	left:1px;
	margin:0;
	padding:0;
		
	width: 978px;
	height: 25px;
	background:#cedfe7;
		display:none;
	text-align: right;
}

#header_main_selector ul{
	position:absolute;
	right:0px;
        display:none;
}

#header_main_selector ul li{
	float:left;
	width: auto;
	padding:0 10px;
	height: 25px;
	background:#cedfe7;
	border-left:1px #fff solid;
	font-size:0.75em;
	line-height:2.2em;
	font-weight:800;
	color:#000;
	letter-spacing:0.08em;
	text-align:center;
	text-transform:uppercase;
}

#header_main_selector ul li.active{
	background:#4a969c;
	color:#fff;
}

#header_main_selector ul li a {
	color:#222;
	text-decoration:none;
}

#header_main_selector ul li.active a {
	color:#fff;
}


#header_logo{
	position:absolute;
	top:35px;
	left:18px;
	margin:0;
	padding:0;
		
	width: 245px;
	height: 53px;
}

#header_functions {
	position:absolute;
	top:36px;
	right:20px;
	width:380px;
	font-size:0.7em;
	text-align:right;
        line-height:2em ! important;
}



#header_functions a {
	padding:2px 5px;
	text-decoration:none;
	color:#666;
}

#header_functions a:visited {
	color:#666;
}

#header_functions a:hover {
	color:#fff;
	background:#666;
}

#header_functions a:active {
	color:#fff;
	background:#4794a0;
}


#header_functions a.toplink {
	padding:2px 5px;
	text-decoration:none;
	color:#fff;
        background:#4794a0 url(/00_gfx/head_button_bg.png) repeat-x center center;
	letter-spacing:0.04em;


}

#header_functions a.toplink:visited {
	color:#fff;
}

#header_functions a.toplink:hover {
	color:#fff;
	background:#5568a5;
}

#header_functions a.toplink:active {
	color:#fff;
	background:#1b49da;
}





#header_decor_left , #header_decor_right  {
	position: absolute;
	width: 200px;
	height: 200px;
	top:0;
	
	background-image: url(../header_decor.gif) no-repeat 0 0;
}

#header_decor_left  {
	left:-201px;
}

#header_decor_right {
	background-position: -201px 0;
	right:-201px;
}

/* --------------------------------------- */
/* MENU */

#menu {
	position:relative;
	top:0;
	left:0;
	margin:0 1px;
	padding:0;
		
	width: 978px;
	height: 30px;
	clear:both;

	background:#aaa url(../menu_bg_4.gif) repeat-x 0 0;
	z-index:500;
}

#index #menu {
	left:-20px;
	margin:0 1px 15px 1px;
	padding:0;
}
	
#menu2 ul li {
	float:left;
	width:130px;
	height:29px;
	
	text-align:center;
	font-size: 0.92em;
	line-height:2em;
	letter-spacing:0.05em;
	font-weight:800;
	
	
	
	border-right:#bdc3ce 1px solid;
	border-left:#d6d7e7 1px solid;	
}

#menu2 ul li.active {
	color:#fff;
	background:#aaa url(../menu_active_bg.gif) repeat-x 0 0;
}

#menu2 ul li.active a {
	color:#fff;
}

#menu2 a {
	text-decoration:none;
	color:#444;
}
	
#menu_searchfield {
	position:absolute;
	top:0;
	right:0;
	margin:0;
	padding:0px 0 0 0;
		
	width: 341px;
	height: 30px;
	clear:both;
	background:#aaa;
}
/* --------------------------------------- */
/* CONTENT */

#index #content {
	left:0;
	margin:0;
	padding:0 20px 20px 20px;
	position:relative;
	top:0;
	width:940px;
	z-index:5;
}

#index_flash_container {
	position:relative;
	top:0;
	left:0;

	width:940px;
	height:240px;

	margin:0 0 15px 0;
	padding:0;

	background-color:transparent;
	clear:both;
}


#index_info_container {
	position:relative;
	top:0;
        left:0;

        width:940px;
        height:225px;
        margin:0;
        padding:0;  
}

#content {
	position:relative;
	top:0;
	left:0;
	margin:1px;
	padding:0;
		
	width: 978px;
	height: auto;
	min-height:120px;
	
	padding-bottom:0px;
	background:#fff;
	
}

#content_visual {
	position:relative;
	top:0;
	left:0;
	margin:1px 1px 0 1px;
	padding:0;
		
	width: 978px;
	height: auto;
}

#content #col1, #content #col2,#content #col3 {
	position:relative;
	top:0px;
	margin-top:20px;
	float:left;
	height: auto;
}

#content #col1 {
	width: 240px;
	overflow:hidden;
}

#content #col2 {
	width: 490px;
	margin-left:20px;
}

#content #col3 {
	width: 210px;
	float:right;
        overflow:hidden;
}


/* --------------------------------------- */
/* COL 1 Menu                              */

#col1 a {
	text-decoration:none;
	color:#000;
}

#col1 a:hover {
	text-decoration:underline;
}

#col1 ul {
   font-size: 0.8em;
   line-height: 2.2em;
   font-family:Verdana;
   overflow:hidden;
}

#col1 ul li {
   border-bottom: 1px solid #bbb;
   text-transform:uppercase;
   list-style: none; 
}

#col1 ul li div{
   margin-left:20px;
   font-family:Verdana,sans-serif;
}

#col1 ul li ul li div  {
   margin-left:20px;
   padding-left:15px;
   background: url(/00_gfx/list_image.png) 0px 8px no-repeat;
   font-family:Verdana,sans-serif;
}

#col1 ul li.active {
   background: #c6dfe7 url(/00_gfx/seiten_head_bg.jpg) no-repeat 0 0;
   font-weight:800;
}

#col1 ul li ul li ul li{
   background:transparent;
}

#col1 ul li ul li {
   background:#eee url(/00_gfx/seiten_col_bg.gif) repeat-y 0 0;
   font-size:0.95em;
   font-weight:normal;
   border:0px;
   border-top:1px solid #bbb;
   letter-spacing: 0.04em;	
   text-transform:none;	
}

#col1 ul li ul li.active {
	background:#e7fbff;
	font-weight:normal;
}


/* --------------------------------------- */
/* COL2 content                            */

#col2 h1 {
   color:#393838;
   font-size:1.4em;
   letter-spacing:-0.02em;
   font-weight:bold;
}

#col2 h1 sup {
   font-size:0.7em;
   vertical-align: text-top;
}

#col2 sup {
   font-size:0.7em;
   vertical-align: text-top;
}


#col2 #seitentitel_div {
   position:relative;
   clear:both;
   width:98%;
   height:auto;
   top:0;
   left:0;
   margin:0;
}

#col2 #seitentitel_div #dreistriche {
   font-size:1.45em;
   color:#4a96a5;
   font-weight:1000;
   letter-spacing:-0.2em;

   position:relative;
   float:left;
   top:0;
   left:0;
   width:25px;
text-indent:-5px;
}

#col2 #seitentitel_div #seitentitel_h {
   position:relative;
   float:left;
   top:0;
   left:0;
   width:440px;
}



#col2 h2.seiten-titel {
	color:#111;
	font-size:1em;
	letter-spacing:0em;
	font-weight:normal;
	margin-bottom:20px;	
}

#col2 {
  color:#444;
	font-size:0.8em;
	line-height:1.6em;
}

#col2 strong {
	 font-weight:bold;

}

#col2 p {
	line-height:1.6em;
	font-size:1em;
	margin-bottom:20px;
}



#col2 ul{
	list-style: none; 
        list-style-image: url(/00_gfx/list_image.png);

	white-space: normal;
	line-height:1.55em;
	font-size:1em;
	margin-left:20px;
        margin-bottom:20px;
}

#col2 ul ul {
	font-size:1em;
}

#col2 a{
	padding:2px;
}

#col2 a:link {
	color:#336666;
}

#col2 a:visited {
	color:#336666;
}

#col2 a:hover {
	color:#fff;
	background:#4794a0;
	text-decoration:none;
}

#col2 a:active {
	color:#fff;
	background:#4794a0;
	text-decoration:none;	
}

#col2 h2 {
	color:#393838;
	font-size:1.2em;
	letter-spacing:0em;
	font-weight:bold;
	margin-bottom:12px;		
}


#col2 h3 {
	font-size:1.3em;
        line-height:2.3em;
	letter-spacing:0em;
	font-weight:normal;
	margin-bottom:12px;	
	margin-top:20px;	
	background:#ccc;
        padding:15px 5px 5px 5px;

        width:480px;
        height:30px;
        vertical-align:bottom;
	color:#fff;
}

#col2 table {
  font-size:1em;
  line-height:1.6em;

  border-spacing:0px;
}

#col2 table td {
	margin:1px;
	padding:1px;
 
}

/* --------------------------------------- */
/* COL3 box                                */

#col3 .box {
   position: relative;
   top:0px;
   left:0px;

   width: 210px;
   height: auto;	

   clear:both;
   background:#fcfafa;
   border-top:1px solid #e7e3e7;
   
   margin-bottom:10px;
   padding-bottom:5px;
   font-size:0.8em;
}


#col3 .box .bildunterschrift {
   width:200px;
   padding:1px 5px 1px 5px;
   font-size:0.8em;
   height:18px;
   color:#444444;
}

#col3 .kontakttable {
  font-size:0.9em;
  line-height:1.3em;
}

#col3 .box .imagepre {
   position: relative;
   top:0px;
   left:0px;

   width: auto;
   height: auto;
}

#col3 .box .imagepre .image_magnify {
	position:absolute;	
	right:0px;
	bottom:0px;

	width: 20px;
	height: 15px;	

	color:#fff;
	font-size:22px;
	font-weight:1000;
	
    background:#000;
	text-align:center;
}

#col3 .box .image_magnify a {
	text-decoration:none;
	color:#fff;
        padding:0px 5px;
       background:#000;	
}

#col3 .box .image_magnify a:visited {
	color:#fff;
}

#col3 .box .image_magnify a:hover {
    color:#fff;
	background:#4794a0;
}

#col3 .box .image_magnify a:active {
    color:#fff;
	background:#4794a0;
}


#col3 a{
	padding:0px;
	text-decoration:none;
}

#col3 a:link {
	color:#336666;
}

#col3 a:visited {
	color:#336666;
}

#col3 a:hover {
	color:#fff;
	background:#4794a0;

}

#col3 a:active {
	color:#fff;
	background:#4794a0;
	text-decoration:none;	
}

/* --------------------------------------- */
/* FOOTER */

#footer {
	position: relative;
	top: 0;
	left: -1px;
	width:982px;
	height: 100px;
	margin: 0 0 40px 0;
	padding: 0 ;
	background-color: #fff;
	
	color:#999;
	font-size: 0.7em;
	font-family:Arial;	
	letter-spacing: 1px;
	
	background: url(../footer_bg_2.png) 0 0 no-repeat;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
}

#footer_sub_left, #footer_sub_right {
	padding: 0px;
	margin: 0px;	

	position: absolute;
	bottom: 25px;	

	width: 400px;
	height: 20px;
}

#footer_sub_left {
	left:20px;
	text-align: left;
}

#footer_sub_right {
	right:20px;
	text-align: right;
}

#footer_decor_left , #footer_decor_right  {
	position: absolute;
	width: 83px;
	height: 100px;
	
	top:0;
	
	background-image: url(../footer_decor.gif) no-repeat 0 -20px;
}

#footer_decor_left {
	left:-83px;
}

#footer_decor_right {
	background-position: -84px 0;
	right:-83px;
}	

#footer a {
	padding:2px;
	text-decoration: none;
	background-color: transparent;
}


#footer a:link {
	color:#999;
	background-color: transparent;
}

#footer a:visited {
	color:#999;
	background-color: transparent;	
}

#footer a:hover {
	color:#000;
	text-decoration: underline;
}

#footer a:active {
	color:#000;
	text-decoration: underline;
	background-color: #BCE7E9;
}

/* --------------------------------------- */
/* infokasten */

.infokasten {
	position: relative;
top: 0px;
left:0px;

width: 226px;
height: 279px;

padding: 0px;
margin: 0px;
margin-right:10px;

float:left;

background: #fff url(../infokasten_bg.gif) no-repeat 0 0;

}

.infokasten h3 {
font-family:Verdana;
font-size:0.8em;
font-weight:bolder;
line-height:1em;
letter-spacing: 0.03em;
color:#578085;
}

.infokasten p {
font-family:Arial;
font-size:0.8em;
font-weight:normal;
line-height:1.5em;
letter-spacing: 0;
color:#000;
}

.infokasten .heading {
   position: absolute;
   top: 10px;
   left:20px;

   width: 180px;
   height: 30px;

   padding: 0px;
   margin: 0px;
}

.infokasten .text {
   position: absolute;
   top: 52px;
   left:20px;

   width: 180px;
   height: 115px;

   padding: 0px;
   margin: 0px;
}


.infokasten .bild {
   position: absolute;
   top: 52px;
   left:20px;

   width: 180px;
   height: 115px;

   padding: 0px;
   margin: 0px;
}



.infokasten .pfeillink {
   position: absolute;
   bottom: 67px;
   right:17px;

   width: 27px;
   height: 21px;

   padding: 0px;
   margin: 0px;
}


.infokasten a:link {
	 padding:0px;

	 color:000;
	 background:ff;

	 text-decoration:underline;
}

.infokasten a:visited {
	color:000;
	text-decoration:underline;	
}

.infokasten a:hover {
	color:000;
	text-decoration:underline;	
}

.infokasten a:active {
	color:000;
	text-decoration:underline;	
}

/* --------------------------------------- */
/* zusätzliche decor und inhalte */

.tablezebra {
	background-color:#F4F7FB;
}

table strong {
  font-weight:800;
}

table {
   font-size:0.8em;
	border-spacing:2px;
}	 

table td {
  padding:2px;	
  margin:2px;
vertical-align:top;
}

/* --------------------------------------- */
/* col3 formate */

#col3 h3 {
  width:200px;
  background:url(/00_gfx/col3_h3_bg.png) repeat-y 0 0;
  padding:5px;
  font-size:1em;
  font-weight:800;
}

#col3 p {
  width:200px;
  padding:5px;
  font-size:0.7em;

}

#col3 p strong{
font-weight:800;
}

#expandicon {
  width:20px;
  height:10px;
  text-align:center;
  background:#000;
  color:#fff;
  font-weight:800;
  font-size:1.2em;
  float:left;
  line-height:0px;
  padding-top:10px;
}

#expandthis {
  width:20px;
  height:15px;
  text-align:center;
  background:#000;
  color:#fff;
  font-weight:800 ! important;
  font-size:1.2em;
  float:left;
  line-height:10px;
  padding-top:10px;
}


/* AGB */

ol.agb {
 list-style-type: upper-roman;
 list-style-position:outside;
 font-size:0.8em;
margin-left:20px;
}

ol.agb li  {
  font-weight:800;
}

ol.agb li ol li {
  font-weight:400;
 list-style-type: decimal;
margin-bottom:10px;
}


ol.agb li p {
  font-weight:normal;
  margin:0 ! important;
  padding:0 ! important;
  font-size:1em ! important;
  line-height:inherit;
}


.zebra1 {
 background:#ddd;
}

.zebra2 {
 background:#ececec;
}

#news_list table a {
 text-decoration:none;
}


#col3 a.lightboxtag:hover {
   background:none;
}


table.tablemaster {
background:transparent;
}

table.tablemaster tr{
  border:1px solid #fff;
} 


table.tablemaster th {
  background:#588186;
  color:#fff;
font-weight:800;
 margin: 0 0 2px 0 ;
} 

table.tablemaster tr td,
table.tablemaster th {
  padding:5px !important;
}

.box .imagepre .image_magnify :hover {
	
   background:#fc9 !important;
}