@charset "utf-8";




/*  LOGOWORKS - CSS  */





/*
farben:
logoworks-rot: #DC001B
logoworks-grau: #6B6C6D
hintergrund-1: #101010
hintergrund-2: #191919
*/




/*  ----------  ALLGEMEINES  ----------  */

html, body, form, fieldset {
	background-color:#191919;
}

#meta {
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	/* background-color: #999999; */
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
	text-transform: lowercase;
	color: #222222;
}

.headline {
	text-transform: uppercase;
	color: #6B6C6D;
}

.mailadress {
	color: #444444;
}

.contentheadline {
	text-transform: uppercase;
}



/*  ----------  HEADER + CONTENT + BOTTOM  ----------  */


#head {
	height: 38px;
	max-height: 38px;
	padding: 5px 0px 0px 0px;
	background-color: #191919;
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	color: #FFFFFF;
	text-align: center;
}

#head a:link {
	text-decoration: underline;
	color: #DC001B;
}

#head a:visited {
	text-decoration: underline;
	color: #DC001B;
}

#head a:hover {
	text-decoration: underline;
	color: #999999;
}


#bottom {
	height: 38px;
	max-height: 38px;
	padding: 5px 0px 0px 0px;
	background-color: transparent;
	width: 100%;
	position: fixed;
	top: 538px;
	left: 0px;
	color: #FFFFFF;
	text-align: center;
}

#bottom a:link {
	text-decoration: underline;
	color: #999999;
}

#bottom a:visited {
	text-decoration: underline;
	color: #999999;
}

#bottom a:hover {
	text-decoration: underline;
	color: #DC001B;
}


#table {
	/* background-color: #cccccc; */
	width: 1160px;
	height: 100%;
	/* max-height: 520px;
	overflow: auto; */
	position: relative;
	top: 40px;
	margin-left: auto;
	margin-right: auto;
	/* margin-bottom: 100px;
	padding-bottom: 30px; */
	/* border-top: 1px solid #101010;
	border-left: 1px solid #101010;
	border-right: 1px solid #101010; */
}



/*  ----------  ERSTE SPALTE  ----------  */

.eins {
	/* background-image: url(../images/logoworks_logo.png);
	background-position: top left;
	background-repeat: no-repeat; */
	background-color: #101010;
	width: 249px;
	/* max-height: 480px; */
	min-height: 420px;
	/* overflow-y: scroll; */
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 60px 20px;
	/* border-top: 1px solid #999999;
	border-bottom: 1px solid #101010;
	border-left: 1px solid #101010;
	border-right: 1px solid #101010;
	scrollbar-face-color: #222222;
	scrollbar-track-color: #202020;
	scrollbar-arrow-color: #444444;
	scrollbar-highlight-color: #444444;
	scrollbar-shadow-color: #333333;
	scrollbar-3dlight-color: #222222;
	scrollbar-darkshadow-color: #333333; */
}
.eins img, .zwei img, .drei img, .vier img{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}
.eins img.logo{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}

.eins:hover {
	color: #CCCCCC;
}

.eins:hover img, .zwei:hover img, .drei:hover img, .vier:hover img{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}

.eins a:link {
	text-decoration: underline;
	color: #DC001B;
}

.eins a:visited {
	text-decoration: underline;
	color: #DC001B;
}

.eins a:hover {
	text-decoration: underline;
	color: #999999;
}


/*  ----------  ZWEITE SPALTE  ----------  */

.zwei {
	background-color: #101010;
	width: 249px;
	/* max-height: 480px; */
	min-height: 420px;
	/* overflow-y: scroll; */
	position: absolute;
	top: 0px;
	left: 290px;
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 60px 20px;
	/* border-top: 1px solid #999999;
	border-bottom: 1px solid #101010;
	border-right: 1px solid #101010;
	scrollbar-face-color: #222222;
	scrollbar-track-color: #202020;
	scrollbar-arrow-color: #444444;
	scrollbar-highlight-color: #444444;
	scrollbar-shadow-color: #333333;
	scrollbar-3dlight-color: #222222;
	scrollbar-darkshadow-color: #333333; */
}

.zwei:hover {
	color: #CCCCCC;
}

.zwei a:link {
	text-decoration: underline;
	color: #DC001B;
}

.zwei a:visited {
	text-decoration: underline;
	color: #DC001B;
}

.zwei a:hover {
	text-decoration: underline;
	color: #999999;
}


/*  ----------  DRITTE SPALTE INDEX  ----------  */

.dreindex {
	background-color: #101010;
	width: 249px;
	/* max-height: 480px; */
	min-height: 420px;
	/* overflow-y: scroll; */
	position: absolute;
	top: 0px;
	left: 580px;
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 60px 20px;
	/* border-top: 1px solid #999999;
	border-bottom: 1px solid #101010;
	border-right: 1px solid #101010;
	scrollbar-face-color: #222222;
	scrollbar-track-color: #202020;
	scrollbar-arrow-color: #444444;
	scrollbar-highlight-color: #444444;
	scrollbar-shadow-color: #333333;
	scrollbar-3dlight-color: #222222;
	scrollbar-darkshadow-color: #333333; */
}

.dreindex:hover {
	color: #CCCCCC;
}

.dreindex a:link {
	text-decoration: underline;
	color: #DC001B;
}

.dreindex a:visited {
	text-decoration: underline;
	color: #DC001B;
}

.dreindex a:hover {
	text-decoration: underline;
	color: #999999;
}


/*  ----------  DRITTE SPALTE BEISPIELE  ----------  */

.drei {
	background-color: #101010;
	width: 249px;
	/* max-height: 480px; */
	min-height: 420px;
	/* overflow-y: scroll; */
	position: absolute;
	top: 0px;
	left: 580px;
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 60px 20px;
	/* border-top: 1px solid #999999;
	border-bottom: 1px solid #101010;
	border-right: 1px solid #101010;
	scrollbar-face-color: #222222;
	scrollbar-track-color: #202020;
	scrollbar-arrow-color: #444444;
	scrollbar-highlight-color: #444444;
	scrollbar-shadow-color: #333333;
	scrollbar-3dlight-color: #222222;
	scrollbar-darkshadow-color: #333333; */
}

.drei:hover {
	color: #CCCCCC;
}

.drei a:link {
	text-decoration: underline;
	color: #DC001B;
}

.drei a:visited {
	text-decoration: underline;
	color: #DC001B;
}

.drei a:hover {
	text-decoration: underline;
	color: #999999;
}


/*  ----------  VIERTE SPALTE  ----------  */

.vier {
	background-color: #101010;
	width: 249px;
	/* max-height: 480px; */
	min-height: 420px;
	/* overflow-y: scroll; */
	position: absolute;
	top: 0px;
	left: 870px;
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 60px 20px;
	/* border-top: 1px solid #999999;
	border-bottom: 1px solid #101010;
	border-right: 1px solid #101010; 
	scrollbar-face-color: #222222;
	scrollbar-track-color: #202020;
	scrollbar-arrow-color: #444444;
	scrollbar-highlight-color: #444444;
	scrollbar-shadow-color: #333333;
	scrollbar-3dlight-color: #222222;
	scrollbar-darkshadow-color: #333333; */
}

.vier:hover {
	color: #CCCCCC;
}

.vier a:link {
	text-decoration: underline;
	color: #DC001B;
}

.vier a:visited {
	text-decoration: underline;
	color: #DC001B;
}

.vier a:hover {
	text-decoration: underline;
	color: #999999;
}


/*  ----------  KONTAKTFORUMLAR  ----------  */

.kontaktformular {
	background-color: transparent;
}

.ftab {
	background-color: transparent;
	width: 250px;
}

.ftab_head {
	height: 25px;
}

.ftab_input {
	height: 20px;
	width: 230px;
	background-color:#101010;
	color:#6B6C6D;
	border:1px solid #6B6C6D;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

.ftab_text {
	height: 100px;
	width: 230px;
	background-color:#101010;
	color:#6B6C6D;
	border:1px solid #6B6C6D;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	overflow: auto; 
	scrollbar-face-color: #222222;
	scrollbar-track-color: #202020;
	scrollbar-arrow-color: #444444;
	scrollbar-highlight-color: #444444;
	scrollbar-shadow-color: #333333;
	scrollbar-3dlight-color: #222222;
	scrollbar-darkshadow-color: #333333;
}

.ftab_button {
	background-color:#101010;
	color:#6B6C6D;
	width:100px;
	border:1px solid #6B6C6D;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}


/*  ----------  DOPPELSEITE  ----------  */

.linkeseite {
	/* background-image: url(../images/logoworks_logo.png);
	background-position: top left;
	background-repeat: no-repeat; */
	background-color: #101010;
	width: 539px;
	/* max-height: 480px; */
	min-height: 420px;
	/* overflow-y: scroll; */
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 60px 20px;
	color: #CCCCCC;
	/* border-top: 1px solid #999999;
	border-bottom: 1px solid #101010;
	border-left: 1px solid #101010;
	border-right: 1px solid #101010;
	scrollbar-face-color: #222222;
	scrollbar-track-color: #202020;
	scrollbar-arrow-color: #444444;
	scrollbar-highlight-color: #444444;
	scrollbar-shadow-color: #333333;
	scrollbar-3dlight-color: #222222;
	scrollbar-darkshadow-color: #333333; */
}

/*
.linkeseite:hover {
	color: #CCCCCC;
}
*/

.linkeseite a:link {
	text-decoration: underline;
	color: #DC001B;
}

.linkeseite a:visited {
	text-decoration: underline;
	color: #DC001B;
}

.linkeseite a:hover {
	text-decoration: underline;
	color: #999999;
}

.rechteseite {
	background-color: #101010;
	width: 539px;
	/* max-height: 480px; */
	min-height: 420px;
	/* overflow-y: scroll; */
	position: absolute;
	top: 0px;
	left: 580px;
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 60px 20px;
	color: #CCCCCC;
	/* border-top: 1px solid #999999;
	border-bottom: 1px solid #101010;
	border-right: 1px solid #101010;
	scrollbar-face-color: #222222;
	scrollbar-track-color: #202020;
	scrollbar-arrow-color: #444444;
	scrollbar-highlight-color: #444444;
	scrollbar-shadow-color: #333333;
	scrollbar-3dlight-color: #222222;
	scrollbar-darkshadow-color: #333333; */
}

/*
.rechteseite:hover {
	color: #CCCCCC;
}
*/

.rechteseite a:link {
	text-decoration: underline;
	color: #DC001B;
}

.rechteseite a:visited {
	text-decoration: underline;
	color: #DC001B;
}

.rechteseite a:hover {
	text-decoration: underline;
	color: #999999;
}


/*  ----------  INDEX  ----------  */

.index {
	background-image: url(../images/logoworks_logo_index.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #101010;
	width: 1160px;
	/* max-height: 480px; */
	min-height: 500px;
	/* overflow-y: scroll; */
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #CCCCCC;
	/* border-top: 1px solid #999999;
	border-bottom: 1px solid #101010;
	border-left: 1px solid #101010;
	border-right: 1px solid #101010;
	scrollbar-face-color: #222222;
	scrollbar-track-color: #202020;
	scrollbar-arrow-color: #444444;
	scrollbar-highlight-color: #444444;
	scrollbar-shadow-color: #333333;
	scrollbar-3dlight-color: #222222;
	scrollbar-darkshadow-color: #333333; */
}

.indexlink {
	background-color: transparent;
	width: 1120px;
	/* max-height: 480px; */
	min-height: 20px;
	/* overflow-y: scroll; */
	position: absolute;
	top: 500px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	padding: 5px 20px 20px 0px;
	color: #CCCCCC;
	/* border-top: 1px solid #999999;
	border-bottom: 1px solid #101010;
	border-left: 1px solid #101010;
	border-right: 1px solid #101010;
	scrollbar-face-color: #222222;
	scrollbar-track-color: #202020;
	scrollbar-arrow-color: #444444;
	scrollbar-highlight-color: #444444;
	scrollbar-shadow-color: #333333;
	scrollbar-3dlight-color: #222222;
	scrollbar-darkshadow-color: #333333; */
}

/*
.indexlink:hover {
	color: #CCCCCC;
}
*/

.indexlink a:link {
	text-decoration: underline;
	color: #DC001B;
}

.indexlink a:visited {
	text-decoration: underline;
	color: #DC001B;
}

.indexlink a:hover {
	text-decoration: underline;
	color: #999999;
}