/* ===================================
Stylesheet von "Webdesignen.at"

Stand: Stylesheet für die Bildschirmausgabe
Datei: screen.css
Datum: August 2009
Autor: Armin Priesner

Aufbau: 1. Kalibrierung
        2. Allgemeine Styles
        3. Styles für Layoutbereiche
        4. Sonstige Styles
=================================== */

/* ==================================
   1. Kalibrierung
   =============================== */
  * { padding: 0; margin: 0; } /* Abstaende auf Null */ 
   
   
/* ==================================
   2. Allgemeine Styles
   =============================== */
	body {
		font-family: Verdana, Helvetica, Arial, sans-serif;
		color: #666;
		background: #FFF url(verlauf_grau_hintergrund.jpg) repeat-x;
	}
	
		#boxWebsite {
			position: absolute;
			top: 0;
			left: 50%;
			width: 950px;
			margin-left: -475px;
		}
		
			#boxHeader {
				height: 104px;
				border-bottom: 1px dotted #CCC;
			}
				#boxLogo {
					position: absolute;
					top: 15px;
					left: 0;
					width: 270px;
				}
				#boxTopnav {
					position: absolute;
					top: 35px;
					left: 270px;
					width: 660px;
					text-align: center;
				}
					#boxTopnav li {
						list-style-type: none;
						display: inline;
						font-size: .7em;
						margin: 0 8px;
					}
					#boxTopnav a {
						color: #2261B4;
						background: none;
						padding: 2px 3px;
						text-decoration: none;
						font-weight: bold;
						line-height: 200%;
					}
					#boxTopnav a:hover {
						color: #FFF;
						background-color: #2261B4;
					}
						#curTopNav a {
							color: #FFF;
							background-color: #2261B4;
						}
			
			#boxLinkeSpalte {
				margin-top: 362px;
				width: 628px;
				padding: 0 19px 0 20px;
				border-right: 1px dotted #CCC;
				color: #666;
				float: left;
			}
				#boxLinkeSpalte h1, #boxLinkeSpalteStandard h1 {
					font: bold 1em Verdana, Arial, Helvetica, sans-serif;
					margin: 0 0 10px 0;
				}
				#boxLinkeSpalte h2, #boxLinkeSpalteStandard h2 {
					font: normal 1em Verdana, Arial, Helvetica, sans-serif;
					margin: 0 0 10px 0;
				}
				#boxLinkeSpalte h3, #boxLinkeSpalteStandard h3 {
					font: bold .9em Verdana, Arial, Helvetica, sans-serif;
					margin: 0 0 10px 0;
				}
				#boxLinkeSpalte h4, #boxLinkeSpalteStandard h4 {
					font: normal .9em Verdana, Arial, Helvetica, sans-serif;
					margin: 0 0 10px 0;
				}
				#boxLinkeSpalte h5, #boxLinkeSpalteStandard h5 {
					font: bold .9em Verdana, Arial, Helvetica, sans-serif;
					margin: 10px 0;
				}
				#boxLinkeSpalte h6, #boxLinkeSpalteStandard h6 {
					font: normal .9em Verdana, Arial, Helvetica, sans-serif;
					margin: 10px 0;
				}
				#boxLinkeSpalte p, #boxLinkeSpalteStandard p {
					font: normal .8em Verdana, Arial, Helvetica, sans-serif;
					margin: 10px 0;
				}
				#boxLinkeSpalte li, #boxLinkeSpalteStandard li {
					font: normal .8em Verdana, Arial, Helvetica, sans-serif;
					margin-left: 25px;
				}
				#boxLinkeSpalte a, #boxLinkeSpalteStandard a {
					color: #2261B4;
				}
			
			#boxRechteSpalte {
				width: 240px;
				margin: 362px 0 0 20px;
				float: left;
			}
				#boxKontakt {
					color: #666;
					padding-bottom: 12px;
					border-bottom: 1px dotted #CCC;
				}
					#boxKontakt h6 {
						font-size: .7em;
						margin: 0 0 8px 10px;
					}
					#boxKontakt p {
						font-size: .7em;
						margin: 8px 10px;
					}
					#boxKontakt a {
						color: #2261B4;
					}
				#boxDownloads {
					color: #666;
					padding-top: 12px;
				}
					#boxDownloads h6 {
						font-size: .7em;
						margin: 0 0 8px 10px;
					}
					#boxDownloads ul { margin-left: 10px; }
					#boxDownloads li {
						font-size: .7em;
						line-height: 1.5em;
						list-style-type: none;
					}
					#boxDownloads a {
						color: #2261B4;
					}
			
			#boxCollageCallback {
				position: absolute;
				top: 105px;
				left: 0;
				margin: 20px 0;
				padding-bottom: 20px;
				border-bottom: 1px dotted #CCC;
			}
				#boxCollage {
					width: 628px;
					height: 300px;
					background: url(collage.jpg) no-repeat;
					margin-left: 20px;
					padding-right: 19px;
					border-right: 1px dotted #CCC;
					float: left;
				}
				#boxCallback {
					width: 240px;
					height: 300px;
					margin-left: 20px;
					background-color: #d5e4f7;
					float: left;
				}
					#callback {
						width: 220px;
						margin: 10px;
					}
						#boxCallback h6 {
							margin: 0 0 10px 0;
							font-size: .7em;
							font-weight: bold;
						}
						#boxCallback p {
							margin: 8px 0;
							font-size: .7em;
						}
						#boxCallback label {
							padding: 0 0 1px 0;
							font-size: .7em;
							display: block;
						}
						#boxCallback div {
							margin: 2px 0 0 0;
							height: auto;
						}
						#cb_name, #cb_telefon, #cb_anmerkung, #cb_rueckruf {
							font: normal .7em Verdana, Arial, Helvetica, sans-serif;
							border: 1px solid #6DA0E3;
							color: #666;
							width: 200px;
							margin-bottom: 7px;
							padding: 1px;
						}
						#cb_anmerkung {
							height: 30px;
							overflow: auto;
						}
						#cb_submit, #cb_reset {
							font: normal .7em Verdana, Arial, Helvetica, sans-serif;
							color: #666;
						}
						#new_callback {
							font: normal .7em Verdana, Arial, Helvetica, sans-serif;
							color: #666;
							width: 190px;
						}
			
			#boxFooter {
				margin-top: 20px;
				padding: 20px;
				border-top: 1px dotted #CCC;
				background-color: #FFF;
			}
				#boxFooterText {
					width: 628px;
					padding-right: 20px;
					float: left;
				}
					#boxFooterText li {
						list-style-type: none;
						display: inline;
						font-size: .7em;
						color: #CCC;
					}
					#boxFooterText a {
						color: #2261B4;
						background-color: #FFF;
						padding: 1px;
						text-decoration: none;
						line-height: 200%;
					}
					#boxFooterText a:hover {
						color: #FFF;
						background-color: #2261B4;
					}
				#boxW3C {
					margin-left: 30px;
					float: left;
				}
					#boxW3C p {
						margin-right: 25px;
						float: left;
					}




/* ==================================
   3. Styles für Layoutbereiche
   =============================== */

	/* ====================== PAGE STANDARD ====================== */
			#boxLinkeSpalteStandard {
				margin-top: 20px;
				width: 628px;
				padding: 0 19px 0 20px;
				border-right: 1px dotted #CCC;
				color: #666;
				float: left;
			}
			
			#boxRechteSpalteStandard {
				width: 240px;
				margin: 20px 0 0 20px;
				float: left;
			}
	/* ====================== PAGE STANDARD ====================== */
	
	
	/* ====================== PAGE WEBDESIGN ====================== */
			#boxDomaincheck {
				border: 1px solid #d5e4f7;
				color: #666;
				margin: 30px 0;
				padding: 1px;
			}
				#boxDomaincheck form {
					padding: 8px;
					background-color: #d5e4f7;
				}
				#boxDomaincheck fieldset {
					border: none;
				}
				#boxDomaincheck label {
					margin-right: 5px;
					font-size: .7em;
					font-weight: bold;
					display: block;
					height: 1.7em;
					line-height: 1.7em;
					float: left;
				}
				#dc_domain, #dc_tld {
					margin-right: 10px;
					font: normal .7em Verdana, Arial, Helvetica, sans-serif;
					color: #666;
					border: 1px solid #6DA0E3;
					padding: 1px;
					display: block;
					float: left;
				}
				#dc_domain { padding: 1px 1px 2px 1px; }
				#dc_submit {
					font: normal .7em Verdana, Arial, Helvetica, sans-serif;
					color: #666;
					width: 130px;
					display: block;
					float: left;
				}
				#returnDomaincheck {
					font: normal .7em Verdana, Arial, Helvetica, sans-serif !important;
					clear: both !important;
					margin: 5px 0 0 0 !important;
				}
	/* ====================== PAGE WEBDESIGN ====================== */


        /* ====================== PAGE REFERENZEN ====================== */
			#boxReferenzenSpalte {
				margin-top: 20px;
				width: 628px;
				padding: 0 19px 0 20px;
				border-right: 1px dotted #CCC;
				color: #666;
				float: left;
			}
				#boxReferenzenSpalte h1 {
					font: bold 1em Verdana, Arial, Helvetica, sans-serif;
					margin: 0 0 10px 0;
				}
				#boxReferenzenSpalte p {
					font: normal .8em Verdana, Arial, Helvetica, sans-serif;
					margin: 10px 0;
				}
				#boxReferenzenSpalte ul {
					margin-top: 20px;
				}
					#boxReferenzenSpalte li {
						width: 140px;
						margin: 0 16px 16px 0;
						list-style-type: none;
						display: inline;
						float: left;
					}
					#boxReferenzenSpalte li img {
						border: 1px solid #666;
					}
					#boxReferenzenSpalte li p {
						font-size: .7em;
						text-align: center;
						margin: 0;
					}
				#boxReferenzenSpalte a {
					color: #2261B4;
				}
			
			#boxRechteSpalteReferenzen {
				width: 240px;
				margin: 20px 0 0 20px;
				float: left;
			}
	/* ====================== PAGE REFERENZEN ====================== */



/* ==================================
   4. Sonstige Styles
   =============================== */
	
	div.clearFloatBoth { clear: both; height: 1px; }
	img.leftFloatImg { float: left; margin: 0 20px 20px 0; }
	
	

/* ==================================
   ENDE DES STYLESHEETS
   =============================== */