*	{
	margin:0;/* setze außenabstände auf null*/
	padding:0;
	border:0;
	
	}
	html, body {
background-size: cover;
}
body 
	{font-family: /*"Trebuchet MS";*/
	Geneva, Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	font-weight:normal;
	background-image:url("../bilder/hintergrund-palette2.jpg");
	background-attachment:fixed;
	}
	/*
	index
*/
div#container-index{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
	background-color:    #fff;
	/*border:4px solid ;
	border-color:   #0cf;*/
height:auto !important; /* Important Regel für moderne Browser */
background-image:url("../bilder/startbild.jpg");
background-repeat:no-repeat;

	}
div#logoindex{
	padding-top: 5px;
	padding-left: 1px;
	float:left;
	width: 35px;
	height:360px;
	background-color:#000;
}
div#links-index{
	padding-top:5px;
	padding-left:460px;
	width: auto;
	line-height:10px;
	text-align: left;
	font-size:22px;
	font-weight:bold;
}
div#links-index a:link,div#links-index a:visited{
	color:    #c30; 
	text-decoration:none;
	}
div#links-index a:hover{
	color: #000;
}
div#aufnahme{
font-family:"Courier New", Courier, monospace;
	margin-left:460px;
	padding-top:150px;
	width:450px;
	letter-spacing:4px;
	font-weight:bold;
	color:   #999;
	font-size:24px; 
	line-height:20px;
	}

div#aufnahme a:link,div#aufnahme a:visited{
	color:     #666; 
	text-decoration:none;}
div#aufnahme a:hover{
	color: #000;
}
div#imp{
	margin-left:460px;
	margin-top:150px;
	width:auto;
	padding-bottom:5px;
}
div#imp a:link,div#imp a:visited{
	color:   #666; 
	text-decoration:none;}
div#imp a:hover{
	color: #c30;
}
div#indexbild{
	padding-top: 5px;
	padding-left:40px;
	width: auto;
	text-align: left;
	font-size:12px;
	letter-spacing:10px;
	color:#999;
	font-weight:bold;
	float:left;
}
div#bremen{
	padding-top: 12px;
	padding-left:430px;
	width: auto;
	text-align: right;
	font-size:12px;
	letter-spacing:8px;
	color:#666;
	font-weight:bold;
	float:left;
}
.top20
	{
margin-top: 73px;
	}
.top21
	{
margin-top: 80px;
	}
/*ende index****************************************/

	/*zentrierung*/
div#container{
		width: 900px;
		margin-left: auto;
		margin-right: auto;
		background-color:#fff;
		/*border:1px solid black;*/
height:auto !important; /* Important Regel für moderne Browser */
	}

	/*
	a#startbild{
	background-image:url("../bilder/hintergrund-2.jpg");
	display: block;
	width:100%;

	text-indent:-9999px;
	background-repeat:no-repeat;
	}
*/
/*
	Menübereich der Webseiten
*/
div#links{
	padding-top: 10px;
	padding-left: 0px;
	width: 260px;
	line-height:12px;
	text-align: left;
	letter-spacing:1px;
	font-size:14px;
	font-weight:bold;
	/*border-right:4px solid ;
	border-color: #5AD1CE;*/
	background-image:url("../bilder/orange-2.jpg");
	background-color:#000;/* #ccf0fc;*/
	
	height:100%;
}

ul#menue{
	list-style:none;
	padding-bottom: 220px;
	padding-left: 30px;
	padding-top: 10px;
	float:left;
	}
/*
	Links im Menü die nicht aktiv sind
*/
ul#menue li a:link,ul#menue li a:visited{
	color: #999;
	text-decoration:none;
}
/*
	Links im Menu die nicht aktiv sind hover effekt
*/
ul#menue li a:hover,ul#menue li a:focus{
	color:#333;
}
/*
	Link im Menu der aktiven Seite
*/
ul#menue li a.menue_aktiv:link,ul#menue li a.menue_aktiv:visited{
	color: #dcdcdc;
	text-decoration:none;
}
ul#menue li a.menue_aktiv:hover,ul#menue li a.menue_aktiv:focus{
	color: #333;
}
/*
	kleine links
*/
ul#menue li a.menue_spezial:link,ul#menue li a.menue_spezial:visited{
	color: #999;
	text-decoration:none;
	font-size:12px;
}
ul#menue li a.menue_spezial:hover,ul#menue li a.menue_spezial:focus{
	color: #333;
}
/*
	kleine links aktiv
*/
ul#menue li a.menue_spezial_aktiv:link,ul#menue li a.menue_spezial_aktiv:visited{
	color: #dcdcdc;
	text-decoration:none;
	font-size:12px;
}
ul#menue li a.menue_spezial_aktiv:hover,ul#menue li a.menue_spezial_aktiv:focus{
	color: #666;
}
/************************
	ende menue
*/
div#adresse {
	line-height:12px;
	font-size:11px;
	color: #999;
	text-align: left;
	font-weight:bold;
	letter-spacing:1px;
	padding-left: 50px;
	float:left;
	}
div#adresse a:link,div#adresse a:visited{
	color:   #666; 
	text-decoration:none;}
div#adresse a:hover{
	color: #c30;
}
div#imp-seiten{
	margin-left:55px;
	padding-bottom:10px;
	width:auto;
	text-align:left;
}
div#imp-seiten a:link,div#imp-seiten a:visited{
	color:   #666; 
	text-decoration:none;}
div#imp-seiten a:hover{
	color: #c30;
}

/*
	Inhaltsbereich rechts der Webseite
*/
div#rechts{
	margin-left:280px;
	margin-top:-5px;
	color: #666;
	font-size:11px;
	line-height:14px;
	width:400px;
	padding-bottom:20px;
}
div#rechts a:link,div#rechts a:visited{
	color:   #666; /* #f30;*/
	}
div#rechts a:hover{
	color: #c30;
}
div#designhochschulen{
	margin-left:295px;
	margin-top:5px;
	color: #666;
	font-size:11px;
	line-height:14px;
	width:600px;
	padding-bottom:20px;
}

h1{
	color: #c30;
	font-weight:normal;
	text-indent:-9999px;
}
h1 a:link,h1 a:visited{
	color: #c30;
	text-decoration:none;
}

h2{
	color:   #999;
	font-size:26px; 
	margin-top:10px;
	letter-spacing:1px;
	line-height:25px;
	text-align: left;
	font-weight:normal;
	}
	
h3{
	color: #999;
	font-size:11px; 
	letter-spacing:2px;
	}
h4{
	color:   #dcdcdc;
	font-size:12px; 
	letter-spacing:4px;
	font-weight:bold;
	line-height:11px;
	}
div#rechts h4{
	color:   #333;
	font-size:14px; 
	margin-top:10px;
	letter-spacing:1px;
	font-weight:bold;
	line-height:11px;
	}

p{	
	color: #666;
	font-size:11px;
	line-height:14px;
	letter-spacing:1px;
	font-weight:normal;
}

dl
	{
	margin-bottom: 20px;
	font-size:11px;
	width: 430px;
	color: #666;
	line-height: 14px;
	font-weight:normal;
	}
dt
	{
	color: #666;
	}
dd
	{
	margin-top: -14px;
	width: 90%;
	padding-left:150px;
	}
.bio
	{
	padding-left:50px;
	}
.vita
	{
	padding-left:90px;
	}
.preise
	{
width: 45%;
	text-align:right;
	}
.grau
	{
	color: #999;
	}
.rot
	{
	color:  #c30;
	}
.weiss
	{
	color:    #dcdcdc;
	}
.schwarz
	{
	color: #000;
	}
.top1
	{
	margin-top: 9px;
	}
.topten
	{
	margin-top: 50px;
	}
.toptwen
	{
	padding-top: 100px;
	}
.topfive
	{
	margin-top: 15px;
	}
.top2
	{
	margin-top: 7px;
	}
.gross
	{
	font-size:12px;
	font-weight:bold;
	letter-spacing:2px;
		}


.bild-index
	{
	margin-left:-5px;
	padding-top:97px;
	}
.bild_a
	{
	float: left;
	margin-right:10px;
	margin-top:5px;
	}
	
.bild_b
	{
	padding-right:7px;
	padding-top:10px;
	}	
	
.bild_c
	{
	padding-right:10px;
	padding-bottom:35px;
	}
.bild_d
	{
	padding-top:6px;
	width:400px;
	}
.bild_e
	{
	padding-right:5px;
	padding-top:15px;
	}
.startbild
	{
	margin-top:-850px;

	}
	
	
	/* Das Kontaktformular */
form {
  background-color: #eee;
  width: 370px; /* Breite des Formulars */
  padding: 20px;
  border: 1px solid #8c8c8c;
}
label { /* Beschriftung auf eigener Zeile */
  display: block;
  cursor: pointer; /* Mauszeiger wird zur Hand */
}
input#absender,
textarea {
  width: 300px;
  border: 1px solid #8c8c8c;
  margin-bottom: 1em;
}
textarea {
  height: 7em;
}
input:focus,
textarea:focus {
  background-color: #d9d9d9;
}