@charset "utf-8";
/* ++++++++++ STYLESHEET DEFAULT / ++++++++++ */
@import url('../css/reset.css');

/* ++++++++++ ALLGEMEINES ++++++++++ */
html {
	overflow-y:scroll;
	height: 100%;
	
}



body{
	font-family: Arial, Helvetica, sans-serif;
	color: #005294;
	font-size:12px;
	line-height:19px;
	font-weight: normal;
	background: #FFF;	

}

/* ++++++++++ ENDE ALLGEMEINES ++++++++++ */



/* ++++++++++ LAYOUT ++++++++++ */


#container {
	position:absolute;
	left:50%;
	top:50%;
	margin-top: -326px;
	margin-left: -480px;
	height:652px;
	width:960px;
	background:#DDD;

}


#header {
	position:relative;
	width:100%;
	height:103px;
	margin-bottom: 7px;

}


#content {
	position:relative;
	z-index:100;
	height: 324px;
	background:#45c0eb;
	padding:30px 35px 0px 53px;
	overflow:hidden;
}

#content-home {
	position:relative;
	z-index:100;
	height: 324px;
	background:#45c0eb;
	padding:30px 35px 0px 35px;
	
}

#bottom {
	position:relative;
	z-index:90;
	height: 82px;
	background:#45c0eb;
	padding: 12px 35px 0 35px;
}




	
#search {
	position:relative;
	top:0px;
	left:0px;
	width:200px;
	height:27px;		
}
	

	
#language {
	position:absolute;
	top: 90px;
	left: 3px;
	width:730px;
 font-size:10px;
	padding-bottom:6px;
	background:url(/bilder/dotted-line.png) bottom no-repeat;
}

#language a {
 font-size:10px;
 color:#a3a3a3;
	text-decoration:none;
}



	
#quicknav {
	float:right;
	line-height:25px;
	margin: 0;
	
	padding:0px 25px 0px 0;
	text-align:right;
	font-size:11px;
}




/* ++++++++++ ENDE LAYOUT ++++++++++ */


/* ++++++++++ NAVIGATION ++++++++++ */
#navigation {
	height: 87px;
 	font-size:12px;	
	margin:0 0 7px 0;
	background:#009ee0;

}

#navigation ul {
	margin:0 0 0 35px;
	padding: 4px 0 0 0;
	list-style:none;
}

#navigation ul li {
	width: 182px;
	height:65px;
	margin:0;
	padding:0;
	float:left;
}

#navigation ul li a {
	width: 182px;
	height:79px;
	color:#FFF;
	font-size:14px;
	text-transform:uppercase;
	letter-spacing: 0.5pt;
	text-align: center;
	text-decoration:none;
	line-height:18px;
	background: url(/bilder/navi.png) left 0px no-repeat;
	margin:0;
	text-align:center;
	vertical-align:middle;
	padding:0 25px 0px 0;
	display:table-cell;

}

#navigation ul li a.active, #navigation ul li a:HOVER {
	background: url(/bilder/navi.png) left -65px no-repeat;
}


#metanavigation {
	padding: 34px 0 0 0;
	float:right;
	width:450px;
	text-align:right;
}

#metanavigation ul {
	margin:0;
	padding:0;
	list-style: none;
}

#metanavigation ul li {
	margin:0 0 0 20px;
	padding:0;
	float:right;
}

#metanavigation ul li a {
	font-size:14px;
	font-weight:normal;
	line-height: 18px;
	margin: 0;
	display:block;
	text-transform:uppercase;
	border:1px solid #FFF;
	color:#FFF;
	padding: 2px 20px 2px 20px;
	text-align:center;
	background:#1bbbea;
}

#metanavigation a:HOVER,#metanavigation a.active {
	background: none;
}

.menu {
	margin:0;
	padding:0;
	list-style:none;
	list-style-type:none;
}

.menu li {
	font-family: 'Dosis', Arial, Helvetica, sans-serif;
	margin:0 0 2px 0;
	padding:0;
	font-size:12px;
	font-weight:600;
	text-transform:uppercase;
	color:#bfbfbf;
}

.menu li a {
	font-family: 'Dosis', Arial, Helvetica, sans-serif;
	display:block;
	margin:0;
	padding:0 0 2px 0;
	font-size:12px;
	font-weight:600;
	text-transform:uppercase;
	color:#bfbfbf;
	
}

.menu li a:HOVER {
	color:#454545;

}

.menu li a.active {
	color:#454545;
	border-bottom:1px solid #bfbfbf;
}

/* ++++++++++ ENDE NAVIGATION ++++++++++ */


/* ++++++++++ TEXTFORMATIERUNGEN ++++++++++ */	

h1 {
	font-size:16px;
	line-height: 18px;
	font-weight:normal;
	text-transform: uppercase;
	margin: 0 0 15px 0;

	color: #FFF;
	letter-spacing: 0.65pt;
}

h2 {
	font-family: 'Dosis', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height: 18px;
	font-weight:600;
	text-transform: uppercase;
	margin: 0 0 20px 0;
	color: #FFF;
}
	
img.weisser-rand {
	border:1px solid #FFF;	
}

p {
	margin-bottom:15px;
	font-size:12px;
	line-height:19px;
	
}

p.msg {
	font-weight:bold;	
}

.blue {
	color:#008df7;
}

hr {
	clear:both;
	border:0;
	height:0px;
	border-bottom: 1px dotted #e5e5e5;
	margin-bottom:35px;
}
	
a {
	text-decoration:none;
	color:#454545;
}
	
a:visited {
	text-decoration:none;
}	
	
a:hover {
  text-decoration:none;
}

strong {
  font-weight:bold;
}
 
em {
  font-style:italic;
}

ul {
	list-style-type: disc;
	margin-left:15px;
	margin-bottom:15px;
	font-size:12px;
	line-height:19px;
}
	
ul li {
	margin:0;
	padding:0;
	
}

ul.referenzen {
	margin:0px 0 0 -17px;
	padding:0;	
	list-style:none;
	list-style-type:none;
	list-style-image:none;
	width:950px;

}

ul.referenzen li {
	padding:0;
	float:left;
	font-size:10px;
	margin: 0;
	width:113px;
	line-height:14px;
	text-align:left;


}

ul.referenzen li:last-child {
	width:120px;


}

ul.referenzen li img {
	

}
	

	
/* Tabellen */
table {
	width:100%;
	border-width: 0px;
	border-spacing: 0px;
	border-style: none;
	border-collapse: inherit;
	
}
table th {
	font-size:14px;
	line-height:24px;
	padding: 4px;
}

table th.header {
	border-bottom: 1px dotted #333333;
 padding: 4px 4px 2px 4px;
}
table td {
	margin:0;
	
	font-size:12px;
	line-height:16px;
	text-align:left;
	vertical-align:top;
	border-width:0px;
	border-style:none;
	border-color:#FFF;
	padding: 0px;
}



table.content1 {

	width:855px;
	margin:0;
	padding:0;
	border-collapse: collapse;
  	border-style: hidden;
	border-style:hidden;
	
}

table.content1 td {

	border: 20px solid #45c0eb;
	line-height:18px;
	margin:0;
	color:#005294;
	padding:0;
	font-size:12px;
	vertical-align: top;
	text-align:justify;
}

table.referenzen {

	width:855px;
	margin:0;
	padding:0;
	border-collapse: collapse;
  	border-style: hidden;
	border-style:hidden;
	
}

table.referenzen td {

	text-transform: uppercase;
	line-height: 12px;
	text-align:left;
}

table.referenzen ul li {

	text-transform: uppercase;
	line-height: 17px;
	text-align:left;
}

table td.smaller, table td.smaller p {
	line-height:16px;
	margin: 0 0 11px 0;
}

table.Rand {
	border-width: 1px;
	border-spacing: 2px;
	border-style: none;
	border-color: blue;
	border-collapse: collapse;
	background-color: #FFF;
}
table.Rand th {
	border-width: 1px;
	border-style: inset;
	border-color: #ccc;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.Rand td {
	border-width: 1px;
	border-style: inset;
	border-color: #CCC;
	-moz-border-radius: 0px 0px 0px 0px;
}

table.Rand td table {
	margin-left:5px;;
}

table.Rand td table td {
	border-width: 0px;
	padding:1px;
}

table.akkordeon {
	margin:0;
	padding:0;
	
}

table.akkordeon td {
	margin:0;
	padding:0;
	
}

table.akkordeon tr:nth-child(odd) a {
	background: url("/bilder/button-down.png") no-repeat scroll right center transparent;
    border-bottom: 1px dotted #333333;
	display:block;
    color: #008DF7;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-bottom: 10px;
    padding-right: 25px;
    width: 655px;
}

table.akkordeon tr:nth-child(odd) a:hover {
	text-decoration:none;
}
	
	
.small {
	font-size:10px;
	line-height:14px;
}	
	
.center {
	text-align:center;
}
	
.align_right {
	text-align:right;
}
/* ++++++++++ ENDE TEXTFORMATIERUNGEN ++++++++++ */


/* ++++++++++ FORMULAR-FORMATIERUNGEN ++++++++++ */
input, select {
	font-family:Arial, Helvetica, sans-serif;
background: url(/bilder/background-input.png) repeat-x;
width: 400px;
margin:0;
font-size:12px;
padding:4px 0 4px 4px;
border:1px solid #dcdcdc;
}

textarea {
	font-family:Arial, Helvetica, sans-serif;
	width: 400px;
margin:0;
padding:1px 0 1px 4px;
border:1px solid #dcdcdc;
font-size:12px;
}

input.submit {
	background: url(/bilder/background-input.png) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	border:1px solid #dcdcdc;
	margin:0;
	padding:3px 0 3px 0px;
	width: 404px;
	height: 25px;
	cursor:pointer;
}

input.submit:HOVER {
	background:#EEE;
	
}

input.checkbox {
	width:14px;
	
}

label {
	padding: 0px 0 2px 5px;
	font-weight:bold;
	display:inline-block;
	width:180px;
	background:#EEE;
	margin-right:5px;
	float:left;
}
/* ++++++++++ ENDE FORMULAR-FORMATIERUNGEN ++++++++++ */

span.highlight {
	background:	#f2ec4a;
}