@charset "utf-8";
/* CSS Document 
	Gerber Communications GmbH
	G.Reinke  - Version 1.0 - 10.02.2010
	
	BASIS - LAYOUT
*/

*{
	margin: 0em;
	padding: 0em;
}


html, body {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height: 100%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.9em;
    background-image:url(../img/kachelHG.gif);
	background-repeat:repeat;
}


a:link { color: #000; }
a:hover {color: #5988cf;}
a:visited { color: #000; }


h1 {
	font-size: 1.8em;
	color: #5988cf;
	margin-top: 0.5em;
	margin-left: 1.8em;
	margin-bottom: 1em;
}

h2 {
	font-size: 1em;
	font-variant: small-caps;
	margin-left:3.3em;
	margin-bottom: 1em;
}

h3 {
	font-size: 1.2em;
	color: #5988cf;
	margin-left: 2.7em;
	margin-bottom: 0.6em;
	margin-top: -0.5em;
}

h4 {
	font-size: 0.9em;
	margin-left: 3.6em;
	margin-bottom: 0.2em;
	font-weight:normal;
}

p {
	margin-left: 3.3em;
	width:17.5em;
	line-height: 1.3em;	
}

hr {
	height: 0.1em;
	width: 55.4em;
	margin-left: 3.3em;
	margin-right: 3.3em;
	border-top: solid 0.1em #666;
}


/*SEITE KONTAKT: FORMULAR*/
form {
	margin-left: 3.3em;
	width:22em;
	height: 42em;
	text-align: left;
}

input, textarea {					/* Alle Labels UND Formularelemente auswählen */
  float:right;
  width: 15em;						/* Breite.*/
  margin-bottom: 0.5em;
}

label {
 float: left;
 clear: right;
}

form br { 								/* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left;					 		/* das floating der inputs und der textarea aufheben */
}

input#verif_box {
	width: 5em;
	margin-top: 0.2em;
}

/*SEITE CMS*/
.cms form {
	margin-left: auto;
	width: auto;
	height: auto;
	text-align: left;
	
}

.cms input, textarea {					/* Alle Labels UND Formularelemente auswählen */
  float:none;
  width: auto;						/* Breite.*/
  margin-bottom: 0.5em;
}

.cms label {
 float: none;
 clear: none;
}

.cms form br { 								/* Alle Zeilenumbrüche in Formularen auswählen */
  clear: none;					 		/* das floating der inputs und der textarea aufheben */
}

.cms .titel {
	width: 25.2em;
}

.cms .text {
	/*width: 25.2em;*/
}

.cms .durchsuchen {
	width: 25.45em;
}

.cms .buz {
	width: 25.2em;
}

.cms .aktualisieren {
	background-color:#009900;
	color:white;
	padding:0.25em;
}

.cms .delete {
	background-color:#FF0000;
	color:white;
	padding:0.25em;
}


.cms hr {
	width: 53em;
	border-top: solid 0.1em #666;
}

#containerAlles {
	position: relative;
	width: 1005px;
	min-height: 100%;
	height: auto;
	top: 0em;
	margin-left:auto;
	margin-right:auto;
	border-left: 1px solid black;
	border-right: 1px solid black;
	background-image: url(../img/kachelVerlauf.jpg);
	background-repeat:repeat-x;
	background-color: #e3edff;
	vertical-align: bottom;
}

#headerFlags {
	position: relative;
	top: 0em;
	height: 2.2em;
	padding-top: 0.8em;
	background-color:#5988cf;
	color:#FFF;
}

#headerLogo{
	position: relative;
	height: 4.5em;
	background-color:#FFF;
	border-bottom: solid 0.15em #CCC;
	margin-bottom: 2em;
}


/*Hauptnavigation links*/
#menu {
	position: relative;
	float: left;
	margin-left: 1em;
	width: 12em;
	height: auto;
}

#menu li {
	width: 147px;
	height: 50px;
	background-image:url(../img/menue/buttonOFF.png);
	background-repeat:no-repeat;
	list-style-type:none;
}

#menu li a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #FFF;
}

#menu li a:hover {
	margin-left:0em;
	background-image:url(../img/menue/buttonOVER.png);
	color:#5988cf;
}

#menu span {
	margin-left: 1.3em;
}


/*Unternavigation links - Produkte*/
#menu .submenu a {
	color: #000;
	height: 1.5em;
	margin-left: 1.3em;
}

#menu .submenu a:hover {
	background-image: none;
	color: #5988cf;
	margin-left: 1.3em;
}

.submenu2 {
	margin-left: 3.5em;
	text-decoration: none;
	font-size: 1em; /*0.85em alt*/
}

/* Für Produkte - Kabelkonfektion -> weniger Platz*/
.submenu2-enger {
	margin-left: 2.9em;
	text-decoration: none;
	font-size: 1em; 
}

.submenu2  a:hover{
	color: #5988cf;
}

.submenu2HG {
	background-color:#CCC;
	z-index:-1;
	padding-top:0.3em;
	padding-bottom:0.3em;"
}

#content{
	float: right;
	width: 62em;
	min-height:40em;
	max-height: auto;
	margin-right: 1.3em;
	margin-top: 0.4em;
	margin-bottom: 2em;
	background-color:#FFF;
	background-image:url(../img/bgImg.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	border-left: solid medium #e5e5e5;
	border-top: solid medium #f5f5f5;
	border-bottom: solid medium #d5d5d5;
	border-right: solid medium #e5e5e5;
}

#footer {
	position: fixed;
	bottom: 0em;
	top:auto;
	margin-left: -0.1em;
	height: 1.7em;
	padding-top: 0.3em;
	width: 1005px;
	background-color:#5988cf;
	color: #FFF;
	text-align: center;
	border-left: 1px solid black;
	border-right: 1px solid black;
}

.flaggen {
	margin-left: 3.2em;
	margin-right: 0.7em;
	border-right: 0.1em solid #666;
	border-bottom: 0.1em solid #666;
	vertical-align: sub;
}

.icon {
	margin-right: 1em;
	vertical-align: sub;
	border: 0em;
}

.bull {
	margin-left: 1.5em;
	margin-right: 1.5em;
}

.strong {
	font-weight: 800;
}

.produktBild {
	border: solid 0.3em #CCC;
	padding: 0.1em;
	margin-bottom: 0.5em;
}

.nachOben {
	text-align: right;
}