@charset "UTF-8";
@import "reset.css";

body {
	font-size:100.01%;
	font-family: Helvetica, Arial, sans-serif;
	background:#ab1a22;
	text-align:center;
	color:#585858;
}

#container {
	background:url(../images/htgr.png) no-repeat;
	text-align:left;
	margin:20px auto 0 auto;
	width:1038px;
	height:821px;
}

#header {
	position:relative;
	width:1024px;
	height:113px;
	background: url(../images/header.jpg) no-repeat;
}

#content {
	position:relative;
	width:1024px;
	height:694px;
	background: url(../../bilder/frisuren/Haardesign-Back1.jpg) no-repeat;
}

#content_right {
	float:right;
	width:594px;
	height:694px;
	background: url(../images/htgr_UR.jpg) no-repeat right bottom;
}
#content_right_text {
	width:558px;
	height:486px;
	margin-top:25px;
	overflow:auto;
	padding-right:20px;
}

#content_right_text h2 {
	font-weight:normal;
	font-size:1.1em;
	text-transform: uppercase;	
	padding:15px 0;
	line-height:1.25em;
}
#content_right_text h3 {
	font-weight:normal;
	font-size:1.1em;
	text-transform: uppercase;	
	padding:15px 0;
	line-height:1.25em;
	color:#ab1a22;
}
#content_right_text .rgaccord1-nest h3 {
	padding:5px 0;
}
#content_right_text p {
	font-size:0.9em;
	line-height:1.3em;
	padding:5px 0;
}
#content_right_text p.align-center {
	clear:both;
	text-align:center;
}
#content_right_text .contenttable {
	padding-bottom:10px;
	font-size:0.9em;
	width:100%;
}
#content_right_text .contenttable td.td-1 {
	text-align:right;
	width:100px;
}
#content_right_text .contenttable tr {
	border-top:1px dotted #000;
	height:25px;
}
#content_right_text .csc-frame-frame1 p {
	padding:1px 0;
}
#spalte1, #spalte2 {
	float:left;
	width:269px;
}
#spalte1 {
	padding-right:20px;
}
#content_right_logos {
	position:absolute;
	left:430px;
	bottom:50px;
}
#content_right_button {
	position:absolute;
	right:25px;
	bottom:20px;
	width:132px;
	height:132px;
}
#nebenmenu {
	position:absolute;
	top:32px;
	right:35px;
}
#nebenmenu li {
	float:left;
	font-size:0.7em;
	padding-left:15px;
}
#nebenmenu li a {
	color:#585858;
	text-decoration:none;
}
#nebenmenu li a:hover, #nebenmenu li.aktiv a {
	color:#000;
	text-decoration:underline;
}

#menu {
	position:absolute;
	top:80px;
	right:35px;
}

#menu ul li {
	float:left;
}
#menu ul li a {
	text-decoration:none;
}
#menu ul li a span {
	visibility:hidden;
}
#menu ul li {
	height:14px;
}
#menu ul li.NEWS {
	width:39px;
	background: url(../images/menue/menue_01.png) no-repeat;
}
#menu ul li:hover.NEWS, #menu ul li.NEWS_aktiv {
	width:39px;
	background: url(../images/menue/menue_01.png) no-repeat 0 -20px;
}
#menu ul li.PRODUKTE {
	width:69px;
	background: url(../images/menue/menue_02.png) no-repeat;
}
#menu ul li:hover.PRODUKTE, #menu ul li.PRODUKTE_aktiv {
	width:69px;
	background: url(../images/menue/menue_02.png) no-repeat 0 -20px;
}
#menu ul li.SERVICE {
	width:57px;
	background: url(../images/menue/menue_03.png) no-repeat;
}
#menu ul li:hover.SERVICE, #menu ul li.SERVICE_aktiv {
	width:57px;
	background: url(../images/menue/menue_03.png) no-repeat 0 -20px;
}
#menu ul li.PREISE {
	width:50px;
	background: url(../images/menue/menue_04.png) no-repeat;
}
#menu ul li:hover.PREISE, #menu ul li.PREISE_aktiv {
	width:50px;
	background: url(../images/menue/menue_04.png) no-repeat 0 -20px;
}
#menu ul li.AKTIONEN {
	width:67px;
	background: url(../images/menue/menue_05.png) no-repeat;
}
#menu ul li:hover.AKTIONEN, #menu ul li.AKTIONEN_aktiv {
	width:67px;
	background: url(../images/menue/menue_05.png) no-repeat 0 -20px;
}
#menu ul li.EVENTS {
	width:53px;
	background: url(../images/menue/menue_06.png) no-repeat;
}
#menu ul li:hover.EVENTS, #menu ul li.EVENTS_aktiv {
	width:53px;
	background: url(../images/menue/menue_06.png) no-repeat 0 -20px;
}
#menu ul li.IMPRESSIONEN {
	width:97px;
	background: url(../images/menue/menue_07.png) no-repeat;
}
#menu ul li:hover.IMPRESSIONEN, #menu ul li.IMPRESSIONEN_aktiv {
	width:97px;
	background: url(../images/menue/menue_07.png) no-repeat 0 -20px;
}
#menu ul li.TEAM {
	width:41px;
	background: url(../images/menue/menue_08.png) no-repeat;
}
#menu ul li:hover.TEAM, #menu ul li.TEAM_aktiv {
	width:41px;
	background: url(../images/menue/menue_08.png) no-repeat 0 -20px;
}
#menu ul li.JOBS {
	width:34px;
	background: url(../images/menue/menue_09.png) no-repeat;
}
#menu ul li:hover.JOBS, #menu ul li.JOBS_aktiv {
	width:34px;
	background: url(../images/menue/menue_09.png) no-repeat 0 -20px;
}

.news-list-item {
	min-height:150px;
}
.news-list-container img {
	float:left;
	padding-right:10px;
}
.news-list-container a, .news-single-item a, a {
	text-decoration:none;
	color:#333;
}
.news-list-container a:hover, .news-single-item a:hover, a:hover {
	text-decoration:underline;
}
.news-list-container h4 a, .news-single-item h4, #content_right_text h4 {
	font-size:1.1em;
	color:#990000;
	text-transform: uppercase;
	font-weight:bold;
	text-decoration:none;
}
span.important {
	font-weight:bold;
	color:#ab1a22;
}

.thumbnail {
	float:left;
	margin-left:0px !important;
	margin: 10px 4px 0 0;
}

#externalthumbs .label {
  display:none;
}

#content_right_text ul li {
 font-size:0.9em;
 list-style-type:disc;
 list-style-position:outside;
 margin-left:285px;
}