/* =====================================================================
Stylesheet für "IntermBuchhalter.de"
* Datei: bildschirm.css
* Datum: 14. November 2020
* Autor: Klaus Hoffmann
* Aufbau:	1. Allgemeine Styles
* 			2. Styles für Layoutbereiche
* 			3. Sonstige Styles
======================================================================*/ 
 
/* =====================================================================
1. Allgemeine Styles
======================================================================*/

body {
	background-color: #C1C1C1;
	color: #E8E8E7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 87.5%;
}
h1,h2 {font-family: Verdana, Arial, Helvetica, sans-serif;}
h1  {font-size: 150%;}
h2  {font-size: 130%;}
address {
	text-align: center;
	font-size: 80%;
	font-style: normal;
	letter-spacing: 2px;
	line-height: 1.5;
}
a {
	text-decoration: none;
	outline: none;
}
a:link{color: #f57215}
a:visited{color: #c66666;}
a:hover,
a:focus {border-bottom: 1px solid #d90000;}
a:active {
	color: white;
	background-color: #d90000;
}
img#logo {
	background-color: white;
	color: black;
	max-width: 15%;
	height: auto;
	padding: 10px;
	border: 5px solid #C1C1C1;
}
img#foto {
	float: right;
	background-color: white;
	max-width: 15%;
	height: auto;
	padding: 1px;
	border: 1px solid #A0DECE;
	}
img#logo_bbh {
	max-width: 25%;
	height: auto;
	}
	img#logo_bvbc {
	max-width: 25%;
	height: auto;
	}
	img#logo_xpert {
	max-width: 25%;
	height: auto;
	}

/* =====================================================================
2. Styles für Layoutbereiche
======================================================================*/

div#wrapper {
	background-color: #E8E8E7;
	color: #1B1D58;
	width: 70%;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
div#kopfbereich {
	background-color: #1B1D58;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
}
p#slogan {
	color: #f57215;
	padding: 5px 0 5px 0;
	margin-bottom: 0;
}
div#navibereich {
	text-align:right;
	background-color: #1B1D58;
	padding: 5px 20px 4px 20px;
	border-bottom: 1px solid #C1C1C1;
}
div#navibereich ul { margin: 0;}
div#navibereich li {
	background-color: #1B1D58;
	display: inline;
	list-style-type: none;
	margin: 0;
}
div#navibereich a { 
	background-color: #E8E8E7;
	color: #1B1D58;
	padding: 4px 8px 4px 8px;
	border: 1px solid #C1C1C1;
}
div#navibereich a:hover,
div#navibereich a:focus {
	color: #1B1D58;
	background-color: white;
	border-bottom-color: white;
}
div#navibereich a:active {
	color: black;
	background-color: white;
	border-bottom-color: white;
}
div#textbereich{padding: 20px}
	div#textbereich a {border-bottom: 1px dotted #cc0000;}
	div#textbereich a:hover,
	div#textbereich a:focus {
		border-bottom: 1px solid #C1C1C1;
	}

div#kontaktbereich{
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	border-top:1px solid #8c8c8c;
	margin-top: 20px;
}

div#webbereich{
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

div#mitgliedbereich{
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

div#stbg {
	background-color: #E8E8E7;
	color: #1B1D58;
	font-size: 80%;
	text-align: justify;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding: 10px;
	border: 2px solid #1B1D58;
}

div#fussbereich {
padding: 20px;
padding-top: 10px;
	border-top:1px solid #C1C1C1;
	margin-top: 20px;
}
div#impressumbereich{
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

/* =====================================================================
3. Sonstige Styles
======================================================================*/
 
ul li {list-style-type: square;}
h2, p, ul, ol, blockqote {margin-bottom:1em;}
ul ul, ul ol, ol ol,ol ul {margin-bottom:0;}
ul, ol {margin-left: 2em;}

/* =====================================================================
E N D E bildschirm.css
======================================================================*/