/*C4Consulting - KVA-Studie
CSS-Styles
hellrauchblau #ccc7c1
schriftblau #567A93
orange #F4853A
blassblau #EDF7F9
beigegrau #d2bead oder #ccc7c1
schriftbraun #78695c
*/
body {
	background-color: #ffffff;
	color: #969696;
	padding-top: 10px;
	text-align: center;
	scrollbar-base-color:#ccc7c1;
	scrollbar-3dlight-color:#F4853A;
	scrollbar-arrow-color:#F9FCFC;
	scrollbar-darkshadow-color:#F4853A;
	scrollbar-face-color:#ccc7c1;
	scrollbar-highlight-color:#F4853A;
	scrollbar-shadow-color:#ccc7c1;
	scrollbar-track-color:#F9FCFC;
	font-family: Arial,Verdana,  Helvetica, sans-serif;
}

/*Layout divs*/
#screen {
	position:relative; 
	margin: 0 auto;/*wichtig für funktionierende Zentrierung in Mozilla*/
	width: 700px; 
	height:300px;
	text-align: left;	
	color: #000000;
	overflow: visible;
	}
#logo {
	position: absolute;
	top:0px;
	left:0px; 
	width: 100%;
	height: 125px;
	background-color:#ccc7c1;padding-top:34px;
	text-align:center;}
#content {
	position: absolute;
	top:120px;
	left:0px;
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: auto;
	background-color:  #F9FCFC;
	border-left: 1px solid #ccc7c1;
	border-right: 1px solid #ccc7c1;
	z-index: 2;
}
div.trenner {clear: both;}
#links {float: left; width: 460px; height: auto;margin: 0px 0px 0px 10px ! important;margin: 0px 0px 0px 5px; padding:0px;z-index: 3; }
#rechts { width: 210px; height: 130px; overflow: visible; margin: 20px 0px 0px 0px;
padding-top: 280px; 
background:transparent url(../bilder/goldfisch1.jpg) no-repeat -3px 0px;
float: right;z-index: 3; }
#navigation { 
	width: 100%;
	height: 25px;
	color: #0C4264;
	padding: 5px 0px 0px 0px;
	z-index:100;
	text-align:center;
	vertical-align: top;
	margin-top: 20px;
	background-color: #F4853A;}
#scroll {width:380px; height: 290px; overflow: auto; border: 0px solid #F4853A; padding: 10px 10px 10px 0px; margin-top: 15px;z-index: 2;}
#ermaechtigung {width:95%; height: 30px; overflow: auto; padding: 3px; z-index: 3; font: normal 11px/100% Arial, sans serif; margin-bottom: 3px;}
#message {position: absolute; border: 2px solid #F4853A; padding: 10px 10px;
	left:450px; top: 360px;
	width: 250px; background-color: #ffffff;
	font: normal 12px/14px Arial, Helvetica, sans serif;
	color: #F4853A; z-index: 5; text-align: left;
	}	
div.button {background:transparent url(../bilder/weiter.gif)  no-repeat center center; 
width: 170px;
	height: 26px;  padding: 0px;
	text-align: center; 
}
div.but_links {background-color:transparent; 
width: 170px;
	height: 100%;  padding: 0px; margin-left: 10px;
	text-align: center; 
	float:left;
}
div.but_rechts {background-color:transparent; 
width: 170px;
	height: 100%;  padding: 0px; margin-right: 20px; margin-left: 0px;
	text-align: center; 
	float:right;
}
button {padding: 3px;}

#bankdaten {display:none; width: 430px; height:auto; }
#liefer {display:none; width: 430px; height:auto; }
/*----------------------------Text- und Bild-Formatierungen-------------------------------------------*/
img {border: none;}
h1 {color: #F4853A; text-align: center; font-size: 150%; font-weight: bold; margin: 10px 0px 0px 0px; }
h2 {color: #78695c;text-align: center;font-size: 100%; font-weight: bold;margin: 10px 0px 15px 0px;}
h3 {color: #F4853A;text-align: left;font-size: 14px; font-weight: bold;}
h4 {color: #78695c;text-align: left;font-size: 95%; font-weight: bold;margin: 0px 0px 5px 0px;}
h5 {color: #78695c;text-align: left;font-size: 80%; font-weight: bold;margin: 3px 0px 5px 0px;}

p,li {color: #78695c; text-align: justify; font-size: 70%; line-height: 130%;margin: 0px 0px 5px 0px;}
td {text-align: left; vertical-align: top; font: normal 12px Arial; color: #78695c;}
p.but {text-align: center; vertical-align: top; font: normal 10px Arial; color: #F4853A;}/*Schrift unter buttons*/
td.bestell {text-align: left; vertical-align: top; font: bold 11px Arial; color: #F4853A;}
td.bestell_r {text-align: right; vertical-align: top; font: bold 11px Arial; color: #F4853A; padding-bottom: 13px;}
td.radio {text-align: center; padding: 5px 0px 5px 0px;}
.rechts {text-align: right;}
span { font-size: 90%; line-height: 130%;}
.orange {font-weight: bold;color: #F4853A;}
.autoren {font-weight: bold; color:#78695c;}
.unterstrich {text-decoration: underline;}
.fett {font-size: 110%; }
span.fett1 {font-size: 100%;font-weight: bold;}
.fett2 {font-weight: bold;}
.normal {font-weight: normal;}
/*---------------------Formular tags-------------------------*/
form {
	margin: 0;
	padding: 0;
}

input.senden {
	color: #F4853A;
	/*font: bold 15px Arial;margin-top: 3px ! important; margin-top: 3px;*/
	font: bold 12px Arial;margin-top: 4px ! important; margin-top: 4px;
	background-color: transparent; border:0px;
	}
input.download_senden {
	color: #F4853A;
	font: bold 12px Arial;margin-top: 4px ! important; margin-top: 4px;
	background-color: transparent; border:0px;
	}

a.input:link { text-decoration: none;	
	}
a.input:hover { text-decoration: underline;	
	}
input {border: 1px solid #969696; background-color:#ccc7c1;font: normal 12px Arial; color: #969696;margin:0px 0px 2px 0px;
	}
select {color: #969696;}
input.noborder {border: 0px;}
/*-------------------------------Links--------------------------------------------------------------*/
a:link, a:visited {color: #78695c; text-decoration: none;}
a:hover, a:focus, a:active {text-decoration: underline;}
h1 a:link, h1 a:visited {color: #ffa953; }
h1 a:active, h1 a:focus, h1 a:hover {text-decoration: none; }
#navigation a:link, #navigation a:visited, #navigation a:active, #navigation a:hover,#navigation a:focus   {font-size: 80%;font-weight: bold; padding-left: 10px; padding-right: 10px; 
		color: #78695c; text-decoration: none;}
 #navigation a.aktiv:link, #navigation a.aktiv:visited, #navigation a.aktiv:active, #navigation a.aktiv:hover{text-decoration: underline;}
a.operator:link, a.operator:visited {color: #78695c;margin:3px;
	font: bold 12px Arial; line-height: 12px; text-decoration: none; display: block;}
a.operator:active, a.operator:focus, a.operator:hover {color: #F4853A;}
div.button a:link, div.button a:visited, div.button a:active, div.button a:hover, div.button a:focus {color: #F4853A;
	font: bold 15px/26px Arial; text-decoration: none; }
a.orange:link, a.orange:visited {font-weight: normal;color: #ffa953;}
a.orange:active, a.orange:hover, a.orange:focus {font-weight: bold;}
a.orange1:link, a.orange1:visited {color: #F4853A; text-decoration: none;}
a.orange1:active, a.orange1:hover, a.orange1:focus {text-decoration: underline;}
#rechts a:link, #rechts a:visited {color: #F4853A; text-decoration: none; font-weight: bold;}
#rechts a:hover, #rechts a:focus, #rechts a:active  {text-decoration: underline;}