/* - CSS GRUNDELEMENTE - */

* {

	margin: 0px;
	padding: 0px;
	outline: none;
	-webkit-text-size-adjust:none;

}
 
html {

	width: 100%;
	height: 100%;
	text-align: center;
	overflow-y: scroll;

}

body {

	width: 100%;
	height: 100%;
	font-size: 12px;
	line-height: 20px;
	color: #404040; 
	font-family: "Verdana", "Arial" , "Tahoma" , "MS Sans Serif";
	padding: 0px;
	margin: 0px auto;
	text-align: left;

}

td {

	font-size: 12px;
	line-height: 20px;
	font-family: "Verdana", "Arial" , "Tahoma" , "MS Sans Serif";

}

ul {

	margin: 0px;
	padding: 0px;

}

li {

	list-style: none;

}

form {

	margin: 0px;
	padding: 0px;

}

img {

	border: none;

}

a, a:hover {
	
	outline: none;
	text-decoration: none;
	
}

div.cleaner {

	clear: both;
	height: 0px;
	font-size: 0px;
	display: block;
	width: 100%;

}

/* - CONTENT LAYER - */

#wrapper {

	width: 100%;
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0px auto;

}

#webseite {

	width: 100%;
	background: #fff url('/pics/html.gif') repeat-x;
	padding: 0px 0px 37px 0px;
	position: relative;

}

/* - HEADER - */

#header {

	width: 980px;
	height: 109px;
	margin: 0px auto;
	padding: 0px;
	overflow: hidden;
	position: relative;
	text-align: left;

}

/* - HEADER : Logo - */

#header a#logo {
    width: 140px;
    height: 44px;
    background: url('/pics/nextron-logo.png') left no-repeat;
    background-size: 140px 44px;
    display: block;
    padding: 0;
    overflow: hidden;
	margin-top: 30px;
}

/* - HEADER : Menu - */

#header ul#menu {

	margin: 0px;
	position: absolute;
	bottom: 22px;
	left: 210px;

}

#header ul#menu li {

	list-style: none;
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	color: #aeaeae;

}

#header ul#menu li a {

	color: #94979a;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;

}

#header ul#menu li a:hover {

	color: #6f7274;

}

/* - HEADER : Menu : Aktive Link Farben - */

#header ul#menu li a.webdesign.aktiv {

	color: #bf1221;

}

#header ul#menu li a.programmierung.aktiv {

	color: #759A00;

}

#header ul#menu li a.hosting.aktiv {

	color: #E47500;

}

#header ul#menu li a.housing.aktiv {

	color: #6C31A3;

}

#header ul#menu li a.antispam.aktiv {

	color: #8B8034;

}

/* - HEADER : Suche (Form) - */

#header form {

	margin: 0px;
	width: 168px;
	height: 17px;
	position: absolute;
	bottom: 22px;
	right: 0px;

}

#header form input.form {

	width: 148px;
	height: 15px;
	border: none;
	padding: 1px 0px 1px 20px;
	background: url('/pics/header_suche.gif') no-repeat;
	color: #747474;
	position: absolute;
	font-family: "Verdana";
	font-size: 11px;
	top: 0px;
	left: 0px;

}

#header form input.button {

	display: none;

}

/* - HEADER : Quicklinks - */

#header ul#quicklinks {

	width: 224px;
	height: 22px;
	overflow: hidden;
	margin: 0px;
	position: absolute;
	top: 0px;
	right: 0px;

}

#header ul#quicklinks li {

	height: 22px;
	list-style: none;
	float: left;
	margin: 0px;
	padding: 0px;

}

#header ul#quicklinks li a {

	display: block;
	height: 22px;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	font-size: 10px;
	line-height: 22px;
	color: #808081;

}

#header ul#quicklinks li a.ueberuns {

	width: 67px;
	background: url('/pics/header_q1.gif') no-repeat;

}

#header ul#quicklinks li a.ueberuns:hover {

	background: url('/pics/header_q1_hover.gif') no-repeat;

}

#header ul#quicklinks li a.kontakte {

	width: 66px;
	background: url('/pics/header_q2.gif') no-repeat;

}

#header ul#quicklinks li a.kontakte:hover {

	background: url('/pics/header_q2_hover.gif') no-repeat;

}

#header ul#quicklinks li a.offertanfrage {

	width: 91px;
	background: url('/pics/header_q3.gif') no-repeat;

}

#header ul#quicklinks li a.offertanfrage:hover {

	background: url('/pics/header_q3_hover.gif') no-repeat;

}

#header ul#quicklinks li .aktiv {

	color: #c73b43;

}

/* - INFOOTER - */


#infooter {

	width: 100%;
	height: 80px;
	background: #fff url('/pics/infooter.gif') repeat-x;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	position: relative;
	text-align: center;

}

#infooter div.infooter {

	width: 980px;
	height: 80px;
	margin: 0px auto;
	padding: 0px;
	overflow: hidden;
	position: relative;
	text-align: left;

}

/* - INFOOTER : Links (rechts) - */

#infooter div.infooter ul.links {

	position: absolute;
	top: 23px;
	right: 0px;
	height: 16px;

}

#infooter div.infooter ul.links2 {

	position: absolute;
	top: 43px;
	right: 0px;
	height: 16px;

}

#infooter div.infooter ul.links li, #infooter div.infooter ul.links2 li {

	line-height: 16px;
	margin: 0px 0px 0px 5px;
	float: left;
	color: #999;

}

#infooter div.infooter ul.links li a, #infooter div.infooter ul.links2 li a {

	color: #999;
	text-decoration: none;
	font-size: 11px;

}

#infooter div.infooter ul.links li a:hover, #infooter div.infooter ul.links2 li a:hover {

	text-decoration: underline;

}

/* - INFOOTER : Produkte (links) - */

#infooter div.infooter ul.produkte {

	position: absolute;
	top: 30px;
	left: 0px;

}

#infooter div.infooter ul.produkte li {

	float: left;
	line-height: 80px;
	margin: 0px 40px 0px 0px;

}

#infooter div.infooter ul.produkte li a {

	display: block;
	outline: none;
	cursor: pointer;
	text-decoration: none;

}

/* - STARTSEITE - */

#startseite {

	width: 980px;
	margin: 0px auto;
	padding: 48px 0px 0px 0px;
	overflow: hidden;
	position: relative;
	text-align: left;

}

div.text-padding {

	width: 546px;
	padding: 0px;
	overflow: hidden;
	position: relative;
	text-align: left;

}

div.description {
	
	width: 602px;
	display: block;
	/*padding: 355px 0px 0px 0px;*/
	padding: 347px 0px 0px 0px;
	
}

div.description p.desc {
	
	padding: 5px 0px 0px 0px;
	font-size: 11px;
	color: #606060;
	
}

div.description p.desc span {
	
	color: #bf1221;
	
}

/* - SONTIGE LAYER - */

#content div.allgemeines {
	
	width: 561px;
	padding: 0px 0px 0px 209px;
	
}

/* - FOOTER - */

#footer {

	position: fixed;
	bottom: 0px;
	width: 100%;
	height: 37px;
	background: url('/pics/footer.gif') repeat-x;
	z-index: 998;

}

#footer div.footer {

	width: 100%;
	height: 37px;
	text-align: center;

}

#footer div.footer p {

	width: 980px;
	text-align: left;
	margin: 0px auto;
	color: #8e8e8e;
	line-height: 36px;
	font-size: 10px;

}

#footer div.footer a {

	color: #8e8e8e;
	text-decoration: none;

}

#footer div.footer a:hover {

	color: #8e8e8e;
	text-decoration: underline;

}