/* 
Titel:     Stylesheet fuer www.web-und-net.de
Author:    Jens Neumann - WEB & NET
Stand:     02.06.2018
----------------------------------------------------------*/

body {
	background: #0B0B0B url(../images/p_bg_dark.jpg) top left no-repeat;
	margin: 40px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: small; /* Beginn Simplified Box Model Hack */
	}
	* html body {
		font-size: x-small; /* Fuer IE5/Win */
		f\ont-size: x-small;  /* Fuer IE6 + IE7/Win */
}


/* Links und Text
---------------------------------------------------------- */

a {
	font-weight: bold;
	text-decoration: none;
	color: #3366FF;
}

a:hover {
	text-decoration: underline;
}


.pagetitel {
	text-align: left;
	font-size: 48px;
	font-weight: normal;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 60px 0px;
}

li {
	list-style: square;
	position: relative;
	font-size: 14px;
	left: 0px;
	padding: 0px 0px 3px 0px;
}

.referenzTD {
	text-align: left;
	vertical-align: top;
	heigth: 150px;
	padding: 0px 0px 20px 0px;
}

.referenzIMG {
	padding: 3px 0px 0px 0px;
}

.refpageIMG {
	padding: 5px 15px 10px 0px;
	float: left;
}

.plum {
	color: #5C0878;
}

.green {
	color: #209620;
}

.yellow {
	color: #FFCC00;
}

.red {
	color: #C82000;
}

.blue {
	color: #3366FF;
}

.orange {
	color: #FF8000;
}

.petrol {
	color: #009696;
}

.titelgrey {
	text-align: left;
	font-size: 24px;
	color: #555555;
	margin: 0px 0px 0px 0px;
	padding: 20px 23px 20px 0px;
}

.titelgrey a {
	font-weight: normal;
	text-decoration: none;
	color: #555555;
}

.red a:hover {
	color: #C82000;
	text-decoration: none;
}

.yellow a:hover {
	color: #FFCC00;
	text-decoration: none;
}

.plum a:hover {
	color: #5C0878;
	text-decoration: none;
}

.green a:hover {
	color: #209620;
	text-decoration: none;
}

.blue a:hover {
	color: #3366FF;
	text-decoration: none;
}

.orange a:hover {
	color: #FF8000;
	text-decoration: none;
}

.petrol a:hover {
	color: #009696;
	text-decoration: none;
}



/* Startseite
---------------------------------------------------------- */

.startTable {
	text-align: left;
	border-spacing: 0px;
	margin: 0px 0px 0px 110px;
}

.tiletable {
	padding: 25px 0px 0px 0px;
}

.einzelkachel_175 {
	vertical-align: bottom;
	text-align: left;
	}	

.doppelkachel_175 {
	vertical-align: bottom;
	text-align: left;
	}	

.ek_150 {
	vertical-align: bottom;
	text-align: left;
	padding: 0px 10px 10px 0px;
	}	

.ek_150:hover {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	}	

.ek_150 img {
	margin: 0px 0px 0px 0px;
	}	

.dk_150 {
	vertical-align: bottom;
	text-align: left;
	padding: 0px 10px 10px 0px;
	}	

.dk_150:hover {
	-webkit-transform: scale(1.025, 1.05);
	-moz-transform: scale(1.025, 1.05);
	-o-transform: scale(1.025, 1.05);
	-ms-transform: scale(1.025, 1.05);
	transform: scale(1.025, 1.05);
	}	

.dk_150 img {
	padding: 0px 0px 0px 0px;
	}	

#einzelkachel {
	vertical-align: middle;
	margin: 20px 0px;
	padding: 0;
}

#doppelkachel {
	vertical-align: middle;
	margin: 20px 0px;
	padding: 0;
}

.top {
	vertical-align: top;
	width: 75px;
	margin: 0px 0px;
	padding: 5px 10px 0px 0px;
}

.imgfixed {
	position: fixed;
	padding: 5px 0px 0px 0px;
}


/* Sitelist
---------------------------------------------------------- */

.listicon {
	text-align: left;
	padding: 0px 10px 20px 0px;
}

.listicon:hover {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	}	

.listitem {
	text-align: left;
	vertical-align: top;
	width: 180px;
	font-size: 20px;
	color: #FFFFFF;
	padding: 19px 0px 0px 3px;
}

.listitem a {
	color: #FFFFFF;
}


/* Einzelseiten
---------------------------------------------------------- */

.texttabelle {
	width: 980px;
}

.arrowleft {
	text-align: left;
	padding: 0px 20px 0px 0px;
}

.arrowright {
	text-align: right;
	padding: 0px 0px 0px 20px;
}

.rubrikicon {
	text-align: left;
	float: left;
	padding: 0px 25px 0px 0px;
}

.rubrik {
	text-align: left;
	vertical-align: top;
	font-size: 48px;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.rubrik a {
	text-decoration: none;
	color: #FFFFFF;
}

.rubrik a:hover {
	color: #3366FF;
	text-decoration: none;
}

.titel {
	text-align: left;
	font-size: 24px;
	color: #DDDDDD;
	margin: 0px 0px 0px 0px;
	padding: 20px 23px 20px 0px;
}

.titelTD {
	text-align: left;
}

.titelgrau {
	text-align: left;
	font-size: 24px;
	color: #555555;
	margin: 0px 0px 0px 0px;
	padding: 20px 23px 20px 0px;
}

.titelgrau a {
	font-weight: normal;
	text-decoration: none;
	color: #555555;
}

.titelgrau a:hover {
	text-decoration: none;
}

.zwischentitel {
	text-align: left;
	font-size: 24px;
	font-weight: normal;
	color: #FFFFFF;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.text {
	text-align: left;
	font-size: 14px;
	color: #FFFFFF;
}

.textfett {
	font-weight: bold;
}

.textfettdaten {
	font-weight: bold;
	margin: 20px 0px -10px 0px;
}

.textklein {
	font-size: 80%;
}

.textin {
	text-align: left;
	font-size: 14px;
	color: #FFFFFF;
	padding: 0px 0px 0px 12px;
}

.texteingerueckt {
	color: #AAAAAA;
	text-align: left;
	padding: 0 0 2px 15px;
}

.listtitel {
	text-align: left;
	font-size: 24px;
	color: #FFFFFF;
	padding: 0px 0px 30px 0px;
}

















/* Test Drop-Shadow
---------------------------------------------------------- */

.container {
	position:relative;
	z-index:1;
	width:600px;
	padding:20px;
	margin:0 auto;
}
        
.container:after {
	content:"";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	font-size:0;
}
        
.drop-shadow {
	position:relative;
	float:left;
	width:40%;    
	padding:1em; 
	margin:2em 10px 4em; 
	background:#FFCC00;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.drop-shadow:before,
.drop-shadow:after {
	content:"";
	position:absolute; 
	z-index:-2;
}
        
.drop-shadow p {
	font-size:16px;
	font-weight:bold;
}
        
.curved:before {
	top:10px;
	bottom:10px;
	left:0;
	right:50%;
	-webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);
	-moz-box-shadow:0 0 15px rgba(0,0,0,0.6);
	box-shadow:0 0 15px rgba(0, 0, 0, 0.6);
	-moz-border-radius:10px / 100px;
	border-radius:10px / 100px;
}
        
.curved-vt-2:before {
	right:0;
}





/* Kontakt
---------------------------------------------------------- */

.kontakticons {
	text-align: center;
	vertical-align: top;
	border: none;
	padding: 10px 5px 10px 0px;
}

.kontaktTextTD {
	text-align: left;
	font-size: 14px;
	color: #FFFFFF;
}



/* Fuss
---------------------------------------------------------- */

.fussiconsTr {
	text-align: center;
	font-weight: normal;
}

.fussicons {
	text-align: center;
	border: none;
	padding: 50px 12px 3px 12px;
}

.fussiconstext {
	font-size: 15px;
	font-weight: normal;
	color: #AAAAAA;
}

.fussiconstext a {
	font-size: 15px;
	font-weight: normal;
	color: #AAAAAA;
}