/* CSS Meier Bau - Version: 03.06.2011 10:12
   template by :  gruppe97 Hamburg

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 "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
    color       : #555;
    line-height : 1.4em;
    background-color: #999;
}

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

a:link.active, a:visited.active, {
    color       : #999;
}

img, a img {
    border      : 0px;
}

.imgslide {
    width       : 94px;
    height      : 60px;
    float       : left;
    border      : 1px solid #999;
    margin      : 0 6px 6px 0;
}

/* Allgemeine Formatierung
-------------------------------------------------------------- */
#wrapper {
	margin      : 10px 0 10px 0;
    position    : relative;
    width       : 1000px;
    height      : 700px;
    border      : 2px solid #999;
    margin-right: auto;
    margin-left : auto;
    background  : url(./common/background.jpg) no-repeat;
}


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

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

#navPunkt li {
	padding		:  6px 0px  8px  0px;
    margin		:  0px 0px   4px  0px;
	list-style-type: none;
    background-color: #585858;
}

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

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

#dsgvo {
	position    : absolute;
	width       : 200px;
	height      :  20px;
	top         : 100px;
	left		: 560px;
	font-size   : 0.8em;
    text-align  : center;
    color       : #eee;
	font-weight : bold;
}

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

#visual {
	position    : absolute;
	width       : 150px;
	height      : 300px;
	top         : 126px;
	left        : 160px;
}

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

#logo {
	position    : absolute;
	width       : 460px;
	height      : 70px;
	top         : 580px;
	left        : 510px;
}

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

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


/* Hier kommt Text - endlich
-------------------------------------------------------------- */
#content {
	position    : absolute;
	width       : 500px;
	top         : 140px;
	left        : 330px;
}

#scroller {
	width		: 480px;
	height		: 390px;
	overflow	: auto;
	padding-top	: 0px;
	padding-right: 26px;
	padding-bottom: 26px;
}

#content table, #content textarea, #content input {
	font        : 0.8em "Trebuchet MS", Trebuchet, 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       : #555;
}

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       : 1000px;
	height      :   20px;
	top         :  680px;
	font-size   : 0.8em;
    text-align  : center;
    color       : #eee;
	font-weight : bold;
}

#footer a:link, #footer a:visited,
#dsgvo a:link, #dsgvo a:visited {
	color       : #eee;
	text-decoration: none;
}
#imprint a:link, #imprint a:visited {
	color       : #eee;
	text-decoration: none;
}

#footer a:link.active, #footer a:visited.active, #footer a:hover,
#dsgvo a:link.active, #imprint a:visited.active, #imprint a:hover {
    color       : #fff;
}
}#imprint a:link.active, #imprint a:visited.active, #imprint a:hover {
    color       : #fff;
}