/* Stylesheet für www.ingo-coerdt.de von Tobias Knaack */

* { padding: 0; margin: 0; }

body
{
	height: 90%;
	color: #FFFFFF;
	background-color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}
	
#wrapper
{
	color: black;
	background-color: white;
	width: 900px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
	
#kopfbereich
{
	height: 100px;
	color: black;
	background-color: #000066;
	background-image: url(../grafiken/hintergrund-blau.jpg);
	background-repeat: repeat-y;
	background-position: top left;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
}
	
#kopfbereich img
{
	background-color: white;
	padding: 5px;
	border: 5px solid #666666;
}

#kopfbereich p
{
	padding: 5px 0 5px 0;
	margin-bottom: 0;
}
	
#kopfbereich h1
{
	text-align: center;
}



/* Navigation */

#navibereich
{
	text-align: center;
	color: black;
	background-color: #000066;
	background-image: url(../grafiken/hintergrund-blau.jpg);
	background-repeat: repeat-y;
	background-position: top left;
	padding: 5px 10px 4px 10px;
	border-bottom: 1px solid #0000ff;
}
	
#navibereich ul {
	margin-bottom: 0;
	}

#navibereich li
{
	display: inline;
	list-style-type: none;
	margin: 0 10px 0 0;
}

#navibereich a
{
	color: #000000;
	background-color: #C6CDFF;
	padding: 4px 8px 4px 8px;
	border: 1px solid #0000ff;
}
	
#navibereich a:active
{ 
	background: white; 
}

#navibereich a:hover, #start #navi01 a, #mauern #navi02 a, #fliesen #navi03 a, #badezimmer #navi04 a, #umbau #navi05 a, #beton #navi06 a, #terrassen #navi07 a, #foto1 #navi08 a, #foto2 #navi08 a, #foto3 #navi08 a, #foto4 #navi08 a, #foto5 #navi08 a, #foto6 #navi08 a, #kontakt #navi09 a 
{
	text-decoration: none;
	color: black;
	background-color: #FFFFFF;
	padding-bottom: 5px;
	border-bottom: none;
}



/* Fotonavigation */

#fotonavibereich
{
	text-align: center;
	color: black;
	background-color: #FFFFFF;
	background-repeat: repeat-y;
	background-position: top left;
	border-bottom: 1px solid #0000FF;
	padding-top: 1.5em;
	padding-right: 10px;
	padding-bottom: 1.5em;
	padding-left: 10px;
}

#fotonavibereich ul
{
	margin-bottom: 0;
}

#fotonavibereich li
{
	display: inline;
	list-style-type: none;
	margin: 0 10px 0 0;
}

#fotonavibereich a
{

	color: #FFFFFF;
	background-color: #0033FF;
	padding: 4px 8px 4px 8px;
	border: 1px solid #0000ff;
}

#fotonavibereich a:active 
{
	background: #C6CDFF;
}

#fotonavibereich a:hover, #foto1 #fotonavi01 a, #foto2 #fotonavi02 a, #foto3 #fotonavi03 a, #foto4 #fotonavi04 a, #foto5 #fotonavi05 a, #foto6 #fotonavi06 a
{
	text-decoration: none;
	color: black;
	background-color: #C6CDFF;
	padding-bottom: 5px;
}



/* Textbereich */

#textbereich
{
	min-height: 200px;
	padding: 20px;
	padding-top: 1em;
	padding-bottom: 0.5em;
	padding-left: 20px;
	border-bottom: 1px solid #0000ff;
}
	
#textbereich img 
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 6px solid #666666;
	text-align: center;
}
	
#fussbereich 
{
	padding: 1em;
	padding-top: 2em;
	padding-bottom: 2em;
	border-top: 1px solid #0000ff;
	margin-top: 2em;
}



/* Normaler Bildbereich */

#bildbereich
{
	padding-top: 2em;
	border-top: 1px solid #0000ff;
	margin-top: 1em;
	height: 180px;
}

#bildbereich img 
{
	float: none;
    margin-left: 10px;
    margin-right: 10px;
	border: 6px solid #666666;
}

#bildbereich-4hk 
{
	padding-top: 2em;
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
	height: 180px;
	width: 600px;
}

#bildbereich-4hk img
{
	float: none;
    margin-left: 10px;
    margin-right: 10px;
	border: 6px solid #666666;
}

#bildbereich-4q
{
	padding-top: 2em;
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
	height: 180px;
	width: 750px;
}

#bildbereich-4q img
{
	float: none;
    margin-left: 10px;
    margin-right: 10px;
	border: 6px solid #666666;
}

#bildbereich-4hk-1q
{
	padding-top: 2em;
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
	height: 180px;
	width: 680px;
}

#bildbereich-4hk-1q img
{
	float: none;
    margin-left: 10px;
    margin-right: 10px;
	border: 6px solid #666666;
}

#bildbereich table
{
	caption-side: bottom;
	font-size: 0.8em;
	font-style: italic;
	text-align: center;
}



/* Fotoalbum Bildbereich */

#bildbereichalbum
{
	padding-top: 2em;
	border-top: none;
	margin-top: 1em;
}

#bildbereichalbum img
{
	float: none;
	margin-right: 20px;
	margin-left: 20px;
	border: 6px solid #666666;
}

#bildbereichalbum table
{
	caption-side: bottom;
	font-size: 0.8em;
	font-style: italic;
	text-align: center;
}

#counterbereich
{
	padding-top: 0.7em;
	padding-bottom: 0.7em;
	border-top: 1px solid #0000ff;
	text-align: center;
}

address
{
	text-align: center;
	font-size: 80%;
	font-style: normal;
	letter-spacing: 2px;
	line-height: 1.7em;
}

.skiplink
{
	display: none;
}

.hinweisbox
{
	color: black;
	background-color: #8c8c8c;
	border: 3px solid #ecf7dd;
}

a
{
	text-decoration: none;
}

a:link
{ 
	color: #FF0000;
	outline: none;
}

a:visited
{
	color: #FF0000;
}

a:hover, a:focus
{ 
	text-decoration: underline;
}

a:active
{
	color: blue;
}	

h1, h2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1
{
	font-size: 180%;
}

h2
{
	COLOR: blue;
	font-size: 150%;
	margin-bottom: 1em;
}
	
h3
{
	font-size: 110%;
	margin-top: 2em;
	margin-bottom: 1em;
}	

p, ul
{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 2em;
	margin-left: 0;
}

li li
{
	margin: 0;
}

hr
{
	margin-top: 1em;
	margin-bottom: 1em;
	color: #0000FF;
}


li
{
	margin-top: 0.5em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 21em;
}



/* Kontaktformular */

form
{
	background-color: #000066;
	width: 60%;
	padding: 20px;
	border: 1px solid #0000ff;
}
	
label
{ 
	color: #C6CDFF;
	display: block;
}

#absender
{
	height: 2em;
}
	
#absender, textarea
{
	width: 98%;
	border: 1px solid #0000ff;
	margin-bottom: 1em;
}
	
textarea
{ 
	height: 10em;
}

input:focus, textarea:focus
{
	background-color: #C6CDFF;
}

.li_Arbeiten_Ebene2
{
	margin-top: 0.5em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 3em;
	list-style-type: circle;
}

.li_Arbeiten_Ebene1
{
	margin-top: 0.5em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 2em;
	list-style-type: square;
}

.Titelseite_Arbeiten_gross
{
	padding-top: 0.5em;
	margin: 1em;
	line-height: 0;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}

.Titelseite_Arbeiten
{
	padding-top: 0;
	margin: 1em;
	margin-bottom: 2em;
	line-height: 0;
	font-size: 1em;
	font-style: italic;
	text-align: center;
}