/* Stylesheet für die Übungsseiten zum Buch "Little Boxes" */

* { padding: 0; margin: 0; }

body {
	color: black;			/*Schriftfarbe*/
	background-color: white;	/*Hintergrundfarbe*/
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: small;
    border-color: #0000ff
	}
	
#startbild { border: 5px solid #0000ff; }

#selbsthlfe {
    h2 {
    background-color: #0000ff;
    color: white;
    font-weight: bold;
    }
}

#wrapper {
	color: black;
	background-color: white;
	width: 920px;					/*Breite des Inhaltsbereiches */
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	}

#kopf {
	color: black;
	/* background-color: #ffcc33; */
	background-image: url(farbverlauf1.png);
    background-repeat: repeat-y;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20;
	padding-left: 20px;
	}
#kopf p {
	padding: 5px 0 5px 0;
	margin-bottom: 0;
	}
	
#nav {
	text-align: right;
	color: white;
	background: #ffffff;
	background-image: url(farbverlauf1.png);
	background-repeat: repeat-y;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	border-bottom: 1px solid #0000ff;
	}
	
#nav ul { margin-bottom: 0; }	
	
#nav li {
	display: inline;					
	list-style-type: none;
	margin: 0;
	}
	
#nav a { 
	color: white;
	background-color: #0000ff;
	padding: 4px 8px 4px 8px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
	border: 1px solid #0000ff;
    border-bottom: 0px;
	}
#nav a:hover,
#nav a:focus,
#startseite #nav0 a,
#seite1 #nav1 a,
#seite2 #nav2 a,
#seite3 #nav3 a,
#seite4 #nav4 a,
#seite7 #nav5 a,
#seite5 #nav6 a,
#seite6 #nav7 a {
	color: #0000ff;
    /* font-weight: bold; */
	background-color: white;
	border-bottom-color: white;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 1px solid #0000ff;
    border-bottom: 3px solid white;
	}
#nav a:active {
	color: black;
	background-color: white;
	}

#text {
	color: black;
	background-color: white;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-bottom: 0;
	}

#reset {
	color: black;
	background-color: white;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-bottom: 0;
	}

#seite4 #text,
#seite5 #text,
#umleitung { height: 400px; }
	
#ute,		
#bert {
    width: 380px;
    height: 200px;
    display: table-cell;
    padding: 40px;
    text-align: left    
        
} 
    

#fuss {
	position: relative;
	/*background-color: #0000ff;*/
    background-image: url(farbverlauf1.png);
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	border-top: 1px solid #0000ff;
	margin-top: 0px;
	}

h1 { 
	font-size: 170%;
	color: black;
	}
h2 { 
	font-size: 130%;
	color: #0000ae;
	}
h3 {
	font-size: 110%;
	color: #0000ae;
	}

#fuss address {
	position: absolute;
	top: 10px;
	right: 20px;
	font-size: 80%;			/* etwas kleiner */
	font-style: normal;		/* normale Schrift, nicht kursiv */
	letter-spacing: 1px;		/* Abstand zwischen den Buchstaben */
	line-height: 1.5em;		/* Zeilenabstand */
	}
	
#logo {
	width: 80px;
	}

a { text-decoration: none; }		/* Unterstreichung entfernen */
a:link { color: #0000ff; }
a:visited { color: #808080; }

a:hover, a:focus {
	border-bottom: 1px solid #0000ff;
	}

a:active {
	color: white;
	background-color: #0000ff;
	}

#text a {
	border-bottom: 1px dotted #cc0000;
	}

#text a:hover { border-bottom 1px solid #d90000; }
#text a:focus { border-bottom 1px solid #d90000; }

h2, p, ul, ol { margin-bottom: 1em; }
ul ul { margin-bottom: 0; }
li { margin-left: 1em; }
	
form {
	background-color: white;
	width: 370px;
	padding: 20px;
	border: 1px solid #0000ff;
	}
	
label {
	display: block;
	cursor: pointer;
	}
	
input#absender,
textarea {
	width: 300px;
	border: 1px solid #0000ff;
	margin-bottom: 1em;
	}
	
textarea {
	height: 7em;
	}
	
input#absender:focus,
textarea:focus {
	background-color: #ffffff;
	}

table {
   border: 0px solid #0000ff;   
}
th, td {
   border: 0px solid #0000ff;
   padding: 3px;
   font-family: 'Liberation Sans', Arial, Helvetica, sans-serif;
   font-size: 90%;
   text-align: left;
   vertical-align: top;
}
th {
   background-color: #DDD;
   font-weight: bold;
}
td.sum {
   width: 5em;
   text-align: right;
}