/* CSS Document */

* {	margin:0; padding:0; font-size:12px;}
body{background:#caced3; text-align:center;}
.top-tail{ background:url(images/top-tail.jpg) top repeat-x #ffffff;}
.bot-tail{ background:url(images/bot-tail.gif) bottom repeat-x;}
#main { width:980px; margin:0 auto; text-align:left;}
#header {height:420px;} /* 486 */
#footer { height:120px;}
#underline {
	border-top: 1px solid #ECEDEF;
	margin-top: 25px;
	margin-bottom: 15px;
	width: 440px;
}

h1 {
	font-size:150%;
	color: #0073B2;	
}

h2 {
	font-size:125%;
	color: #0073B2;	
}


.column-1, .column-2, .column-3, .col-1, .col-2, .col-3, .col-4 {float:left;}
.container {width:100%; overflow:hidden;}
.container2 {width:100%;}
.col-1{ width:195px;}
.col-2{ width:195px;}
.col-3{ width:195px;}
.col-4{ width:195px;}

.column-1{ width:430px;}
.column-2{ width:430px;}

a img { border:0;}
ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

html{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.5em; color:#6b7686;}

table {
	border-collapse: collapse;

}
tr {
	height: 5px;	
	background: #fff;
}
td {
	padding-top:3px;
	padding-bottom:3px;
	padding-left: 0px;
	border: 0px solid #ECECEC;
	
}
form {

	padding-left: 0px;
	border: 0px solid #f1f1f1; 
	background: #fff; 	
}
input, select {
	padding: 4px;
	font: normal 1em Verdana, sans-serif;
	color: #666666;
	background: #fff;  	
}
textarea {
	width: 350px;
	padding: 4px;
	font: normal 1em Verdana, sans-serif;
	height: 100px;
	display: block;
	color: #666666;
}
input, textarea, select {
	background: #fff;
  	border-width: 1px;
  	border-style: solid;
  	border-color: #D4D4D4 #ebebeb #ebebeb #d4d4d4; 
}

a {color:#317BB7;}
a:hover{text-decoration:none;}
p {padding-top:14px;}

h5{ font-weight:bold; color:#1f2e43; text-transform:uppercase; padding-bottom:19px;}
/*strong{ color:#29374b; display:block;}*/
cite{ display:block; font-style:normal;}

/* ============================= main layout ====================== */
.imgindent {margin:-6px 11px 0 0; float:left; position:relative;}
.phone{ float:right; padding-right:250px;}
.beispiel_daten{ float:right; padding-right:0px;}
.extra{ margin-top:-4px;}
.space1{ margin-left:41px;}
.margin1{ margin-top:17px !important;}
.margin2{ margin-top:46px;}
.padding1{ padding-top:17px;}
.padding2{ padding-top:7px;}
.padding3{ padding-top:23px;}
.padding4{ padding-top:30px;}
.padding5{ padding-bottom:50px !important;}

/* ============================= header ====================== */
#header{ margin:0 19px; background:url(images/header-bg.jpg) bottom no-repeat; position:relative;}
#header .top{ width:100%; overflow:hidden; height:60px;} /* height:118px; */
#header .logo{ padding-top:10px;}
#header .telefon{ position:absolute; top:10px; right:1px;}
#header .small-menu{ position:absolute; color:#6c727a; top:28px; right:1px;}
#header .small-menu li{ float:left; font-size:0.833em; text-transform:uppercase; padding-left:3px;}
#header .small-menu a{ color:#6c727a; text-decoration:none; display:inline-block; padding:1px 3px 1px 3px; margin-right:3px;}
#header .small-menu a:hover{ background:#ff6600; color:#2a333f;}

#header .menu{ width:100%; overflow:hidden; }
#header .menu li{ float:left; background:url(images/menu-border.gif) no-repeat 0 0; padding-left:2px;}
#header .menu a{ color:#1f2e43; text-decoration:none; text-transform:uppercase; font-size:0.917em; display:inline-block;  text-align:center; background:url(images/menu-item-tail.gif) top repeat-x; font-weight:bold; cursor:pointer;}
#header .menu a span{ display:inline-block; width:116px; padding:20px 0;}
#header .menu .first a span{ background:url(images/menu-first-left-bg.gif) left top no-repeat;}
#header .menu .last a span{ background:url(images/menu-last-right-bg.gif) right top no-repeat;}
#header .menu .first{ background:none; padding:0;}
#header .menu a:hover, #header .menu .active{ background:url(images/menu-item-tail-act.gif) top repeat-x;}
#header .menu .first a:hover span, #header .menu .first .active span{ background:url(images/menu-first-left-bg-act.gif) left top no-repeat;}
#header .menu .last a:hover span, #header .menu .last .active span{ background:url(images/menu-last-right-bg-act.gif) right top no-repeat;}
#header .slogan{ padding:130px 0 0 537px;}

/* ============================= content ====================== */
#content{ background:#ffffff; margin:0 19px; padding:28px 18px 40px 21px;}

.link{ display:inline-block; background:url(images/link-left-bg.gif) left top no-repeat #317BB7; color:#ffffff; text-decoration:none; font-size:0.833em; text-transform:uppercase; cursor:pointer; margin-top:30px;}
.link span{ display:inline-block; background:url(images/link-right-bg.gif) right top no-repeat; padding:7px 15px 7px 15px;}
.link:hover{ background:url(images/link-left-bg-act.gif) left top no-repeat #b94d01;}
.link:hover span{ background:url(images/link-right-bg-act.gif) right top no-repeat;}
.link1{ color:#29374b; font-weight:bold; margin-bottom:14px; display:inline-block;}

.line1{ background:url(images/line.gif) repeat-y 215px 0;}
.line2{ background:url(images/line.gif) repeat-y 450px 0;}
.line3{ background:url(images/line.gif) repeat-y 686px 0;}

.row-2{ padding-top:50px;}
.title{ padding-bottom:30px;}

.list{ margin:-5px 0;}
.list li{ background:url(images/list-unline.gif) bottom repeat-x; line-height:2.083em; color:#29374b; font-weight:bold;}
.list .last{ background:none;}
.list a{ color:#6b7686; text-decoration:none; background:url(images/list-marker.gif) no-repeat 0 5px; padding-left:13px;}
.list a span{ color:#29374b;}
.list a:hover{ color:#317BB7;}
.list a:hover span{ color:#317BB7;}

/* ============================= footer ====================== */
#footer .menu{ width:100%; overflow:hidden;}
#footer .menu ul{ padding:28px 0 0 27px;}
#footer .menu li{ float:left; font-size:1.083em; padding-left:12px; color:#b1b8c1;}
#footer .menu a{ color:#29374b; display:inline-block; margin-right:12px;}
#footer .text{ font-size:0.833em; color:#6b7686; text-transform:uppercase; padding:18px 0 0 39px; line-height:1em;}
#footer .text a{ color:#29374b;}

/* ============================= forms ============================= */
#SearchForm{ float:right; padding-top:62px;}
#SearchForm input{ border:solid 1px #4e5c6e; background:none; font-family:Arial, Helvetica, sans-serif; font-size:0.833em; color:#71777e; padding:7px 0 5px 7px; width:204px; text-transform:uppercase; margin-right:4px; vertical-align:middle;}
#SearchForm a{ display:inline-block; background:url(images/form-link-left-bg.gif) left top no-repeat #317BB7; color:#ffffff; text-decoration:none; font-size:0.917em; font-weight:bold; text-transform:uppercase;  vertical-align:middle; cursor:pointer;}
#SearchForm a span{ display:inline-block; background:url(images/form-link-right-bg.gif) right top no-repeat; padding:7px 9px 6px 11px;}
#SearchForm a:hover{ color:#1f2e43;}

#ContactForm .col-1{ width:211px !important;}
#ContactForm .col-2{ width:199px !important;}
#ContactForm label{ display:block; height:42px;}
#ContactForm input{ border:solid 1px #a09b96; background:none; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:2px 0 2px 3px; width:175px;}
#ContactForm textarea{ border:solid 1px #a09b96; background:none; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:2px 0 2px 3px; width:194px; height:100px; overflow:auto;}
#ContactForm .link{ float:right; margin:25px 20px 0 0;}