@charset "UTF-8";
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background: url(img/hgbody.gif) repeat-x top left;
	background-color: #DFDFDF;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
td, div, p, a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
h1 {
	font-size: 15px;
	color: #000000;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
}
h2 {
	font-size: 14px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}
h3 {
	font-size: 13px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
}
fieldset {
	border: none;
}
label {
	display: block;
	float: left;
	width: 120px;
}
input, textarea, select {
	border: #CCCCCC 1px solid;
	background: url(img/hgtextarea.gif) repeat-x top left;
	background-color: #FDFDFD;
	padding: 3px;
	font-size: 11px;
	margin-bottom: 4px;
}
input:focus, textarea:focus {
	border: 1px solid #666666 !important;
}
input.mailformsubmit {
	border: #cccccc 1px solid;
	background-color: #EA6A38;
	background-image: none;
	color: #FFFFFF;
	margin-left: 120px;
	margin-top: 5px;
}
a {
	color: #EA6A38;
}
a:hover {
	text-decoration: none;
}
a img {
	border: none;
}
#container {
	margin: 0 auto;
	text-align: left;
	width: 760px;
}
.klein {
	font-size: 9px;
	font-style: italic;
	text-transform: none;
}
#abstand {
	width: 100%;
	height: 30px;
}
#mainmenu {
	width: 100%;
	background: url(img/hgmenu.gif) no-repeat bottom left;
	height: 47px;
}
li.mainact a {
	color: #EB6B39;
}
li.mainact ul li a {
	color: #333333;
}
li.subact a {
	color: #EB6B39 !important;
}
#cssMenu1 {
	padding-left: 30px;
	padding-top: 15px;
}
#header {
	width: 100%;
	background: url(img/hgheader.jpg) no-repeat top left;
	height: 295px;
}
#portrait #header {
	width: 100%;
	background: url(img/hgheader1.jpg) no-repeat top left;
	height: 295px;
}
/* portrait und presse sind das gleiche */

#presse #header {
	width: 100%;
	background: url(img/hgheader1.jpg) no-repeat top left;
	height: 295px;
}
#angebot #header {
	width: 100%;
	background: url(img/hgheader9.jpg) no-repeat top left;
	height: 295px;
}
#news #header {
	width: 100%;
	background: url(img/hgheader11.jpg) no-repeat top left;
	height: 295px;
}
#home #header, #standort #header {
	width: 100%;
	background: url(img/hgheader8.jpg) no-repeat top left;
	height: 295px;
}
#home #rechts p {
	margin: 0px;
	padding: 0px;
	margin-bottom: 4px;
}
#link #header {
	width: 100%;
	background: url(img/hgheader3.jpg) no-repeat top left;
	height: 295px;
}
#kontakt #header {
	width: 100%;
	background: url(img/hgheader10.jpg) no-repeat top left;
	height: 295px;
}
#impressum #header {
	width: 100%;
	background: url(img/hgheader5.jpg) no-repeat top left;
	height: 295px;
}
#anmeldung #header {
	width: 100%;
	background: url(img/hgheader10.jpg) no-repeat top left;
	height: 295px;
}
#probelektion #header {
	width: 100%;
	background: url(img/hgheader11.jpg) no-repeat top left;
	height: 295px;
}
#haederinner {
	padding: 0px 35px;
}
#logo {
	height: 85px;
}
#logo h1 {
	display: none;
}
#bild {
	height: 160px;
}
#bild h2 {
	display: none;
}
#box {
	height: 50px;
	color: #FFFFFF;
}
#boxinner {
	text-align: center;
	margin: 0px;
	padding: 0px;
	margin-top: 12px;
	font-size: 10px;
	text-transform: uppercase;
	color: #FFFFFF;
}
#portrait #boxinner {
	margin-top: 8px;
}
/* portrait und presse sind das gleiche */

#presse #boxinner {
	margin-top: 8px;
}
#news #boxinner {
	margin-top: 8px;
}
#inhalt {
	width: 100%;
	background: url(img/hginhalt.gif) repeat-y top left;
	text-align: left;
}
#inhaltinner {
	padding: 0px 42px;
	padding-bottom: 10px;
	margin: 0px;
}
#inhaltinner ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#inhaltinner ul li {
	list-style: none;
	height: auto !important;
	height: 1px;
	padding: 0px 0px 0px 12px;
	margin-bottom: 6px;
	background: url(img/listenpunkt.gif) no-repeat 0 0;
}
#footerouter {
	height: 58px;
	width: 100%;
	background: url(img/hgfooter.gif) no-repeat top left;
}
#footerinner {
	padding: 0px 40px;
	padding-top: 5px;
	font-size: 9px;
	color: #C0C0C0;
	text-align: center;
}
#footerinner a {
	font-size: 9px;
	color: #C0C0C0;
	text-decoration: none;
}
#footerinner a:hover {
	font-size: 9px;
	color: #666666;
	text-decoration: none;
}
#links {
	float: left;
	width: 320px;
}
#news #links {
	float: left;
	width: 470px;
}
#presse #links {
	float: left;
	width: 380px;
}
#rechts {
	float: right;
	width: 320px;
	padding-top: 35px;
}
#news #rechts {
	float: right;
	width: 170px;
	padding-top: 35px;
}
#presse #rechts {
	float: right;
	width: 260px;
	padding-top: 35px;
}
#standort #rechts {
	width: 160px;
}
#standort #links {
	width: 480px;
}
.clear {
	clear: both;
}
/* Anpassungen Typo3 */

table p {
	padding: 0;
	margin: 0;
}

#portrait .csc-textpic-imagewrap {
	padding: 20px;
	background: url(img/portraitbildhg.gif) no-repeat top left;
	width: 200px;
	height: 241px;
}

.Stil1 {
	color: #EA6A38;
	font-weight: bold;
}
.infoBox {
	border: 1px solid #CCCCCC;
	padding: 8px;
	background-color: #F5F5F5;
	color: #000000;
}
.orange {
	color: #EA6A38;
	font-weight: bold;
}
.contenttable p {
	padding: 0px;
	margin: 0px;
}
/* Test */

.imageholder IMG {
	BORDER-RIGHT: #fff 13px solid;
	BORDER-TOP: #fff 13px solid;
	DISPLAY: block;
	BORDER-LEFT: #fff 13px solid;
	BORDER-BOTTOM: #fff 13px solid
}
.imageholder SPAN {
	DISPLAY: block;
	BACKGROUND: url(img/imgmask.png) no-repeat;
	WIDTH: 180px;
	POSITION: absolute;
	HEIGHT: 188px
}
.dojoTabPaneWrapper {
	padding : 10px 10px 10px 10px;
}