body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
	background-image:url('../images/ground.jpg');
 	background-attachment: fixed;
}
.navigationline {
	background-color: #FFFFFF;
	background-image:url('../images/ground_navigation.jpg');
}
.navigationline1 {
	background-image:url('../images/navig.jpg');
}
.starsearch {
	background-image:url('../images/navig44.JPG');	
}
html {
	overflow-y: scroll;
}
.index { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FDCB30;
	letter-spacing: 0px;
    }

.box1 {
	background-image: url(../images/box1.jpg);
}
.box2 {
	background-image: url(../images/box2.JPG);
	background-repeat: no-repeat;
}
.box5 {
	background-image: url(../images/box5.jpg);
}
.box5a {
	background-image: url(../images/box5.gif);
}
.box5b {
	background-image: url(../images/box5b.gif);
}
.box5aa {
	background-image: url(../images/box5a.jpg);
}
.box5bb {
	background-image: url(../images/box5b.jpg);
}
.box5c {
	background-image: url(../images/box5c.jpg);
}
.searchbutton {
	background: url('../images/navig3.jpg') 0% 50%;
	width: 62px;
	height: 27px;
	border-width: 0px;
}
.searchbutton:hover {
	background: url('../images/navig3a.jpg') 0% 50%;
	width: 62px;
	height: 27px;
	border-width: 0px;
}


	
.music {
    background: url('../images/categories/madonna.jpg') 0% 50% no-repeat;
    width: 36px;
    height: 36px;
    border-width: 0px;
}
.music:hover {
    background: url('../images/categories/madonna_a.jpg') 0% 50%;
    width: 36px;
    height: 36px;
    border-width: 0px;
}
.film {
    background: url('../images/categories/Keira Kneitley.jpg') 0% 50% no-repeat;
    width: 36px;
    height: 36px;
    border-width: 0px;
}
.film:hover {
    background: url('../images/categories/keira-kneitley_a.jpg') 0% 50%;
    width: 36px;
    height: 36px;
    border-width: 0px;
}
.fashion {
    background: url('../images/categories/karl-lagerfeld.jpg') 0% 50% no-repeat;
    width: 36px;
    height: 36px;
    border-width: 0px;
}
.fashion:hover {
    background: url('../images/categories/karl-lagerfeld_a.jpg') 0% 50%;
    width: 36px;
    height: 36px;
    border-width: 0px;
}
.arts {
    background: url('../images/categories/davidgerstein02.jpg') 0% 50% no-repeat;
    width: 36px;
    height: 36px;
    border-width: 0px;
}
.arts:hover {
    background: url('../images/categories/davidgerstein02_a.jpg') 0% 50%;
    width: 36px;
    height: 36px;
    border-width: 0px;
}
.literature {
    background: url('../images/categories/frank-gerber.jpg') 0% 50% no-repeat;
    width: 36px;
    height: 36px;
    border-width: 0px;
}
.literature:hover {
    background: url('../images/categories/frank-gerber1_a.jpg') 0% 50%;
    width: 36px;
    height: 36px;
    border-width: 0px;
}
.business {
    background: url('../images/categories/sergey-brin.jpg') 0% 50% no-repeat;
    width: 36px;
    height: 36px;
    border-width: 0px;
}
.business:hover {
    background: url('../images/categories/sergey-brin_a.jpg') 0% 50%;
    width: 36px;
    height: 36px;
    border-width: 0px;
}
.politic {
    background: url('../images/categories/barack-obama.jpg') 0% 50% no-repeat;
    width: 36px;
    height: 36px;
    border-width: 0px;
}
.politic:hover {
    background: url('../images/categories/barack-obama_a.jpg') 0% 50%;
    width: 36px;
    height: 36px;
    border-width: 0px;
}
.sience {
    background: url('../images/categories/francoise-barre-sinoussi.jpg') 0% 50% no-repeat;
    width: 36px;
    height: 36px;
    border-width: 0px;
}
.sience:hover {
    background: url('../images/categories/francoise-barre-sinoussi_a.jpg') 0% 50%;
    width: 36px;
    height: 36px;
    border-width: 0px;
}
.sport {
    background: url('../images/categories/David Beckham.jpg') 0% 50% no-repeat;
    width: 36px;
    height: 36px;
    border-width: 0px;
}
.sport:hover {
    background: url('../images/categories/david-beckham_a.jpg') 0% 50%;
    width: 36px;
    height: 36px;
    border-width: 0px;
}
.internet {
    background: url('../images/categories/sergey-brin.jpg') 0% 50% no-repeat;
    width: 36px;
    height: 36px;
    border-width: 0px;
}
.internet:hover {
    background: url('../images/categories/sergey-brin_a.jpg') 0% 50%;
    width: 36px;
    height: 36px;
    border-width: 0px;
}
.categories {
	background-image: url(../images/ground_categories.jpg);
}
.impressum {
	background-image: url(../images/ground_impressum.jpg);
}
.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	letter-spacing: 0px;
}
.header a {
	color: #FFFFFF;
	text-decoration: underline;
}
.header a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.header1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #E49C00;
	letter-spacing: 0px;
}
.header2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	letter-spacing: 0px;
}
.header3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	letter-spacing: 0px;
}
.keywords {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FDE6A7;
	letter-spacing: 0px;
	text-align: justify;
}
.orange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FDCB30;
	letter-spacing: 0px;
}
.star { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #E49C00;
	letter-spacing: 0px;
}
.star a {
	color: #E49C00;
	text-decoration: underline;
}
.star a:hover {
	color: #E49C00;
	text-decoration: none;
}
.star1 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #E49C00;
	letter-spacing: 0px;
    }
.star1 a {
	color: #E49C00;
	text-decoration: none;
}
.star1 a:hover {
	color: #E49C00;
	text-decoration: none;
}
.star2 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #777777;
	letter-spacing: 0px;
}
.star2 a {
	color: #777777;
	text-decoration: underline;
}
.star2 a:hover {
	color: #777777;
	text-decoration: none;
}
.stable {
	background-color: #FFFFFF;
}
.navigation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #777777;
	letter-spacing: 1px;
}
.navigation a {
	color: #777777;
	text-decoration: underline;
}
.navigation a:hover {
	color: #BC151D;
	text-decoration: none;
}
.copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #E49C00;
	letter-spacing: 0px;
}
.copy a {
	color: #E49C00;
	text-decoration: none;
}
.copy a:hover {
	color: #777777;
	text-decoration: none;
}
.copy1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #CCCCCC;
	letter-spacing: 0px;
}
.copy1 a {
	color: #CCCCCC;
	text-decoration: underline;
}
.copy1 a:hover {
	color: #CCCCCC;
	text-decoration: none;
}
.copy2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #777777;
	letter-spacing: 0px;
}
.copy2 a {
	color: #777777;
	text-decoration: underline;
}
.copy2 a:hover {
	color: #777777;
	text-decoration: none;
}
.copy3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	letter-spacing: 0px;
}
.copy3 a {
	color: #000000;
	text-decoration: underline;
}
.copy3 a:hover {
	color: #000000;
	text-decoration: none;
}
.copy4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	letter-spacing: 0px;
}
.copy4 a {
	color: #FFFFFF;
	text-decoration: underline;
}
.copy4 a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.navigationred {
	color: #BC151D;
}
.gray {
	background-color: #ECECEC;
}
.gray1 {
	background-color: #777777;
}
.white {
	background-color: #FFF;
}
.copyred {
	color: #BC151D;
}
.input {
	font-family: Arial, Helvetica;
	font-size: 13px;
	color: #777777;
	background-color: #FFFFFF;
	width: 95%;
	border: thin solid #FFFFFF;
	height: 16px;
	padding-left: 3px;
	padding-top: 2px;
	padding-right: 3px;
}
.input2 {
	font-family: Arial, Helvetica;
	font-size: 12px;
	color: #777777;
	background-color: #FFFFFF;
	width: 96%;
	border: thin solid #777777;
	height: 103px;
	padding-left: 3px;
	padding-top: 2px;
	padding-right: 3px;
}
.button {
	font-family: Arial, Helvetica;
	font-size: 13px;
	color: #777777;
	background-color: #FFFFFF;
	border: thin solid #E49C00;
	width: 31%;
	height: 23px;
	font-weight: bold;
}
.button:hover {
	color: #E49C00;
	background: #FFFFCC;
	border: thin solid #E49C00;
	text-decoration: none;
	font-weight: bold;
}
.button1 {
	font-family: Arial, Helvetica;
	font-size: 13px;
	color: #777777;
	background-color: #FFFFFF;
	border: thin solid #777777;
	width: 25%;
	height: 23px;
	font-weight: bold;
}
.button1:hover {
	color: #FFFFFF;
	background: #A00012;
	border: thin solid #A00013;
	text-decoration: none;
	font-weight: bold;
	}
.button2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #777777;
	background-color: #FFFFFF;
	border: thin solid #777777;
	width: 200px;
	font-weight: bold;
}
.button2:hover {
	color:  #777777;
	background: #FFFFFF;
	border: thin solid #A00012;
	text-decoration: none;
	font-weight: bold;
}
.button3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #777777;
	background-color: #FFFFFF;
	border: thin solid #777777;
	font-weight: bold;
}
.button3:hover {
	color: #777777;
	background: #FFFFFF;
	border: thin solid #A00012;
	text-decoration: none;
	font-weight: bold;
}
.suchen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #777777;
	background-color: #FFFFFF;
	border: thin solid #777777;
	padding-left: 2px;
}
#toolTipBox {
	display: none;
	padding: 0;
	font-size: 13px;
	letter-spacing: 1px;
	
    border: #A00012 solid 5px;
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	background-color: #FFFFFF;
	color: #A00012;

}

/* Diese Angabe macht HTML5 Videos responsive */
video {
    width: 100% !important;
    height: auto !important;
}