@charset "UTF-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
	border:0px;
	vertical-align: top;
}


body{
	background:#673893;
	border:0;
	font:18px Arial, Helvetica, sans-serif;
	color:#666666;
	text-transform:none;
	line-height:22px;
}


/* ============================= fonts ====================== */

@font-face {
    font-family: 'GeosansLightRegular';
    src: url('font/geosanslight-webfont.eot');
    src: url('font/geosanslight-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/geosanslight-webfont.woff') format('woff'),
         url('font/geosanslight-webfont.ttf') format('truetype'),
         url('font/geosanslight-webfont.svg#GeosansLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* ============================= main layout ====================== */

a{
	color:#999999;
	text-decoration: underline;
	outline:none
}
a.acontact { color: #dc0043; }
a.acontact:link {
	color: #9548AA;
}
a.acontact:active {
	color: #4F3362;
}
a.acontact:visited {
	color: #4F3362;
}
a.acontact:hover {
	color: #4F3362;
}

a:hover{ text-decoration: none}

li.leistungen{
	margin-left:18px;
}
h1{
	color:#FFFFFF;
	font-family: Helvetica, Arial;
	text-shadow: 1px 1px 6px #101C2B;
	font-size:60px;
	font-weight:normal;
	line-height:40px;
	letter-spacing:-2px;
	margin-top: 0px;
	font-family: GeosansLightRegular, Helvetica;
}

h2{
	font-size:42px;
	color:#38224C;
	text-transform:none;
	line-height:40px;
	padding:30px 0px 35px 0;
	font-weight:normal;
	letter-spacing:-1px;
	height: 20px;
	font-family: GeosansLightRegular, Helvetica;
}

h3{
	font-size:24px;
	color:#C89BC5;
	text-transform:none;
	line-height:40px;
	padding:0px 0px 35px 0;
	font-weight:lighter;
	letter-spacing:-1px;
	height: 20px;
	font-family: Helvetica, Arial;
}


h4{
	font-size:50px;
	text-transform:none;
	line-height:30px;
	padding:0;
	font-weight:normal;
	letter-spacing:-1px;
	height: 1px;
	color: #8684AC;
}

p{ padding-bottom:22px;}
img{ vertical-align:top}


/* ============================= header ====================== */
#logo{
	margin-top:-2px;
	float:left;
	background:url(images/logo.png) no-repeat;
	padding-left:0px;
	font-size:10px;
	line-height:120px;
	font-weight:normal;
	color:#666;
	text-transform:none;
	text-decoration:none;
	letter-spacing:-2px;
	font-family: "Times New Roman", Times, serif;
	background-position: 0px 0px;
	border-color: #000;
	width: 270px;
	z-index: 100;
}

#top{ font-size:10px; color:#fff; padding-top:6px;}
#top_navigator{
	float:right;
	padding:0 14px 0 0;
	font-size: 12px;
	color: #666;
}
#top_navigator li{  display:block; float:left; padding-right:8px; background:url(images/top_line.jpg) right 8px no-repeat; margin-right:7px;}
#top_navigator .last{ background:none; padding:0; margin:0}
#top_navigator a{ color:#fff; text-decoration:none}
#top_navigator a:hover{ text-decoration:underline}
#menu { float:right; padding-top:41px}
#menu li { display:block; float:left;}
#menu li a{ display:block; font-size:14px; font-weight:bold; line-height:35px; color: #fff; text-decoration:none; margin: 0 1px; padding: 0 13px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
#menu li a:hover, #menu #menu_active a{ color:#191919; background:#fff;}

#banner .text{
	padding:30px 0 0 13px;
	color:#fff;
}

#banner_praxis .text{
	padding:30px 0 0 13px;
	color:#fff;
}
#banner .text span{
	display:block;
	font-size:18px;
	line-height:20px;
	margin-top:8px;
	font-weight:normal;
	letter-spacing:0;
	padding:0 0 37px 4px;
}
#banner a{
	float:left;
	width:150px;
	margin-right:2px;
	margin-left:0px;
	line-height:45px;
	font-size:18px;
	text-align:center;
	letter-spacing:0px;
	text-decoration:none;
	border-color: #FFF;
	border-style: 1px 1px 1px 1px;
}
#banner .button1{ color:#000000; background:url(images/button1.gif) no-repeat}
#banner .button1:hover{ color:#fff; background:url(images/button2.gif) no-repeat}
#banner .button2{ background:url(images/button2.gif) no-repeat; color:#fff;}
#banner .button2:hover{
	color:#124960;
	background:url(images/button1.gif) no-repeat;
}

/* ============================= content ====================== */

.Tabelle {
	height: 380px;
	vertical-align: top;
}

.pad_left1{
	padding-left:8px;
	font-size: 16px;
	color: #999;
}
.pad_left2{
	padding-left:38px;
	font-size: 16px;
	color: #999;
}
.pad_left3{
	padding-left:32px;
	font-size: 16px;
	color: #999;
}
.marg_right1{ margin-right:20px;}
.pad_bot1{
	padding-bottom:25px;
	padding-top: 20px;
}
.pad_bot2{ padding-bottom:23px;}
.pad_none{ padding-bottom:0}

.line1{ background:url(images/line_ver1.gif) 330px 0 repeat-y}
.line2{ background:url(images/line_ver1.gif) 643px 0 repeat-y}

#content2 .line1{ background:url(images/line_ver2.gif) 330px 0 repeat-y}
#content2 .line2{ background:url(images/line_ver2.gif) 643px 0 repeat-y}
#content2 h1{ color:#bdbdbd}
#content2 .Abholbereit{
	color:#228DC2;
	text-decoration: blink;
}

#content2 .Bearbeitet{
	color:#CCC;
	text-decoration: none;
}
#content2 .button{background:url(images/button1_bg.jpg) top repeat-x;}
#content2 .button span{ background:url(images/button2_right.jpg) top right no-repeat}
#content2 .button span span {background:url(images/button2_left.jpg) top left no-repeat}

.font1{
	color:#A292A3;
}
.link1{ text-decoration:none}
.link1:hover{ text-decoration:underline}

.img1{
	padding-left:0px;
	background-image: url(images/img1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 100px;
}
.img2{
	padding-left:0px;
	background-image: url(images/img2.jpg);
	background-repeat: no-repeat;
	background-position: 0 100px;
}
.img3{
	padding-left:0px;
	background-repeat: no-repeat;
	background-position: 0 100px;
}

.button{
	display:inline-block;
	font-size:15px;
	font-weight:normal;
	color:#fff;
	line-height:35px;
	background:url(images/button1_bg.jpg) top repeat-x;
	text-decoration:none
}
.button span{ display:block; background:url(images/button1_left.jpg) top left no-repeat}
.button span span { padding:0 18px; background:url(images/button1_right.jpg) top right no-repeat}
.button:hover{
	color:#333;
}

.list1{ margin-top:-5px; margin-bottom:-5px;}
.list1 li{ padding:5px 0 5px 30px; line-height:20px; background:url(images/marker_1.jpg) 0 6px no-repeat}
.list1 li a{ text-transform:none; color:#515151;}
.list1 li a:hover{
	color:#FFF
}
#content2 .list1 li{ background:url(images/marker_2.jpg) 0 6px no-repeat}

#content img, #content2 img{ padding-top:7px}
#content2 p a{
	color:#CCC;
	font-size: 20px;
}
/* ============================= footer ====================== */

#footer {
	font-size:18px;
	color:#fff;
	padding-bottom:21px;
}
#footer a{ color:#fff; text-decoration:none}
#footer a:hover{ text-decoration:underline}
#footer .privacy{ padding-left:18px;}

.col{
	width:212px;
	float:left;
	padding-left:17px;
	margin-right:10px;
	padding-bottom:38px;
}
.col h1{
	font-size:18px;
	color:#fff;
	line-height:20px;
	padding:45px 0 8px 7px;
	text-transform:uppercase;
	letter-spacing:0px;
	margin:0 13px 16px -7px;
	border-bottom:1px solid #dcdcdc;
}

#footer .list li{ margin:0 0 0 -17px;}
#footer .list li a{
	display:block;
	line-height:30px;
	color:#a6a6a6;
}
#footer .list .last a{ background:none}
#footer li a span{
	padding-left:20px;
}

.list{
	padding-left:20px;
}

#footer .list li a:hover{ margin-bottom:-1px; padding-bottom:1px; color:#2b2b2b; text-decoration:none}
#footer .list li a:hover span{}

#footer_navigator{
	float:right;
	font-size:10px;
	padding-right:8px;
}
#footer_navigator li{
	float:left;
	padding-left:10px
}
#footer_navigator a{ color:#878787;}

/* ============================= forms ============================= */

#ContactForm { width:271px; margin-top:-4px;}
#ContactForm a{ margin-left:2px; float: right; width:60px; line-height:25px; font-size:10px; font-weight:bold; color:#fff; text-decoration:none; text-align:center}
#ContactForm .input {
	width:280px;
	height:30px;
	background:#252525;
	padding:9px 8px;
	margin-bottom:4px;
	color:#848383;
	text-transform:uppercase;
	font:16px Arial, Helvetica, sans-serif;
}
#ContactForm textarea {
	width:280px;
	height:200px;
	background:#252525;
	padding:9px 8px;
	margin-bottom:31px;
	color:#848383;
	text-transform:uppercase;
	font:12px Arial, Helvetica, sans-serif;
	overflow:auto;
	font-size: 16px;
}

.list{
	list-style:none;
}

#ContactForm .button1{  background:url(images/button4.jpg) no-repeat}
#ContactForm .button1:hover{ background:url(images/button3.jpg) no-repeat}
#ContactForm .button2{ background:url(images/button3.jpg) no-repeat;}
#ContactForm .button2:hover{ background:url(images/button4.jpg) no-repeat}