/* CSS | CCB-Mobile | Autor: Sebastian Tkaczuk */

/*
** Allgemein
*/

* {
	margin:0;
	padding:0;}
	
html {
	overflow-y:scroll;}
	
body {
	background-image:url(/images/design/windowBg.png);
	background-repeat:repeat-x;
	color:#000;
	font-size:11pt;
	font-family:verdana, arial;}
	
.small {
	font-size:8pt;}
	
.red {
	color:#f00;}
	
a {
	text-decoration:none;
	color:#db1a1a;}
	
	a:hover, a:visited:hover {
		color:#000;}
		
img {
	border:0;}
	
img.border {
	border:1px solid #aaa;}
		
a.more {
	float:right;
	font-size:10pt;}
		
.clear {
	height:1px;
	clear:both;}
	
.clear0 {
	clear:both;}
	
div.hr {
	clear:both;
	height:1px;
	background-color:#aaa;
	margin:10px 0px;}
	
h1 {
	display:block;
	font-size:14pt;
	font-weight:bold;
	margin-bottom:4px;}
	
h2 {
	font-size:11pt;
	font-weight:bold;
	margin-bottom:4px;}
	
p {
	display:block;
	height:4px;}
	
ul {
	list-style-type:disc;}
ul.decimal {
	list-style-type:decimal;
	margin-left:10px;}
ul.circle {
	list-style-type:circle;}
	
li {
	margin:8px 0px 8px 18px;}


/*
** Layout
*/

#master {
	margin:0px auto;
	width:900px;
	position:relative;}
	
	#pageMain {
		background-image:url(/images/design/bg.png);
		background-repeat:repeat-y;}
	
		#top {
			width:880px;
			margin-left:10px;
			height:45px;
			background-color:#db1a1a;
			color:#000;
			font-size:10pt;}
			
			#topInfo {
				float:left;
				margin:14px 0px 0px 14px;}
				
				#topInfo a {
					color:#000;}
			
			#topNav {
				float:right;
				margin:14px 14px 0px 0px;}
				
				#topNav a {
					color:#000;
					float:left;}
				#topNav a:hover, #topNav a:visited:hover {
					color:#fff;}
					
				#topNav span.navSplit {
					display:block;
					margin:0px 8px;
					float:left;
					width:1px;
					height:17px;
					background-color:#000;}
			
		#header {
			position:relative;
			width:880px;
			margin-left:10px;
			height:220px;}
			
			#headerGallery {
				position:relative;
				width:880px;
				height:220px;
			}
			
				#headerGallery img {
					position:absolute;
					top:0px;
					left:0px;
					z-index:0;
				}
			
			#logo {
				position:absolute;
				left:30px;
				top:30px;
				width:234px;
				height:101px;
				background-image:url(/images/design/logo.png);
				z-index:88;}
				
				#logo div {
					position:absolute;
					top:109px;
					left:0px;
					width:234px;
					padding:3px;
					font-weight:bold;}
					
			#headerContact {
				position:absolute;
				right:5px;
				bottom:5px;
				width:297px;
				height:49px;
				background-image:url(/images/design/headerContact.png);
				z-index:89;}
			
		#navigation {
			width:880px;
			margin-left:10px;
			height:45px;
			background-image:url(/images/design/navBg.jpg);
			background-repeat:repeat-x;
			background-position:top;
			color:#000;
			font-size:13pt;}
			
			#navigation a {
				float:left;
				display:block;
				height:45px;
				line-height:45px;
				width:146px;
				color:#fff;
				text-align:center;
				border-right:1px solid #db1a1a;
				background-image:url(/images/design/navBg.jpg);
				background-repeat:repeat-x;
				background-position:top;}
			#navigation a.last, #navigation a.lastnow {
				border-right-width:0;
				width:145px;}
			#navigation a.now, #navigation a.lastnow {
				background-position:bottom;}
			#navigation a:hover, #navigation a:visited:hover {
				background-image:url(/images/design/navBg.jpg);
				background-position:bottom;}
			
			/*
			#navigation span.navSplit {
				display:block;
				margin:0px 15px;
				float:left;
				width:1px;
				height:23px;
				background-color:#000;}
			*/
			
		#content {
			width:880px;
			margin-left:10px;}
			
			/*
			 * Dreispalten Layout mit Navigation
			 * Navigation | Inhalte | Marginalspalte
			 */
			
			#col3nav {
				background-image:url(/images/design/col3nav.jpg);}
				
				#col3nav div.ca {
					width:200px;
					float:left;
					padding:12px 5px 12px 5px;
					text-align:left;}
					
					#col3nav div.ca a {
						display:block;
						margin-bottom:6px;}
						
					#col3nav div.ca a.now {
						color:#000;}
					
				#col3nav div.cb {
					float:left;
					width:456px;
					padding:12px;}
					
				#col3nav div.cc {
					float:left;
					width:180px;
					padding:5px;
					text-align:center;}
					
					#col3nav div.cc img {
						margin:5px auto;
						border:1px solid #aaa;}
						
			/*
			 * Zweispalten Layout mit Navigation
			 * Navigation | Inhalte
			 */
			
			#col2nav {
				background-image:url(/images/design/col2nav.jpg);}
				
				#col2nav div.ca {
					width:200px;
					float:left;
					padding:12px 5px 12px 5px;
					text-align:left;}
					
					#col2nav div.ca a {
						display:block;
						margin-bottom:6px;}
						
					#col2nav div.ca a.now {
						color:#000;}
					
				#col2nav div.cb {
					float:left;
					width:646px;
					padding:12px;}
					
			/*
			 * Dreispalten Layout ohne Navigation
			 * Marginalspalte | Inhalte | Marginalspalte
			 */
			
			#col3 {
				background-image:url(/images/design/col3.jpg);}
			
				#col3 div.ca {
					width:240px;
					float:left;
					padding:5px;
					text-align:center;}
					
					#col3 div.ca img, #col3 div.cbGallery img, #col3 div.cc img {
						margin:5px auto;
						border:1px solid #aaa;}
					
				#col3 div.cb {
					float:left;
					width:356px;
					padding:12px;}
				#col3 div.cbGallery {
					float:left;
					width:370px;
					padding:5px;
					text-align:center;}
				#col3 div.cc {
					float:left;
					width:240px;
					padding:5px;
					text-align:center;}
					
			/*
			 * Zweispalten Layout ohne Navigation, Inhalte links
			 * Inhalte | Marginalspalte
			 */
					
			#col2left {
				background-image:url(/images/design/col2left.jpg);}
			
				#col2left div.ca {
					width:666px;
					float:left;
					padding:12px;}
					
				#col2left div.cb {
					float:left;
					width:180px;
					padding:5px;
					text-align:center;}
					
					#col2left div.cb img {
						margin:5px auto;
						border:1px solid #aaa;}
						
			/*
			 * Team Tabelle
			 */
			 
			div.team {}
				
				div.team img {
					border:1px solid #aaa;}
					
				div.team div.name {
					margin-top:10px;
					font-size:10pt;}
					
				div.team div.functions {
					margin-top:5px;
					font-size:8pt;}
				
				div.team5 {
					float:left;
					width:125px;
					padding-left:4px;}
					
				div.team6 {
					float:left;
					width:104px;
					padding-left:3px;}
					
			div.teamData {
				margin-top:10px;
				font-size:8pt;}
				
						
			
			div.linkBox {
				position:relative;
				border-bottom:1px solid #aaa;
				margin-top:12px;}
				
				div.linkBox a.linkBoxText {
					display:block;
					font-size:10pt;
					margin-right:105px;
					color:#000;}
					
				div.linkBox a.linkBoxMore {
					position:absolute;
					bottom:1px;
					right:107px;
					font-size:10pt;}
				
				div.linkBox a.linkBoxImage {
					position:absolute;
					right:0px;
					bottom:0px;}
					
				div.linkBox a.linkBoxImage img {
					border-style:solid;
					border-color:#aaa;
					border-width:1px 1px 0px 1px;}
					
					
			div.infoBox {
				display:inline-block;
				width:310px;
				margin:5px;
				position:relative;
				border-bottom:1px solid #aaa;
			}
			
				div.infoBox a.infoBoxImage {
					float:left;
					margin-right:5px;
				}
				
				div.infoBox div.infoBoxText {
					display:block;
					font-size:10pt;
					color:#000;
				}
				
				div.infoBox div.infoBoxDetails {
					display:none;
					font-size:10pt;
					color:#000;
					overflow:hidden;
				}
					
				div.infoBox a.infoBoxMore {
					position:absolute;
					bottom:1px;
					right:3px;
					font-size:10pt;
				}
				
				div.infoBox a.infoBoxImage img {
					border-style:solid;
					border-color:#aaa;
					border-width:1px 1px 1px 1px;
				}
				
				
			/*
			 * Formulare
			 */
			
			table.form input, table.form textarea {
				margin:1px;
			}
			
			table.form input.text,
			table.form select {
				width:200px;
				font-size:12pt;
			}
			
			table.form textarea {
				width:330px;
				height:100px;
			}
			
			table.form input.submit {
				float:right;
			}
					
	#pageEnd {
		}
		
		#footer {
			background-image:url(/images/design/footer.png);
			height:62px;}
			
		#bottom {
			text-align:center;
			font-size:8pt;
			margin-bottom:2px;
			color:#999;}
			
			#bottom a {
				color:#bbb;}

.iubenda_legal_document p {
	height: auto !important;
	padding-bottom: 3px;
}
/*
h1 {
	display:block;
	font-size:14pt;
	font-weight:bold;
	margin-bottom:4px;}

h2 {
	font-size:11pt;
	font-weight:bold;
	margin-bottom:4px;}
	*/

.iubenda_legal_document h1 {
	font-size:14pt;
	margin-top: 20px;
}
.iubenda_legal_document h2 {
	font-size:13pt;
	margin-top: 16px;
}
.iubenda_legal_document h3 {
	font-size:12pt;
	margin-top: 12px;
}
.iubenda_legal_document h4 {
	font-size:11pt;
	margin-top: 8px;
}
.iubenda_legal_document h5 {
	margin-top: 4px;
}