/* ====================================
Stylesheet der "dpbit"

Stand: Skript
Datei: basic.css
Datum: 02.09.2008
Aktualisierung: 01.11.2009
Autor: EP

Aufbau: 1. Kalibrierung
        2. Allgemeine Styles
        3. navigation
        4. index
        5. leistungen
        6. karriere
        7. referenzen
        8. kontakt
        9. impressum
        10. agb
		11. preisliste
        12. Footer
        13. tipps & tricks
        14. News
		15. Login
=======================================*/

/* =========================================
   1. Kalibrierung
   ========================================= */
* {
	padding: 0px;
	margin: 0px;
}

body {
	font-size: 85%;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
	text-align: center;   /*  Zentrierung f. Internet Explorer < Version 7  */
	background-color: #284864; /* dunkles Blau */
}

/* h1, h3, h4, h5, h6, h2  {
                        clear: right;
                        margin: 0px 20px 10px 20px;
                        padding-top: 20px;
                        } */
h1 {
	font-size: 1.6em;
	margin: 0px 50px 10px 50px;
	padding-top: 20px;
}

h2 {
	font-size: 1.4em;
	padding: 0 0 10px 0;
	margin: 0px 50px;
}

h3 {
	font-size: 1.2em;
	margin: 0px 50px 10px 50px;
}

h4 {
	font-size: 1em;
	margin: 0px 50px 10px 50px;
}

h5, h6 {
	font-size: 1em;
	margin: 10px 50px 10px 50px;
}

p {
	clear: both;
	padding: 0px 50px 10px 50px;
}
p.banner {
		float: left;
		width: 510px;
		
		}

hr {
	clear: both;
	display: block;
	width: 896px;
	height: 1px;
	background-color: #284864;
	color: #284864;
	margin: 20px 50px 20px 50px;
}

form p {
	margin: 15px 20px;
	padding: 0px;
}

blockquote {
	float: right;
	width: 300px;
	min-height: 100px;
	font-size: 0.8em;
	background-color: #fff;
	/* padding: 0 0 0 696px; */
	
}

blockquote p {
	color: #81a6ca;
	padding: 20px 50px 5px 18px;
}

blockquote cite {
	font-size: 0.75em;
	color: #81a6ca;
	}

abbr {
	font-weight: bold;
	cursor: pointer;
}

address {
	font-size: 1.1em;
	text-align: center;
	padding-bottom: 20px;
}
acronym{
	text-decoration: underline;
	cursor: pointer;
}

/* =========================================
   2. Allgemeine Styles
   ========================================= */

#wrap {
	width: 996px;
	margin: 5px auto;
	text-align: left;
	background-color: #39668E;
	color: #284864; /* dunkles Blau */
}

#header {
	width: 996px;
	height: 95px;
	/* margin-top: 5px; */
        background-color: #B3CCE1;
	text-align: center;
}

#header img {
	border: none;
}

#header a {
	display: block;
	border: none;
	border-style: none;
	outline: none;
}

#navi {
	width: 996px;
	text-align: center;
	padding: 5px 0px 0px 0px;
	margin-top: 2px;
	background-color: #39668E; /* #284864;   dunkles Blau */
}

#content {
	clear: both;
	width: 996px;
	background-color: #fff;
}

#footer {
	clear: both;
	width: 996px;
	padding: 10px 0px 10px 0px;
	text-align: center;
	background-color: #fff;
	border-top: 1px solid #284864;  /* dunkles Blau */
}

/* =========================================
   3. navigation
   ========================================= */
#navi ul {
	margin: 0px;
	padding: 0px 0px 5px 0px;
}

#navi li {
	display: inline;
}

#navi a, #navi span {
	background-color: #CCDCEB;	/* helles Blau */
	padding: 4px 8px 4px 8px;
	border: 1px solid #284864;  /* dunkles Blau */
	text-decoration: none;
}

#navi a:hover {
	background-color: white;
	color: #284864;  /* dunkles Blau */
	border-bottom-color: #284864;
}

#navi a:focus {
	background-color: white;
	color: #284864;  /* dunkles Blau */
	border-bottom-color: white;
}

#navi01 span, #navi02 span, #navi03 span, #navi04 span, #navi05 span, #navi06 span, #navi07 span, #navi08 span {
	background-color: white;
	color: #284864;  /* dunkles Blau */
	border-bottom-color: white;
}

/* =========================================
   4. index
   ========================================= */
#indextext {
clear: both;
	width: 896px;
	height: 350px; 
	background-color: #fff;
	padding: 0 0 0 50px;
	margin-bottom: 1px;
	}

#indextext>h1 {
			position: relative;
			top: -220px;
			margin: 0;
	padding: 10px 400px 0 0;
	}

#indextext>p {
			position: relative;
			top: -200px;
	padding: 10px 400px 10px 0;
	}

#indextext img {
				position: relative;
				width: 489px;
				height: 273px;
				top: 30px;
				left: 400px;
				}
#boxen {
	width: 996px;
	background-color: #fff;
	padding: 20px 0;
} 

#bisba	{
		clear: both;
		width: 896px;
		height: 71px;
		line-height: 71px;
		padding: 1px 50px 10px 50px; !important
		}
#bisba>p	{
			clear: both;
			width: 600px;
		height: 71px;
		line-height: 71px;
		padding: 0;
		margin: 0 0 10px 200px;
			}
#bisba>img	{
			width: 300px;
			height: 71px;
			line-height: 71px;
			border: none;
			}
			
/* =========================================
   5. leistungen
   ========================================= */
#subnavi {
	clear: both;
	float: right;
	width:	230px;
	background: #fff;
	padding: 20px 0 57px 0;
}

#subnavi ul {
	width: 230px;
	list-style: none;
	font-size: 0.9em;
	background-color: #fff; /* helles Blau */
	margin-left: 20px;
}

#subnavi li {
	line-height: 28px;
	text-indent: 1em;
	background-color: #CCDCEB; /* helles Blau */
	border-bottom: 1px solid #284864;  /* dunkles Blau */
	border-left: 1px solid #284864;  /* dunkles Blau */
}

#subnavi a {
	display: block;
	background-color: #CCDCEB;	/* helles Blau */
	text-decoration: none;
}

#subnavi li a:hover {
	background: #fff;
	color: #284864;  /* dunkles Blau */
}

#subnavi li a:focus {
	background: #fff;
	color: #284864;  /* dunkles Blau */
	border-left: white;
}

#subnavi li span {
	display: block;
	background: #fff;
	color: #284864;  /* dunkles Blau */
	border-left: white;
}
.titl	{
	text-decoration: none;
	}

.btop {
	border-top: 1px solid #284864;  /* dunkles Blau */
}

.leist{
	text-align: center;
}

table  {
	text-align: center;
	margin: 0 0 0 130px;
	padding: 0 0 50px 0; 
}

td {
	width: 130px;
	height: 155px;
	border:  1px solid #284864;  /* dunkles Blau */
}

td a,
.vipnavi td a {
display: block;
	color: #284864;  /* dunkles Blau */
	font-weight: bold;
	text-decoration: none;
	border: none;
	outline: none;
}
.leist td a:link,
.leist td a:hover
.leist td a:focus
.leist td a:active	{
					display: block;
					text-decoration: none;
					border: transparent;
					outline: none;
					}

.leist>p	{
			text-align: left;
			}
.leist img,
.vipnavi img {
	border: 0;
	padding-top: 10px;
}

#leistungstext {
	float: left;
	width: 766px;
	background: #fff;
}

#leistungstext dl {
	width: 440px;
	margin: 0 0 10px 50px;
}

#leistungstext dt {

	font-weight: bold;
}

#leistungstext dd {
width: 340px;
	
}
#leistungstext ul	{
					padding: 0 0 10px 100px;
					}
/* =========================================
   6. karriere
   ========================================= */
.karriere	{
			margin: 10px 50px 0 50px;
			}
h2.karriere	{padding-left: 50px;}
ul.karriere	{
			padding-left: 200px;
			}
	
   
   
/* =========================================
   7. referenzen
   ========================================= */
.por	{
		padding: 10px 0 0 0;
		}
.referenzen,
.refrechts,
.refrechtsurl {
	float: left;
	width: 566px;
	margin: 10px 100px 20px 100px;
	padding: 10px;
	/* border: 1px solid #284864; */
}

.refrechts	{
			margin: 10px 100px 20px 300px !important; 
			}
.refrechtsurl	{
			width: 700px !important;
margin: 10px 100px 20px 165px !important; 
			}
 dl {
	float: left;
	width: 546px;
	margin-bottom: 20px;
	padding: 0;
	display: inline;
}

 dt {
	float: right;
	width: 310px;
	font-size: 130%;
	letter-spacing: 1px;
	white-space: nowrap;
	margin-bottom: 10px;
	padding-top: 30px;
	
}

 dd.reftext {
	float: right;
	width: 310px;
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 85%;
	line-height: 1.5em;
}

 dd.refimg img {
	float: left;
	margin: 10px 10px 20px 10px;
	padding: 3px;
	border: 1px solid #284864;
}

 .refrechts dt,
 .refrechtsurl dt {
	float: left;
	text-align: right;
}
.refrechtsurl dt {
	float: left;
	width: 450px !important;
	text-align: right;
}
 .refrechts dd.reftext,
 .refrechtsurl dd.reftext {
	float: left;
	text-align: right;
	width: 310px;
	margin: 0;
	padding: 0;
	font-size: 85%;
	line-height: 1.5em;
}

 .refrechtsurl dd.reftext {
	float: left;
	text-align: right;
	width: 450px !important;
	margin: 0;
	padding: 0;
	font-size: 85%;
	line-height: 1.5em;
}
 .refrechts dd.refimg img,
 .refrechtsurl dd.refimg img {
	float: right;
	margin: 0px 10px 0 10px;
	padding: 3px;
	border: 1px solid #284864;
}
.ref {
	padding-top: 80px;
}

.portrait	{
			clear: both;
			}
.port	{
		text-decoration: none;
		}

/* =========================================
   8. kontakt
   ========================================= */
#kontakt {
	float: left;
	width: 405px !important;
	margin: 180px 0px 20px 50px;
	padding-top: 10px;
	border: 1px solid #284864;
}

#kontakt dl {
	width: 405px;
	margin-bottom: 10px;
	padding-left: 0;
	display: inline;
}

#kontakt dt {
	float: right;
	width: 190px;
	margin-bottom: 20px;
	padding-top: 4px;
	font-size: 130%;
	letter-spacing: 1px;
}

#kontakt dd.kontakttext {
	/* clear: both; */
	float: right;
	width: 189px;
	margin: 0 0 16px 0;
	padding: 0;
	font-size: 85%;
	line-height: 1.3em;
}

#kontakt dd.kontaktimg {
	float: left;
	margin: 10px 5px;
	padding: 4px;
	border: none;
}

#kontaktform {
	float: right;
	margin: 20px 50px 20px 0;
	padding: 10px 10px 0 0;
	border: 1px solid #284864;
}

form #form1{
	float: left;
	width: 450px;
	padding: 30px 0 20px 0px;
}

legend {
	position: absolute;
	top: -.8em;
	left: .2em;
	font-weight: bolder;
	font-size: 120%;
	border: 1px solid;
	color: #284864; /* dunkles Blau */
	background-color: #fff;
	margin: 0 15px;
	padding: 0 3px;
}

#person label {
	display: block;
}

fieldset {
	position: relative;
	border: 1px solid #284864;
	background-color: #E9F0F6;
	margin: 10px 0px 20px 15px;
}

textarea {
	width: 355px;
	height: 125px;
	margin: 15px 20px;
}

.reset {
	width: auto;
	margin-left: 150px;
}

p.kontakttext {
	padding: 20px 50px;
}

input:focus {
	background: #ffffcc;
}

.checkboxRequiredMsg, .checkboxMinSelectionsMsg, .checkboxMaxSelectionsMsg {
	display: none;
}

.checkboxRequiredState .checkboxRequiredMsg, .checkboxMinSelectionsState .checkboxMinSelectionsMsg, .checkboxMaxSelectionsState .checkboxMaxSelectionsMsg {
	display: inline;
	color: #CC3333;
	border: 1px solid #CC3333;
}

.textareaRequiredState .textareaRequiredMsg, .textareaMinCharsState .textareaMinCharsMsg, .textareaMaxCharsState .textareaMaxCharsMsg {
	display: inline;
	color: #CC3333;
	border: 1px solid #CC3333;
}

.textareaValidState textarea, textarea.textareaValidState {
	background-color:#B8F5B1;
}

textarea.textareaRequiredState, .textareaRequiredState textarea, textarea.textareaMinCharsState, .textareaMinCharsState textarea, textarea.textareaMaxCharsState, .textareaMaxCharsState textarea {
	background-color:#FF9F9F;
}

.textareaFocusState textarea, textarea.textareaFocusState {
	background-color:#FFFFCC;
}

.textareaFlashState textarea, textarea.textareaFlashState {
	color:red !important;
}

.textfieldRequiredMsg, .textfieldInvalidFormatMsg, .textfieldMinValueMsg, .textfieldMaxValueMsg, .textfieldMinCharsMsg, .textfieldMaxCharsMsg, .textfieldValidMsg {
	display: none;
}

.textfieldRequiredState .textfieldRequiredMsg, .textfieldInvalidFormatState .textfieldInvalidFormatMsg, .textfieldMinValueState .textfieldMinValueMsg, .textfieldMaxValueState .textfieldMaxValueMsg, .textfieldMinCharsState .textfieldMinCharsMsg, .textfieldMaxCharsState .textfieldMaxCharsMsg {
	display: inline;
	color: #CC3333;
	border: 1px solid #CC3333;
}

.textfieldValidState input, input.textfieldValidState {
	background-color: #B8F5B1;
}

input.textfieldRequiredState, .textfieldRequiredState input, input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, input.textfieldMinValueState, .textfieldMinValueState input, input.textfieldMaxValueState, .textfieldMaxValueState input, input.textfieldMinCharsState, .textfieldMinCharsState input, input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9F9F;
}

.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFCC;
}

.textfieldFlashText input, input.textfieldFlashText {
	color: red !important;
}

#ihrteam	{
			padding: 20px 0;
			}

/* =========================================
   9. impressum
   ========================================= */
.img {
	text-align: center;
	padding-top: 40px;
}
.img_imp {
	text-align: center;
	padding-top: 10px;
}
.img_w {
	margin: 10px;
	padding: 10px;
	text-decoration: none;
	text-align: center;
	
}

/* =========================================
   10. agb
   ========================================= */
/* .agbdl  {
        list-style-type: none;
        text-align: justify;
        padding: 0 30px 10px 40px;
        }
.agbudl {
        list-style-type: none;
        text-align: justify;
        padding: 0 0 10px 0;
        }
.agbdl dt {
          font-weight: bold;
          padding: 15px 30px 10px 20px;
          }
.agbdl dd {
          padding: 0 30px 10px 20px;
          }
.agbol  {
        list-style-type: decimal;
        list-style-position: outside;
        padding: 10px 30px 0 40px;
        }
.agbol  {
        content: counter(kapitelzaehler) ' ' counter(subkapitelzaehler) '.';
        
        }
.agbol li:before  {
                  position: outside;
                  content: counter(kapitelzaehler) '.' counter(subkapitelzaehler) ' ';
                  } 
.agbul  {
        list-style-type: circle;
        text-align: justify;
        padding: 10px 30px 10px 40px;
        }
.alletexte  {
            text-align: center;
            padding: 20px 210px 20px 210px;
            }
.inhkontro  {
            text-align: justify;
            padding: 0px 210px 20px 210px;
            } */
.agb {
	padding: 20px 0 0 120px;
}
.p_agb	{
		padding: 0 5px 10px 5px;
		}
.p_daten	{
			padding: 0 5px 10px 18px;
			}
.ol_agb,
.dl_agb	{
		padding: 0 5px 0 20px;
		}
.ol_abc_agb	{
			list-style-type: lower-alpha;
			padding: 0 5px 10px 40px;
			}
.ol_agb li	{
			padding-bottom: 10px;
			}
/* =========================================
   11. Preisliste
   ========================================= */
table.preisli	{
				clear: both;
				display: table;
				width: 700px;
				border-collapse: collapse;
				border: 0; /* 1px solid background-color: #284864; /* dunkles Blau */
				padding: 0;
				margin: 0 auto;
				}
table.preisli caption	{
					font-size: 1.1em;
					font-weight: 600;
					text-decoration: underline;
					padding: 0 0 15px 0;
					}

table.preisli thead	{
					height: 35px; 
					font-size: 0.9em;
					font-weight: 500;
					}
table.preisli tfoot {
					height: 35px; 
					font-size: 0.9em;
					font-weight: 400;
					text-align: left;
					}
table.preisli tbody td	{
						font-size: 0.9em;
						font-weight: 400;
						text-align: center;
						vertical-align: middle;
						border: 0;
						}
table.preisli .ptd1	{
					width: 500px;
					height: auto;
					text-align: left;
					padding-left: 20px;
					}
.ptd1 p	{
		padding: 0;
		margin: 0;
		}
table.preisli .ptd2	{
					width: 100px;
					height: auto;
					text-align: right;
					}	
table.preisli .ptd3	{
					width: 100px;
					height: auto;
					}
table.preisli .ptdcol	{
						height: 30px;
						font-size: 1em;
						font-weight: 600;
						text-align: left;
						border-top: 1px solid #284864; /* dunkles Blau */ 
						border-bottom: 1px solid #284864; /* dunkles Blau */ 
						padding-left: 20px;
						}
table.preisli .etdc	{
					width: 700px;
					height: auto;
					font-size: 0.9em;
					font-weight: 600;
					text-align: left;
					padding-left: 20px;
					}
table.preisli .etd	{
					width: 500px;
					height: auto;
					font-size: 0.9em;
					font-weight: 600;
					text-align: left;
					padding-left: 20px;
				}
.ptd1 abbr,
.ptd1 acronym,	
.etdc abbr {
			font-size: 0.9em;
			font-weight: 600;
			text-decoration: underline;
			cursor: pointer;
			}

/* =======================
   12. footer
   ======================= */
#footer>address {
	font-size: 1em;
	padding: 0;
}

/* =========================================
   13. tipps & tricks
   ========================================= */
form#Formular1 { 
				width: 600px;
		padding: 20px;
		margin: 0 auto;
		}
#Formular1 fieldset	{
					clear: both;
					}

#Formular1 label	{
					clear: both;
					}
table.tips	{
			width: 896px;
			border-collapse: collapse;
			padding: 0;
			margin: 20px auto;
			}
table.tips thead 	{
			font-size: 12px;
			
			color: #FFF;
			text-align: center;
			background-color: #39668E; 
			}	
th.tips_th_rc	{
				width: 6px;
				background-color: #fff;
				border: none;
				}
td.tips_th_rc>img	{
					border: none;
					padding: 0;
					margin: 0;
					}		
/* =========================================
   14. VIP Wissenswertes
   ========================================= */
table.infolist {
				width: 800px;
				border-collapse: collapse;
				text-align: center;
				border: 1px solid #284864; /* dunkles Blau */
				padding: 0;
				margin: 0;
				}
/* =========================================
   15. Login
   ========================================= */
#klog	{
		}
form#Formular2	{
				clear: both;
				width: 500px;
				padding: 0 248px;
				margin: 0 auto;
				}
#Formular2 fieldset	{
					clear: both;
					margin: 0;
					}
#Formular2 label	{
					clear: both;
					}
#Button	{
		width: 300px;
		color: #336699;
		margin-left: 90px;
		}
.absgue	{
			padding: 0;
			margin: 0;
			}
p.absgue	{
			margin: 10px 15px;
			}
.absgue label	{
			display: inline-block;
			width: 100px;
			padding-right: 50px;
			}
.absgue input	{
			width: 300px;
			}
form#Formular3	{
		display: inline;
		width: 80px;
		border: 0;
		padding: 0px;
		margin: 0;
		}

#Formular3 input	{

					width: auto;
					/* height: 18px; */
					font-size: 0.7em;
					border: 0;
					background-color: #FFF;
					cursor: pointer;
					padding: 0;
					margin: 0;
					}
h3.guten {
	font-size: 1.2em;
	text-align: center;
	padding: 20px 0 0 0;
	margin: 0 0 10px 0;;
}

p .kindex	{
			font-size: 0.9em;
			}
/*			
a[href$='.pdf'] { 
width: 32px;
height: 32px;
color: #774E2C;
text-decoration: none;
outline: none;
border: none;
padding: 0;
target: _blank;
}

a[href$='.pdf']:hover,
a[href$='.pdf']:focus {
	color: #fff;
    
	} */	
.imgdown	{
			text-align: center;
			}
.imgdown a,
.imgdown img	{
				border: none;
				outline: none;
				padding: 0 0 10px 0;
				}
table.billlist	{
				padding: 0;
				margin: 0 auto;
				}
table.billlist caption	{
					font-size: 1.1em;
					font-weight: 600;
					text-decoration: underline;
					padding: 0 0 15px 0;
					}

table.billlist thead,
table.billlist tfoot 	{
				height: 35px; 
				font-size: 0.9em;
				font-weight: 500;
				}
table.billlist tbody td	{
					height: 38px;
					font-size: 0.9em;
					font-weight: 400;
					text-align: center;
					vertical-align: middle;
					}
table.billlist .td1	{width: 90px;}
table.billlist .td2	{width: 140px;}	
table.billlist .td3	{width: 360px;}
table.billlist .td4	{width: 60px; }

table.billlist .td4 a {	display: inline;
						border: none;
						outline: none;
						}

.tdpdf	{
		border: none;
		text-align: center;
		vertical-align: middle;
		}
table.vipnavi	{
				text-align: center;
				padding: 0;
				margin: 0 auto;
				}
p.vipnavi	{
			font-size: 1em;
			font-weight: 500;
			text-align: center;
			}
/* =========================================
   Ende des Stylesheets
   ========================================= */