/****************************************************************************************************
 * HTML Tags �berschreiben - Start
 **/
 
* {
	padding: 0;
	margin: 0;
}

body {
	background-color: #FFF;
	color: #000;
	width: 100%;
	height: 100%;
	text-align: left;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
}

a {
	color: #cd0928;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

b, strong {
	font-weight: bold;
}

img {
	border: none;
}

p {
	margin-bottom: 10px;
}

ul {
	display: block;
	list-style: none;
}

h1 {
	font-size: 22px;
	font-weight: normal;
	color: #cd0928;
	line-height: 1.3em;
	margin-bottom: 15px;
}

h2 {
	font-size: 15px;
	font-weight: bold;
	color: #cd0928;
	line-height: 1.2em;
	margin-bottom: 10px;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	color: #cd0928;
	line-height: 14px;
	padding-bottom: 5px;
}

h4 {
	background-color: #AAC7E9;
	font-size: 11px;
	font-weight: bold;
	color: #cd0928;
	line-height: 21px;
	height: 21px;
	margin-bottom: 20px;
	padding-left: 5px;
	text-transform: uppercase;
}

h5 {
	border-bottom: 1px solid #AAC7E9;
	color: #cd0928;
	display: block;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	margin-bottom: 10px;
	margin-top: 20px;
	padding-bottom: 2px;
	text-transform: uppercase;

}

/**
 * HTML Tags �berschreiben - Ende
 ****************************************************************************************************/
/*****************************************************************************************************
 * Typo3 Klassen �berschreiben - Start
 **/
 
	/* Add margin from image-block to text (in case of "Text w/ images") */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-right: 20px !important;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: 20px !important;
	}
	div#content div.csc-textpic-left div.csc-textpic-imagewrap .csc-textpic-image {
		margin-right: 20px !important;
	} 
	/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 0px; display: block; }
	
	.csc-textpic-caption { color:#9c9d9f; }

/**
 * Typo3 Klassen �berschreiben - Ende
 ****************************************************************************************************/ 
/****************************************************************************************************
 * Seitenaufbau - Start
 **/
 
#container {
	width: 958px;
	margin: auto;
	text-align: left;
	background-color: #FFF;
}

#top {
	height: 112px;
}

#topLeft {
	float: left;
	width: 215px;
	height: 110px;
}

#topRight {
	float: right;
	width: 738px;
	height: 110px;
	padding: 2px 0 0 5px;
}

#visuals {
	height: 210px;
	overflow: hidden;
}

#contentContainer {
	padding: 20px 10px 20px 10px;
}

#contentLeft {
	float: left;
	width: 190px;
	margin: 10px 20px 10px 10px;
}

#content {
	position: relative;
	margin: 4px 210px 20px 210px;
}

#contentPad {
	padding-left: 20px;
	padding-right: 20px;
}

#contentPad ul {
	list-style: none;
	padding-top: 10px;
}

#contentPad ul ul {
	margin-bottom: -10px;
}

#contentPad li {
	color: #4b4b4d;
	padding-bottom: 10px;
	padding-left: 17px;
	background-image: url(/fileadmin/images/bullet.png);
	background-repeat: no-repeat;
	background-position: left 5px;
}

#contentRight {
	float: right;
	width: 190px;
	margin: 10px 10px 10px 20px;
}

.clearer {
	clear: both;
}

.cwrap {
	width: 100%;
	overflow: hidden;
}


/**
 * Seitenaufbau - Ende
 ****************************************************************************************************/
 
 
 
 /****************************************************************************************************
 * Men� - Start
 **/
 
.menu-h li {
	float: left;
	list-style-type: none;
}

.menu-h a {
	text-decoration: none;
	display: block;
}

.menu-h .menuItem li {
	float: none;
}

.menu-h .dropdown { 
	display: none;
}

.menu-h li:hover .dropdown { 
	display: block;
}

#menuBar { 
	width: 958px;
	height: 30px;
	background-color: #6D6A6B;
	border-bottom: 2px solid #FFF;
	z-index: 100;
}

#menuBar li { 
	border-right:1px solid #FFF;
	height: 30px;
	line-height: 30px;
}

#menuBar li a {
	color: #fff;
	background-color: #6D6A6B;
	padding: 0 15px 0 15px;
	font-style: normal;
	font-size: 14px;
	font-weight: bold;
	height: 100%;
	z-index: 1000;
}

#menuBar li.first a {
	padding-left: 38px;
}

#menuBar li:hover a,
#menuBar li a:hover,
#menuBar li.active a {
	background-color:#BE303E;
}

/**********
 * Men�punkte
 **********/

#menuBar li.active .menuItem,
#menuBar li .menuItem {
	color: #6D6A6B;
	background-color: #f1f1f2;
 	white-space: nowrap;
	position: absolute;
	font-size: 12px;
	list-style: none;
	margin: 0 0 0 -1px;
	border: 2px solid #FFF;
	z-index: 100;
}

#menuBar li .menuItem li {
	border: 0;
	border-bottom: 1px solid #FFF;
	height: 25px;
	line-height: 25px;
	*width: 15em;
	background-color: #f1f1f2;
}

#menuBar li .menuItem li.last { 
	border: 0;
}

#menuBar li .menuItem li a {
	color: #6D6A6B;
	background-color: #F1F1F2;
	padding: 0 29px 0 19px;
	font-size: 12px;
	font-weight: normal;
	*display: block;
}

#menuBar li .menuItem li:hover a,
#menuBar li .menuItem li a:hover,
#menuBar li .menuItem li.active a {
	color:#FEFEFE;
	background-color:#BE303E;
}

/**
 * Men� - Ende
 ****************************************************************************************************/
 /****************************************************************************************************
 * Navigation - Start
 **/
 
.menu-v li { 
	list-style-type: none;
}

.menu-v a {
	text-decoration: none;
	display: block;
}

#naviBar { 
	background-color: transparent;
}

#naviBar li { 
	list-style: none;
	border-bottom: 3px solid #FFF;
	background-color: #D4D4D4;
}

/*
#naviBar li.last { 
	border: 0;
}
*/
	
#naviBar li a {
	color: #6D6A6B;
	background-color: #f1f1f2;
	padding: 0 15px 0 15px;
	display: block;
	height: 30px;
	line-height: 30px;
	border-left: 1px solid #FFF;
	margin-left: 15px;
	font-style: normal;
	font-size: 12px;
}

#naviBar li.active,
#naviBar li:hover a,
#naviBar li a:hover {
	color: #FFF;
	background-color: #BE303E;
}

/**
 * Navigation - Ende
 ****************************************************************************************************/
/****************************************************************************************************
 * Footer - Start
 **/
  
#footer {
	background-color: #D4D4D4;
	font-size: 11px;
	line-height: 11px;
	text-align: center;
	height: 40px;
}

#footer ul li a {
	color: #7b7979;
}

#footer ul {
	padding-top: 12px;
	list-style-type: none;
}

#footer ul li {
	display: inline;
	padding: 0 5px 0 5px;
	border-right: 1px solid #7b7979;
}

#footer ul li.last {
	border-right: none;
}

/**
 * Footer - Ende
 ****************************************************************************************************/
/****************************************************************************************************
 * Logo - Start
 **/

#logo {
	padding: 9px 0 0 14px;
}

#slideshow {
	float: right;
	clear: both;
}


/**
 * Logo - Ende
 ****************************************************************************************************/
/****************************************************************************************************
 * Sprachen - Start
 **/

#languages {
	float: right;
	padding: 2px 14px 0 0;
}

#languages ul {
	list-style-type: none;
}

#languages ul li {
	display: inline;
	padding: 0 5px 0 5px;
	border-right: 1px solid #9c9d9f;
}

#languages ul li.last {
	border-right: none;
}

#languages ul li a {
	color: #9c9d9f;
	font-size: 12px;
}

/**
 * Sprachen - Ende
 ****************************************************************************************************/
/****************************************************************************************************
 * Sitemap - Start
 **/


#contentPad .tx-flseositemap-pi1 a {
	font-size: 14px;
	font-weight: bold;
	color: #6D6A6B;
}

#contentPad .tx-flseositemap-pi1 li {
	background-image: none;
	padding-bottom: 10px;
}

#contentPad .tx-flseositemap-pi1 li li {
	background-image: none;
	padding-bottom: 2px;
}

#contentPad .tx-flseositemap-pi1 li li a {
	font-weight: normal;
}

#contentPad .tx-flseositemap-pi1 a:hover {
	color: #BE303E;
}
 
#contentPad .tx-flseositemap-pi1 ul {
	display: list-item;
	list-style-position: inside;
}

#contentPad .tx-flseositemap-pi1 ul ul {
	padding-left: 25px;
}


/**
 * Sitemap - Ende
 ****************************************************************************************************/
/****************************************************************************************************
 * Boxen - Start
 **/

.redHeaderBox {
	background-color:#F1F1F2;
	padding-bottom: 5px;
	margin-bottom: 35px;
}

.redHeaderBox h1 {
	font-size: 14px;
	font-weight: bold;
	background-color: #BE303E;
	color: #FFF;
	line-height: 1.3em;
	padding: 8px 10px 5px 10px;
	margin-bottom: 0
}

.redHeaderBox h2 {
	font-size: 12px;
	font-weight: bold;
	color: #4B4B4B;
	padding: 14px 14px 0px 14px;
	margin-bottom: 0
}

.redHeaderBox p {
	padding: 5px 14px 0px 14px;
}

.redHeaderBox li {
	padding: 5px 14px 0px 19px;
}

.redHeaderBox div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom: 5px;
}

.grayHeaderBox {
	background-color: #F1F1F2;
	padding-bottom: 5px;
	margin-bottom: 35px;
}

.grayHeaderBox h1 {
	font-size: 14px;
	font-weight: bold;
	background-color: #686566;
	color: #FFF;
	line-height: 1.3em;
	padding: 8px 10px 5px 10px;
	margin-bottom: 8px;
}

.grayHeaderBox b {
	font-size: 12px;
	font-weight: bold;
	color: #4B4B4B;
	margin-bottom: 0
}

.grayHeaderBox p {
	padding: 2px 14px 0px 14px;
}

.grayHeaderBox div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom: 5px;
	width: 190px;
}

.grayLine {
	margin:20px 0px 20px 0px;
	border-bottom:2px solid #EDECED;
}

/**
 * Boxen - Ende
 ****************************************************************************************************/
/****************************************************************************************************
 * Buttons - Start
 **/
    
.redButton {
	background-image:url(/fileadmin/images/redButtonRight.png);
	background-repeat:no-repeat;
	background-position:right top;
	float:left;
	height:19px;
	padding-right:0px;
}

.redButton a.internal-link {
	background-color:#be303e;
	background-image: url(/fileadmin/images/redButtonLeft.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding-left: 25px;
	padding-right: 10px;
	padding-top: 3px;
	display: block;
	height: 19px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: 700;
	font-size: 10px;
	white-space: nowrap;
}

.redButton:hover {
	background-image: url(/fileadmin/images/redButtonRight.png);
	background-repeat: no-repeat;
	background-position:right top;
}

.redButton a.internal-link:hover {
	background-image: url(/fileadmin/images/redButtonLeft.png);
	background-repeat: no-repeat;
	background-position:left top;
	text-decoration: none;
}

/**
 * Buttons - Ende
 ****************************************************************************************************/
/****************************************************************************************************
 * Mailform - Start
 **/

fieldset {
	margin-top: 20px;
}

.mail-fieldset {
	padding: 20px;
}

.mail-legend {
	font-size: 14px;
	font-weight: bold;
	color: #cd0928;
	margin-left: 20px;
	padding-bottom: 5px;
}

.mail-key {
	width: 120px;
	float: left;
	padding: 2px 10px 2px 0;
}

.mail-value {
	padding: 2px 2px 2px 2px;
}

.mail-value-nobreak {
	padding: 2px 5px 2px 0px;
	float: left;
}

.mail-error {
	color: #cd0928;
	padding: 5px 10px 15px 130px;
}

.mail-required {
	color: #cd0928;
}

.mail-submit {
	padding: 10px 10px 10px 130px;
}

/**
 * Mailform - Ende
 ****************************************************************************************************/
/****************************************************************************************************
 * Googlemap - Start
 **/

#map {
	width: 470px;
	height: 400px;
	border: 1px solid #908C8B;
}

#map div {
	color: #000000;
}

/**
 * Googlemap - Ende
 ****************************************************************************************************/