/* CSS Design für Startseite www.marko-westhoff.de */
/* Änderung: 19.12.2017 Kopfbild     */
/* 			 24.05.2018	*/

body {
	/* color: blue; */
	max-width: 800px;
	background: lightgrey;
	/* background-image: linear-gradient(90deg, white, #251E4A); */
	/* font-size: 1em; */
	font-family: "Times New Roman", Serif; 
	}

#header {
	max-width: 800px;
	min-height: 150px;
	background: url(../grafik/header02.png); 
	/* background: linear-gradient(90deg, white, #251E4A); */
	}

#menuoben li
{
	font-size: 1.2em; 
	list-style-image: url(../grafik/pfeil.png);
}

header h1, h2{max-width: 60%;}

figure {float: right;}
	
@media screen and (max-width: 600px)
	{
		#header {min-height: 100px;}
		figure {text-align: center; margin-right: 0px; 
				float: left;}
		/* #kopfbild {text-align: center;margin: 0px; padding: 0px;float: left;} */ 
		#login input {font-size: 1.2em; padding: 10px;}
		#login input {width: 250px; border-radius: 10px;}
		#login label {text-align: center;font-size: 1.2em;}
		#menuoben li {list-style-image: none;
					  padding: 8px;
					  text-align: center;
					  }
		
		header h1, h2{max-width: 100%; margin: 10px;}
		
		h1, h2, .nomobil{display: none;}
		nav li {
			font-weight: bold;
			
			background: lightgrey;
			padding: 0;
			margin: 8px;
			border: 1px outset gray;
			color: white; text-decoration: none;
			border-radius: 10px;
			text-align: left;
			}
		nav li a {
			display: block;
			padding: 0.2em;
			}
		footer li {
			background: #104E8B;
			margin: 10px;
			padding: 5px;
			max-width: 60%;
			border-radius: 10px;
			}
		footer li a {
			display: block;
			padding: 0.2em;
		}
			
	}	

legend { color:grey;}	
label {/* float: left; */ margin-right:5px; color: blue;}	
input {margin-left: 5px; margin-bottom: 5px;}}	
header h1, h2 {padding-left: 10px; color: white; font-style: italic;}	
#header h1, h2 {padding-left: 10px; color: white; font-style: italic;}
#header h1{font-size: 2.5em;	font-weight: bold;}
#header h2 {font-size: 1.4em;}
#kopfbild {
	padding: 10px;
	text-align: right;
	}	

a:link,a:visited {color:#666666; text-decoration:none; }
a:hover { 
	color:grey; 
	text-decoration:underline; 
	}

	
#login, #menuoben, #content	{
	padding: 10px; 
	/* background: url(../grafik/higru03.png) repeat-y; */
		}
main {background: linear-gradient(90deg, white, #251E4A);}
#weltkugel {
	padding-top: 10px;
	padding-right: 15px;
	float: right;
	text-align: right;
}
		
#footer ul {
	/* margin-top: -100px; */
	padding: 20px;
	background: #251E4A;
	color: yellow;
	}
#footer ul li {list-style: none; 10px; padding-left: 10px;}
#footer {background: #999999; color: #666666;}
#footer a:link, #footer a:visited {color:yellow; }	
#footer p {padding: 5px; text-align: center;}