@charset "UTF-8";

/* Start: CSS Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin:0; 
	padding:0; 
} 
table { 
	border-collapse:collapse; 
	border-spacing:0; 
} 
fieldset,img {  
	border:0; 
} 
address,caption,cite,code,dfn,em,strong,th,var { 
	font-style:normal; 
	font-weight:normal; 
} 
ol,ul {
	list-style-position: outside;
	list-style-type: circle;
	padding-left: 18px;
} 
caption,th { 
	text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
	font-size:100%; 
	font-weight:normal; 
} 
q:before,q:after { 
	content:''; 
} 
abbr,acronym { 
	border:0; 
} 
/* End: CSS Reset */


/* my CSS */
/* global typographie */

html {
	/*overflow: visible;*/
}
	
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 21px;
	color: #505050;
	
	/*overflow: visible;*/

}


h1 {
	font-size: 24px;
	line-height: 31px;
}


.link {
	color: #505050;
	text-decoration: none;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	border-bottom-width: 1px;
}


.link:hover {
	color: #009ee1;
	text-decoration: none;
	border-bottom-style: solid;
	border-bottom-color: #009ee1;
	border-bottom-width: 1px;
}



/* Position & Background Images */
#header {
	position: fixed;
	width: 100%;
	top: 0px;
	
	height: 99px;
	
	background-color: #FFFFFF;
	background-image: url(../images/system/main-navigation/Navigation-BottomTile.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	
	z-index: 1000;
}


#header #content {
	position: relative;
	width: 909px;
	top: 0px;
	height: 100%;	
	
	margin-left: auto;
	margin-right: auto;
}


#header #content #nav {
	position: absolute;
	width: 613px;
	right: 89px;
	bottom: 0px;
	height: 54px;
	
	float: right;
	
	overflow: hidden;
}

 
#header #content #navRight {
	position: absolute;
	width: 89px;
	right: 0px;
	bottom: 0px;
	height: 54px;
	
	float:right;	
	
	overflow: hidden;
}


#header #content #nav img {
	padding-right: 2px;
}


/* Start Homepage */
#home #center {
	position: relative;
	width: 100%;
	margin-top: 99px;
	height: 362px;
	
	background-image: url(../images/articles/Home-BG.jpg);
	background-repeat: no-repeat;
	background-position: center;
}


#home #center #content {
	position: relative;
	width: 909px;
	top: 44px;
	height: 100%;	
	
	margin-left: auto;
	margin-right: auto;
}


#home #center #content #historyteaser{
	position: absolute;
	top: -50px;
	right: -60px;
	float: left;
}


#home #center #content #panel1{
	position: relative;
	width: 423px;
	height: 266px;
	top: 0px;
	left: 0px;
	
	float: left;
	
	background-image:url(../images/articles/Home-Panel1-HG.gif);
	background-repeat: no-repeat;
	
	padding-top: 18px;
	padding-right: 15px;
	padding-bottom: 18px;
	padding-left: 15px;
}


#home #center #content #panel1 p{
	padding-right: 140px;
}


#home #center #content #panel1 #contactButton {
	position: absolute;
	height: 50px;
	bottom: 11px;
}


#home #center #content #flowpanels{
	position: relative;
	width: 224px;
	height: 300px;
	top: 0px;
	left: 5px;
	
	float: left;
}


	/* Start Accordion Panels */
#home #center #content #flowpanels a {
	border: 0px none #FFFFFF;
}


#home #center #content #flowpanels {
	font-size: 12px;
	line-height: 18px;
	height: 238px;
}


#home #center #content #flowpanels .flowpanelFirst {
	background-image: url(../images/articles/Home-Flowpanel-ohne-HG.gif);
	background-repeat: no-repeat;
	
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
}


#home #center #content #flowpanels .flowpanel {
	background-image: url(../images/articles/Home-Flowpanel-mit-HG.gif);
	background-repeat: no-repeat;
	
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
}


#home #center #content #flowpanels h3, 
#home #center #content #flowpanels h3 a {
	font-size: 14px;
	line-height: 16px;
	color: #009ee1;
	text-decoration: none;
	border: 0px none #FFFFFF;
	
	margin-top:-1px;
}


#home #center #content #flowpanels .panelicon{
	position: relative;
	left: 0px;
	top: 0px;
	
	float: left;
	margin-right: 10px;
}

#home #center #content #flowpanels .flowpanelContent{
	padding-top:8px;
}


#home #center #content #flowpanels .mehrbutton img{
	margin-left: 64px;
	margin-top: 15px;
}
	/* End Accordion Panels */


#hotline {
	position:relative;
	top: 24px;
	width: 909px;
	margin-left: auto;
	margin-right: auto;
}


#hotline #content {
	margin-left: 15px;
	color: #009ee1;
	font-size: 12px;
	line-height: 10px;
}


#hotline #content h1{
	color: #009ee1;
	font-size: 22px;
	line-height: 35px;
	font-weight: bold;
}


#hotline #content em{
	color: #009ee1;
	font-size: 16px;
}


#iconhotline {
	float: left;
	margin-right: 10px;
}
/* End Home */



/* Start Footer */
#footer {
	position: relative;
	
	top: 69px;
	width: 100%;
	height: 80px;
	
	float: left;	
}


#footer #content{
	margin-left: auto;
	margin-right: auto;
	
	width: 757px; /* war 909px */
	
	font-size: 10px;
	line-height: 18px;
	color: #999999;
	text-align: center;
	
	padding-top: 41px;
	padding-left: 150px;
	
	background-image:url(../images/system/Dropshadow-Footer.gif);
	background-repeat: no-repeat;
	background-position: center top;	
}


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


#footer a:hover {
	color: #009ee1;
	text-decoration: none;
	border-bottom-style: dashed;
	border-bottom-color: #009ee1;
	border-bottom-width: 1px;
}
/* End Footer */



/* Start Doorpage */
#content #text a{
	color: #808080;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#content #text a:hover{
	color: #009ee1;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #009ee1;
}


#doorpage #center,
#articlepage #center {
	position: relative;
	width: 100%;
	margin-top: 99px;
	height: 362px;
		
	background-image: url(../images/articles/Doorpage-BG.jpg);
	background-repeat: no-repeat;
	background-position: center;
}


#articlepage #bottomsmall{
	background-image: url(../images/system/Articlepage-BG-small.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 99px;
}

#doorpage #center #content, 
#doorpage #bottom #content {
	position: relative;
	width: 909px;
	top: 44px;
	height: 100%;
		
	margin-left: auto;
	margin-right: auto;
}

#articlepage #bottom #content,
#articlepage #bottomsmall #content{
	position: relative;
	width: 909px;
	top: 44px;
	height: 100%;
	
	margin-top: 44px;
	margin-left: auto;
	margin-right: auto;
}



#doorpage #center #content #panel1 {
	position: relative;
	width: 453px;
	height: 300px;
	top: 0px;
	left: 0px;
	
	float: left;
	
	background-image:url(../images/articles/Doorpage-Panel1-HG.gif);
	background-repeat: no-repeat;
}


#doorpage #center #content #panel1 #paneltitel {
	position: absolute;
	top: 1px;
	left: 10px;
	
	font-size: 14px;
	color: #009ee1;	
}


.testimonialdoorpage {
	position:absolute;
	bottom: 0px;
}


#doorpage #center #content #panel1 #text{
	position: absolute;
	width: 331px;
	height: 244px;
	top: 58px;
	left: 110px;
	
	float: left;
}


#doorpage #center #content #panel1 #text h2{
	font-size: 18px;
	line-height: 24px;
}


#doorpage #center #content #panel1 #text h2 em{
	font-weight: bold;	
}


#doorpage #center #content #panel1 #text h2 em a{
	color: #505050;
	text-decoration: none;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #E4F6FF;
}

#doorpage #center #content #panel1 #text h2 em a:hover {
	color: #009ee1;
	border-bottom-width: 1px;
	border-bottom-color: #009ee1;
}


#doorpage #center #content #panel2 {
	position: relative;
	width: 453px;
	height: 300px;
	top: 0px;
	left: 5px;
	
	float: right;
}


#doorpage #bottom,
#articlepage #bottom,
#articlepage #bottomsmall {
	position: relative;
	width: 100%;
	top: 0px;
	height: auto;
	
	float: left;
}


#doorpage #content #navigation,
#articlepage #bottom #content #navigation,
#articlepage #bottomsmall #content #navigation {
	position: relative;
	width: 227;
	height: 100%;
	top: 0px;
	left: 0px;	
	
	float: left;
}


#doorpage #bottom #content #navigation img,
#articlepage #bottom #content #navigation img,
#articlepage #bottomsmall #content #navigation img {
	padding-bottom: 10px;
}


#doorpage #bottom #content #text,
#articlepage #bottom #content #text,
#articlepage #bottomsmall #content #text {
	position: relative;
	width: 509px;
	height:auto;
	top: 0px;
	left: 21px;
	
	margin-right: 152px;
	
	float: right;
	
	color: #808080;
	font-size: 14px;
	line-height: 24px;
	
	overflow: visible;
}


#doorpage #bottom #content #text .intro {
 	font-style:italic;
}


#doorpage #bottom #content #text .articleImage,
#articlepage #bottom #content #text .articleImage,
#articlepage #bottomsmall #content #text .articleImage {
	overflow: visible;
	margin-left: 10px;
	margin-right: -121px;
	float: right;
	
	position:relative
}


#doorpage #bottom #content #text #contactButton,
#articlepage #bottom #content #text #contactButton,
#articlepage #bottomsmall #content #text #contactButton {
	position: relative;
	height: 50px;
	width: 204px;
	margin-top: 108px;
	margin-left: auto;
	margin-right: auto;
}

#doorpage #bottom #content #text #contactButton a,
#articlepage #bottom #content #text #contactButton a,
#articlepage #bottomsmall #content #text #contactButton a {
	text-decoration: none;
	border: 0px none #FFFFFF;
}


/* Start Articlepage */
#articlepage #bottom #content #text h2,
#articlepage #bottomsmall #content #text h2 {
	font-size: 18px;
	line-height: 24px;
	color: #505050;
}


#articlepage #bottom #content #text h3,
#articlepage #bottomsmall #content #text h3 {
	font-size: 14px;
	line-height: 24px;
	color: #505050;
}

#articlepage #bottom #content #text em
#articlepage #bottomsmall #content #text em {
	font-style: italic;
}