/* CSS Kahlke&Knappe - Version: 16.02.2012
   template by :  U.KNappe

Grundformatierung (statt Reset-CSS)
-------------------------------------------------------------- */
* {
    margin      :   0;
    padding     :   0;
    font-size   : 101%;
}

html {
	scrollbar-base-color        : white;
	scrollbar-3dlight-color     : white;
	scrollbar-arrow-color       : #999;
	scrollbar-darkshadow-color  : white;
	scrollbar-face-color        : white;
	scrollbar-highlight-color   : #999;
	scrollbar-shadow-color      : grey;
	scrollbar-track-color       : #D0D4D4;
    overflow                    : scroll;
}


/* Und nun erst einmal etwas Typografie
-------------------------------------------------------------- */
body {
	font : 0.84em Arial, Helvetica, sans-serif;
	color : #555;
	line-height : 1.4em;
	background-color: #008000;
}

a:link, a:visited {
    text-decoration: none;
    color       : green;
}

a:link.active, a:visited.active, {
    color       : green;
}

img, a img {
    border      : 0px;
}

.imgslide {
    width       : 120px;
    height      : 90px;
    float       : left;
    border      : 0px solid #999;
    margin      : 0 6px 6px 0;
}


/* Allgemeine Formatierung
-------------------------------------------------------------- */
#wrapper {
	margin : 40px 0 10px 0;
	position : relative;
	width : 830px;
	height : 640px;
	border : 0px solid red;
	margin-right: auto;
	margin-left : auto;
	color : black;
	box-shadow : 10px 10px 5px #000000;
    background-color: white;
}


/* zentrale Navigation links neben Visual
-------------------------------------------------------------- */
.naviMain {
	position    : absolute;
	width       : 150px;
	top         : 150px;
	left        : 15px;
}

#navPunkt {
	font-size   : 0.9em;
	text-align  : center;
	text-transform: uppercase;
	font-weight : bold;
}

#navPunkt li {
	padding		:  3px 0px  4px  0px;
    margin		:  0px 0px   2px  0px;
	list-style-type: none;
	background-color: #008000;	
	color: white;
    border-radius: 4px;	
}

#navPunkt a:link, #navPunkt a:visited {
    text-decoration: none;
	color: white;
}

#navPunkt a:link.active, #navPunkt a:visited.active, #navPunkt a:hover {
    text-decoration: none;
	color: #CCFFCC;
}

#MesseBt  {
	position    : absolute;
	width       : 150px;
	top         : 510px;
	left        : 15px;
}

#SButton {
	position    : absolute;
	top         : 480px;
	left        : 565px;
	width       : 60px;
	height      : 20px;
	text-align  : center;
    color       : black;
    background-color: white;
    border-radius: 4px;	
}

#SButton a:link, #SButton a:visited {
    text-decoration: none;
    color       : black;
}

#SButton a:link.active, #SButton a:visited.active, #SButton a:hover {
    text-decoration: none;
    color       : black;
}

#imprint {
	position    : absolute;
	width       : 100px;
	height      :  20px;
	top         :  -20px;
	left		: 740px;
	font-size   : 0.8em;
    text-align  : center;
    color       : white;
	font-weight : bold;
}

#imprint a:link, #imprint a:visited {	
    color       : white;	
}
#imprint a:link.active, #imprint a:visited.active, #imprint a:hover {
    color       : white;	
}

#visual {
	position    : absolute;
	width       : 150px;
	height      : 250px;
	top         : 5px;
	left        : 15px;
}

#anschrift {
	position    : absolute;
	width       : 140px;
	height      : 100px;
	top         : 140px;
	left        : 165px;
	font-size   : 0.9em;
    line-height : 1.4em;
}

#logoFont {
    font-size   : 1.8em;
}

#logo {
	position    : absolute;
	top         : 15px;
	left        : 15px;
	width		: 150px;
	text-align  : center;
}

#picUnternehmen {
	position    : absolute;
	width       : 524px;
	height      : 440px;
	top         : 126px;
	left        : 320px;
}

#slideshow {
	width       : 100%;
	margin      : 5px 0 0 0;
	float       : left;
}


/* Hier kommt Text - endlich
-------------------------------------------------------------- */
#content {
	position    : absolute;
	width       : 600px;
	height      : 550px;
	top         : 15px;
	left        : 185px;
	color		: black;
}

#scroller {
	width		: 100%;
	height		: 100%;
	overflow	: auto;
	padding-top	: 0px;
	padding-right: 26px;
	padding-bottom: 26px;
    color		: black;
}

#content table, #content textarea, #content input {
	font        : 0.8em Arial, Helvetica, sans-serif;
	line-height : 2.4em;
}

#content input {
    font-size   : 1.0em;
	line-height : 1.4em;
}

h2 {
	margin      : 0 0 10px 0;
	font-size   : 1.6em;
	font-weight : normal;
	line-height : 1.1em;
	color       : green;
	text-transform: uppercase;
}

h3 {
	margin      : 0 0 4px 0;
	font-size   : 1.3em;
	font-weight : bold;
	line-height : 1.1em;
	color       : black;
	text-align: center;
}

.zitat {
	font-size: 		1em;
	font-weight: 	normal;
	color:			green;
	text-align:		left;
	width:			100%;
}
.zitatAut {
	font-size: 		.8em;
	font-weight: 	lighter;
	color:			black;
	font-style:		italic;
	text-align:		right;
	width:			100%;
	display		: block;
}

p, .liste {
	padding     : 0 0 12px 0;
	font-size   : 0.8em;
}

.liste {
	font-weight : bold;
}

.red {
    font-weight : bold;
    font-style  : italic;
	padding-left: 10px;
    color       : #9c905d;
}

/* Fußzeile, Kontakt, Impressum
-------------------------------------------------------------- */
#footer {
	position : absolute;
	width : 800px;
	height : 120px;
	top : 595px;
	left : 15px;
	font-size : 1em;
	text-align : leftr;
	color : black;
	font-weight : normal;
	background-color: #CCFFCC;
	box-shadow : 10px 10px 5px #000000;
}

#footer a:link, #footer a:visited {
	color       : black;
	text-decoration: none;
}

#footer a:link.active, #footer a:visited.active, #footer a:hover {
    color       : black;
}

div#lngMenu {
	position	: absolute;
	top			: -20px;
	left		: 15px;
	width		: 150px;
	z-index		: 100;
	height		: 20px;
}

div#lngMenu img {
    border-radius: 4px;	
}  

/*Tool-Tip mit absoluter Position
-------------------------------------------------------------- */

div#menu {
	position	: absolute;
	top			: 50px;
	left		: 0px;
	width		: 100%;
	z-index		: 100;
	height		: 448px;
}

div#menu img {
    border-radius: 4px;	
}  
div#menu a {
	display		: inline; 
	margin		: 0 3px 0 0;
}

div#menu a span {display: none;}
div#menu a:hover span {
	display		: block;
	position	: absolute; 
	top			: -40px; 
	left		: 0px; 
	width		: 100%;
	padding		: 5px; 
	z-index		: 100;
	color		: black; 
	font-size   : 1.5em;
	font-weight : bold;
	text-align  : center;
}
	
#google_translate_element{
	position:	absolute;
	top: 0px;
	left: 0px;
}