﻿/*
	CSS for alphacam Startseite screen
*/

html {
	font-size	:100.1%;
	height		:100%;
	width		:100%;
	padding		:0;
	margin		:0;
	font-size	:100%;
}

body {
	height		:100%;
	padding		:0;
	margin		:0;
	color		:#dddddd;
	background  :#363A3B;  /* alphacam Neubau dunkel */
	font-family	:Arial, Helvetica, sans-serif;
	line-height	:1.2em;
	letter-spacing :0;
}

div, img,
table, tr, th, td,
p, h1, h2, h3, h4, h5, hr, blockquote,
dl, dt, dd  {
	margin			:0;
	padding			:0;
	border			:none;
	text-align		:left;
	font-size		:1.0em;
}

img {
}

ul, ol, li {
	margin-top		:0;
	margin-bottom	:0;
	padding-top		:0;
	padding-bottom	:0;
	border			:none;
	text-align		:left;
	font-size		:1.0em;
}

table {
	empty-cells		:show;
	border-spacing	:0;
	border-collapse	:collapse;
}

tr, th, td {
	vertical-align	:top;
}

.clear {
	clear			:both;
	line-height		:0;
}

.hide {
	display			:none;
}

.print {
	display			:none;
}

/* TAGS */

p,
h1, h2, h3, h4, h5, h6, table, form {
	margin			:0 0 1em 0;
}

ul, ol, dl {
	margin-bottom	:1em;
}

ul {
}

ul li {
}

ol li {
}

li p {
}

h1 {
}

.left h1,
.right h1 {
}

h2 {
}

.left h2,
.right h2 {
}

h3 {
}

.right h3 {
}

h4  {
}

h5 {
}

p {
}

small {
	font-size		:0.9em;
}

em {
	font-style		:italic;
}

i {
	font-style		:italic;
}

hr {
	display			:none;
}

/* LINKS */

a {
	color			:#ffffff;
	text-decoration	:none;
	font-weight		:bold;
}

a:hover, a:focus, a:active {
	text-decoration	:underline;
}

.normal a,
.right a {
	font-weight		:bold;
}

/* Layout */


#splash {
	height			:100%;
}

#header {
	padding			:12% 0 2% 0;
	background      :#656A6D;  /* alphacam Neubau hell */
}

#logo {
	width			:860px;
	margin			:0 auto;
	padding			:0;
}

#logo img {
	height			:132px;
}

#langstart {
	text-align		:left;
	width			:620px;
	margin			:0 auto;
	left: 60px;
	font-size		:18px;
}

#langstart div {
	display			:inline;
}

#iconnav {
	width			:840px;
	margin			:2em auto;
	font-size	    :11px;
}
#iconnav dl {
	margin			:0;
}
#iconnav dd {
	float			:left;
	padding			:0;
	width			:120px;
	height			:110px;
	text-align		:center;
}
#iconnav a {
	display			:block;
	white-space		:nowrap;
	text-decoration	:none;
	text-align		:center;
}

#iconnav a span {
	display			:block;
	margin-top		:0.25em;
	text-align		:center;
}

#iconnav a.l0 span img {
	width			:100px;
	height			:100px;
	padding-top:    2px;
	padding-bottom: 2px;
	border			:solid 0px Black;
	border-top-width: 3px; 
}

#iconnav a.l1 span img {
	width			:100px;
	height			:100px;
	padding-top:    2px;
	padding-bottom: 2px;
	border			:solid 0px Green;
	border-top-width: 3px;
}

#iconnav a.l2 span img {
	width			:100px;
	height			:100px;
	padding-top:    2px;
	padding-bottom: 2px;
	border			:solid 0px blue;
	border-top-width: 3px;
}

#iconnav a.l3 span img {
	width			:100px;
	height			:100px;
	padding-top:    2px;
	padding-bottom: 2px;
	border			:solid 0px red;
	border-top-width: 3px;
}

#iconnav a:hover{
	text-decoration	:none;
}

#iconnav a.l0:active span img,
#iconnav a.l0:hover span img,
#iconnav a.l0:focus span img {
	border-color	:Black;
	border-top-width:3px;
	border-bottom-width:3px;
}

#iconnav a.l1:active span img,
#iconnav a.l1:hover span img,
#iconnav a.l1:focus span img {
	border-color	:Green;
	border-top-width:3px;
	border-bottom-width:3px;
}

#iconnav a.l2:active span img,
#iconnav a.l2:hover span img,
#iconnav a.l2:focus span img {
	border-color	:Blue;
	border-top-width:3px;
	border-bottom-width:3px;
}

#iconnav a.l3:active span img,
#iconnav a.l3:hover span img,
#iconnav a.l4:focus span img {
	border-color	:red;
	border-top-width:3px;
	border-bottom-width:3px;
}

#iconnav a.act,
#iconnav a.cur {
}

#content {
	clear			:both;
	width			:843px;
	line-height		:1.25em; 
	margin			: 4em auto 2em auto;
	border			:solid 1px #ffffff;
	padding			: 11px 11px 11px 11px;
}

.subinhalt
{  
    padding-top: 5px;
    padding-bottom: 0px;
}

.subheader  
{
    height: 1.25em;
    font-weight:bold;
    font-size: 1.25em;
}

.sub3er
{
    width:400px;
    height: 2.5em;
    padding-top: 20px;
}


.left
{
    clear: both;
    float: left;
    width: 48%;
}
.right 
{
	float			:right;
	width			:48%;
}

/* Cloud */
#startcloud {
	clear			:both;
	width			:843px;
	margin			:20px auto;
	/* line-height		:1.25em; */
	line-height: 24px;
	padding			:11px;
	text-align:justify;
}

#startcloud a {
    font-family: Segoe UI, Myriad, Myriad Pro, Calibri, Arial, Sans-Serif;
	/* color:#656A6D;  */ /* alphacam Neubau hell */
	color: #929292;
	text-decoration:none;
	font-weight:bold;
}

#startcloud  a:hover{
	text-decoration:underline;
	/* color:#808080; */
	color: #9C9FA1;
}

#startcloud ul
{
    list-style-type:none;
	width: 100%;
	margin: 0;
	padding: 0;
    width: auto;	
}

#startcloud li {
	float: left;
}

.wi1{
	font-size:12px;
}

.wi2{
	font-size:14px;
}

.wi3{
	font-size:16px;
}

.wi4{
	font-size:20px;
}

/* Cloud Ende */

#footer {
	clear			:both;
	width			:843px;
	margin			:0 auto 20px auto;
	border-top      :1px solid #ffffff;
	padding			:11px;
	font-size: .9em;
}

#copyby {
	float			:left;
}

#impressum {
	float			:right;
}

/* ENDE */