@charset "UTF-8";
/************************************************
ELTROMAT

http://www.franzschmidt.de
Author: tim@franzschmidt.de
Create Date: 04.04.2010
************************************************/
@import url("news.css");
@import url("nav.css");
/************************************************
  CLEARING  
************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	}
	
/* remember to define focus styles! */
:focus {outline: 0;}
	
body {
	line-height: 1;
	color: black;
	background: white;
	}
	
ol, ul {list-style: none;}

/************************************************/
body,div {
	margin-left:auto;
	margin-right:auto;
	}

body { 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000;
	background:#fff;
	line-height:18px;
	margin-top:25px;
	}
	
strong {font-weight: bold;}
iframe table {border: none;}	
img {border:none;}
.clr {clear:both;}
.lt {float:left;}
.rt {float: right;}
.rl {position:relative;}
.text-left {text-align: left;}
.text-right {text-align: right;}

.error {color:#b80000;}
#box_nojava {
	padding:12px;
	border:1px solid #d35757;
	background:#fff;
	color:#b80000;
	display:block;
	font-size:11px;
	font-weight:bold;
	margin:5px 0 10px 0;
	}
#box_nojava a:hover {color:#b80000}
/************************************************
   ANCHORS
************************************************/
a {color: #01525f; text-decoration:none;}
a:hover {color:#01525f; text-decoration:underline;}

/*a.external-link-new-window,
a.internal-link{color:#01525f; text-decoration:none;}
a.external-link-new-window:hover,
a.internal-link:hover {color:#01525f; text-decoration:underline;}*/

span.more a {
	color:#01525f; 
	font-weight:bold; 
	text-decoration:none;
	margin-left:6px;
	padding:0 0 0 10px;
	background: url(../images/ico_arrow_double.gif) 2px 5px no-repeat;
	}
span.more a:hover {	text-decoration:underline;}
/************************************************
   HEADLINES
************************************************/	
h1 {
	font-size:16px; 
	color: #00525e; 
	padding: 0 0 12px 0;
	font-weight:bold;
	}
h2 {
	font-size:14px; 
	color: #000; 
	padding: 0 0 4px 0;
	font-weight:bold;
	}
h3 {
	font-size:12px; 
	color: #000;
	padding: 0 0 4px 0;
	font-weight:bold;
	} 
	
h4, h5, h6 {
	font-size:12px; 
	color: #000;
	padding: 0 0 4px 0;
	font-weight:bold;
	}
/*h1 a {color: #133883; text-decoration:none;}*/
/************************************************
   FRAMES
************************************************/	
#wrapper {width:900px; background:#fff; margin-bottom:15px;}
#header {background:url(../images/bg_header.jpg) no-repeat; height:138px;}
#header .boxHeader {margin:0 0 36px 15px; overflow:hidden; clear:both;} 
#header .boxHeader .logo {float:left;}
#header .boxHeader .language {
		float:right;
		background:url(../images/img_worldmap.gif) top left no-repeat; 
		margin:0 0 0 38px; 
		padding:0 0 16px 55px;
		position:relative;
		z-index:50;
		}
		
/*#header .boxHeader .language .current {font-weight:bold;}*/
		
div.language a.languagelink {
	/*background:transparent url("../images/ico_arrow_down_lang.gif") no-repeat right 13px;*/
	background:transparent url("../images/ico_arrow_down_lang.gif") no-repeat right 8px;
	color:#666;
	display:block;
	/*padding:5px 10px 5px 5px;*/
	padding:0 10px 0 5px;
	text-decoration:none;
}
div.language div.flags {
	display:none;
	position:absolute;
	right:0;
	top:25px;
	background:#fff;
	border:1px solid #afafaf;
	padding:5px 5px 5px 5px;
	z-index:100;
	width:98px;
}
/*div.language  div.flags a {margin:0 8px 0 0;}*/
div.language  div.flags img {margin:0 8px 0 0;}

div.language:hover div.flags {display:block}

/*div.language:hover a.languagelink, 
div.language a.languagelink:hover {color:#0C63A6;}*/

#header .boxHeader .language a {color: #000;}
		
#header .boxHeader .meta {float:right;}
#header .boxHeader .meta span a {color:#000; text-decoration:none;}

#container {
	overflow:hidden;
	width:900px;
	padding:15px 0 15px 0;
	}
	
#leftbar {
	float:left; 
	width: 200px; 
	padding: 0 15px 0 0;
	position:relative;
	}	
	
#sidebar {
	float:left; 
	width: 200px; 
	padding: 0 0 0 15px;
	position:relative;
	}

#content {
	float:left; 
	overflow: hidden;
	width: 470px; 
	padding: 0;
	position:relative;
	}	

#content p {padding: 0 0 12px 0;}
/*#content ul {list-style-type:square; padding: 0 0 0 20px; margin: 0;}*/
#content ul {list-style-image: url(../images/ico_arrow_double.gif); padding: 0 0 0 20px; margin: 0;}
#content ul li { padding: 0 0 6px 0px;}

#content .twocol {overflow: hidden; background: url(../images/bg_cols.gif) top repeat-y; margin: 15px 0 30px 0; }
#content .twocol .first {float:left; width:220px; padding-right:15px;}
#content .twocol .second {float:left; width:220px; padding-left:15px;}

#content .threecol {overflow: hidden; background: url(../images/bg_2cols.gif) top repeat-y; margin: 15px 0 15px 0; }
#content .threecol .first {float:left; width:143px; padding-right:10px; }
#content .threecol .second {float:left; width:144px; padding:0 10px 0 10px;}
#content .threecol .third {float:left; width:143px; padding-left:10px; }

#content .twocol .boxTeaser {overflow:hidden; background: none;padding-bottom:0px; margin-bottom:0px;}
#content .twocol .boxTeaser h2 {font-size:14px; color: #00525e; padding: 0 0 6px 0;}

.boxTeaser,
.boxQuicknav 
 {overflow:hidden; background: url(../images/dots.gif) left bottom repeat-x; padding-bottom:20px; margin-bottom:20px;}

#sidebar .boxTeaser .hdl,
#sidebar .boxQuicknav .hdl {
	font-size:14px; 
	font-weight:bold; 
	color:#01525f; 
	text-transform:uppercase;
	border-bottom: 1px solid #00525f;
	padding:0 0 5px 0;
	margin: 0 0 7px 0;
	}
	
#sidebar .boxTeaser a.more {display:block;}
#sidebar .boxQuicknav .image {padding:0 0 6px 0}
#sidebar .boxQuicknav .quicknav {padding:0 0 8px 0}
#sidebar .boxQuicknav select  {border: 1px solid #9a9a9a; width: 200px;}
#sidebar .boxQuicknav .image a {background: none; padding:0;}
/*#sidebar .boxQuicknav a {background: url(../images/ico_square.gif) left 1px no-repeat; padding: 0 0 0 15px;}*/

.boxTeaser .date,
.boxNews .date {font-size: 11px; font-weight:bold; display:block; padding:0 0 4px 0;}

.boxTeaser ul {}
.boxTeaser ul li {padding: 0 0 3px 0;}
.boxTeaser a {text-decoration:none;}
.boxTeaser a.more {color:#01525f;}
.boxTeaser a:hover {text-decoration:underline;color:#01525f}

.cols .first .boxTabbing, .cols .second .boxTabbing {padding-bottom: 0; margin-bottom: 10px; overflow:hidden }
.cols .first .boxTabbing ul, .cols .second .boxTabbing ul {width: 308px;}
.cols .first .boxTabbing .tabWrapper, .cols .second .boxTabbing .tabWrapper {width: 308px;}

#content .boxDownload {overflow:hidden; padding-bottom: 15px;}
#content .boxDownload .download {list-style:none; padding: 0;}
#content .boxDownload .download li {float:left; padding: 0 8px 0 0;}

#content .boxPress {overflow:hidden; padding-bottom: 15px;}
#content .boxPress .date {font-size: 10px;}
#content .boxPress .txt {font-weight: bold;}


/************************************************
   FOOTER
************************************************/	
#footer {
	overflow: hidden;
	font-size:11px;
	color:#a0a0a0;
	width:900px;
	margin:0 0 25px 0;
	border-top:1px solid #a0a0a0;
	clear: both; 
	}

#footer a {color:#a0a0a0; text-decoration:none;}
#footer a:hover {text-decoration:none;}

#footer .cols {overflow: hidden; padding:10px 0 0 1px; }
#footer .cols div {width: 434px; float: left;}
#footer .cols .first {}
#footer .cols .second {margin-left: 30px; text-align:right;}

/************************************************
   KONTAKT
************************************************/
.box_kontakt {margin:0 0 10px 0;}
.box_kontakt label, input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 12px; 
	padding: 5px;
	}
.box_kontakt input, textarea {
    border: 1px solid #333;
    width: 300px;
    display: block;
    float: left;
    margin: 2px 5px;
	}

.box_kontakt select {
	font-family:Arial, Helvetica, sans-serif;
	color: #333;
    font-size: 12px;
    width: 313px;
    display: block;
    float: left;
    margin: 3px 5px;
}

.box_kontakt label {
    display: block;
    float: left;
    width: 100px;
    padding-left: 0px;
}
.box_kontakt input.hidden {display: none;}
.box_kontakt input.button {
    border: 1px solid #fff;
    background: #01525F;
    font-weight: bold;
    color: #fff;
    width: 150px;
}
.box_kontakt input.button:focus {
    border: 1px solid #fff;
    background: #01525F;
    font-weight: bold;
    color: #fff;
}    
.box_kontakt input:focus,
.box_kontakt textarea:focus {border: 1px solid #333; background: #fff;}
.box_kontakt input.check {width:15px;}
.box_kontakt div.error {color: #f00; margin: 10px 0 10px 0; text-decoration:none}
.box_kontakt input.error, input.error:focus, textarea.error, textarea.error:focus {border: 1px solid #f00;}
.Tx-Formhandler ul {list-style-type: square; padding:0 0 20px 20px;}
.Tx-Formhandler li li.error {}
.box_kontakt span {margin: 2px 5px;}