/*(c)11.2011 BaseStyles auf Basis der HTML5 BoilerPlate, com2 Gmbh TN, www.com-com.com v1.24 */
/* tn 14.06.2011 Anker animations, 20.07. no resize, 25.07. autoClicks, 29.08. hyphenation  */




/*======================= RESET ================================*/

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,b, i,
dl, dt, dd, ol, ul, li, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	 margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; 
	 vertical-align: baseline; background: transparent;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; } /* tables still need cellspacing="0" in the markup */

hr, .cssForm hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }
/* END RESET CSS */


/* fonts.css from the YUI Library: developer.yahoo.com/yui/
   Refer to developer.yahoo.com/yui/3/cssfonts/ for font sizing percentages

  There are three custom edits:
   * remove arial, helvetica from explicit font stack
   * we normalize monospace styles ourselves
   * table font-size is reset in the HTML5 reset above so there is no need to repeat
*/
body { font:13px/1.231 sans-serif; *font-size:small; background: #efefef; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } /* hack retained to preserve specificity */
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; } /* normalize monospace sizing */

body{ background: #fff url(../images/chrome/dotbg.jpg) 50% 0 no-repeat fixed;  }
body.blueStyle { background-image: url(../images/chrome/dotbgBlue.jpg); }
body.greenStyle { background-image: url(../images/chrome/dotbgGreen.jpg); }
 
/*======================= minimal base styles  ================================*/

body, select, input, textarea { 
	font-family: Calibri, Helvetica, Arial, sans-serif;
  	color: #444; /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ 
  	/*font-size-adjust: 0.466;*/
  /* set your base font here, to apply evenly */
}

html { overflow-y: scroll; } /* always force a scrollbar in non-IE */ 

/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:link, a:visited, a:hover, a:active, a:focus  { outline: none; }

a, a:link, a:visited, .js .autoClickable { color: #4095f5; 
	-webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out, opacity 0.2s ease-out;
	-moz-transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out, opacity 0.2s ease-out;
	-o-transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out, opacity 0.2s ease-out;
	-ms-transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out, opacity 0.2s ease-out;
	transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out, opacity 0.2s ease-out;
	cursor: pointer;
}
a:hover, a:active, a:focus { color: #4095f5; }
a:link { -webkit-tap-highlight-color: #fed42f; } /*  j.mp/webkit-tap-highlight-color */

.js .autoClickable:hover { background-color: #fafafa; background-color: rgba(0,0,0,0.03); } /*per js werden bereiche klickbar gemacht*/


ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }

nav ul, nav li { margin: 0; }  /* Remove margins for navigation lists */

small { font-size: 85%; }
strong, th { font-weight: bold; }
th {text-align: left; font-weight: bold; }
img {border:none;}
em.highlighted { color: #fea121; }

td, td img { vertical-align: top; empty-cells: show;  } 

sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

pre { 
  padding: 15px; 
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}
.ie7 img { -ms-interpolation-mode: bicubic; } /* bicubic resizing for non-native sized IMG: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
p, ol, ul { margin-bottom: 1.5em; }


/*======================= FORMS ================================*/

textarea { overflow: auto; resize: none; } /* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
.ie6 legend, .ie7 legend { margin-left: -7px; } /* thnx ivannikolic! */

/* align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; } /* hand cursor on clickable input elements */
button, input, select, textarea { margin: 0; } /* webkit browsers add a 2px margin outside the chrome of form elements */  

/* colors for form validity */
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { 
      border-radius: 1px;
    -moz-box-shadow: 0px 0px 5px red; 
 -webkit-box-shadow: 0px 0px 5px red; 
         box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid { background-color: #f0dddd; }

/* These selection declarations have to be separate. No text-shadow: twitter.com/miketaylr/status/12228805301  */
::-moz-selection{ background: #fed42f; color:#fff; text-shadow: none; color: #000; }
::selection { background:#fed42f; color:#fff; text-shadow: none;  color: #000; } 

button, input[type=submit], input[type=reset], input[type=button] {  width: auto; overflow: visible; } /* make buttons play nice in IE:   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */

/*~~ STANDARD CLASSES & Styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.small { /*||title-de:klein||title-en:small||desc-de:Kleinere Schriftdarstellung||desc-en:Smaller Fontsize*/ font-size: .8em;}
.bildText { /*||title-de:Bildtext||title-en:ImageText||desc-de:Schrift unterhalb von Grafiken||desc-en:Font underneath images*/ font-size: .8em; color: #cbcbcb;}

img.right{ /*||title-de:Rechts ausgerichtet||title-en:Right aligned||desc-de:Ausrichtung von Bildern rechts neben dem Text||desc-en:Image align right beside the text*/ float: right; margin: 0 0 5px 5px; }
img.left{ /*||title-de:Links ausgerichtet||title-en:Left aligned||desc-de:Ausrichtung von Bildern links neben dem Text||desc-en:Image align left beside the text*/  float: left; margin: 0 5px 5px 0; }

.cmsColor01 { /*||title-de:Orange||title-en:Orange*/ color: #fea121; }
.cmsColor02 { /*||title-de:Blau||title-en:Blue*/ color: #4095f5; }

/*======================= Non-semantic helper classes  ================================*/

.hidden { display: none; visibility: hidden; } /* Hide for both screenreaders and browsers css-discuss.incutio.com/wiki/Screenreader_Visibility */
.visuallyhidden { position: absolute !important;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); } /* Hide only visually, but have it available for screenreaders www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden  */
.invisible { visibility: hidden; } /* Hide visually and from screenreaders, but maintain layout */

/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; } 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; } /* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */

/*======================= TABELLEN  ================================*/

	
/*~~ TABELLEN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
td.noWrap, th.noWrap { /*||hide:true*/ white-space: nowrap; }

/* OPTIC1 standard - nur abstände und ausrichtung werden optimiert*/
table.optic1 td, table.optic1 th {/*||title-de:Tabellenoptik 1||title-en:Tableoptic 1*/ padding: 3px; vertical-align: top; }

/* OPTIC2 */
table.optic2 { /*||title-de:Tabellenoptik 2||title-en:Tableoptic 2*/ border: 2px solid #c9e7ff; width: 100%; font-size: 14px; }

table.optic2 td, table.optic2 th {/*||title-de:Tabellenoptik 2||title-en:Tableoptic 2*/ padding: 6px; vertical-align: top; text-align:left; }

table.optic2 th { background-color: #4095f5; color:#fff; }

table.optic2 tr.alternate, table.optic2 td.alternate { /*||title-de:Liste Alt. Zellfarbe||title-en:Alt. cellcolor*/ background-color: #f6f4f4; }

table.optic2 tr.highlighted, table.optic2 td.highlighted { /*||title-de:Hervorgehoben||title-en:Highlighted*/ background-color: #fbe99f; font-weight:bold; color:#635752; }

table.optic2 th.highlighted { /*||title-de:Hervorgehoben||title-en:Highlighted*/ background-color: #fec145; font-weight:bolder; color:#635752; }

/* OPTIC3 - Sponsoren*/ 
table.optic3 { /*||title-de:Tabellenoptik 3||title-en:Tableoptic 3*/}
	table.optic3 td { padding: 15px 0; border-bottom: 1px solid #c9e7ff; }

/* OPTIC3 - Square*/ 
table.optic4 { /*||title-de:Tabellenoptik 4||title-en:Tableoptic 4*/ border: 2px solid #feab05; background: #f4efe3; }
	table.optic4 th { padding: 5px; color: #e98800; font-size: 1.1em; }
	table.optic4 td { padding: 5px;  }




#ie6RIP, #pageHint {
	/*page infolayer v1 - 19.04.2010 tn*/
	background: InfoBackground url("http://www.com-com.com/images/chrome/ie6Error.png") 10px 50% no-repeat;
	color: InfoText;
	border-bottom: 1px solid ThreedShadow; border-top: 1px solid #fff;
	padding: 8px 8px 8px 38px;
	font-size: 11px;	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
	#ie6RIP a, #pageHint a { color: #000 !important; text-decoration: underline !important; }

/*======================= HEADLINES ================================*/

h1 { margin: 0; padding: 0; display: inline; font-weight: normal; font-size: 21px;  font-family: 'OfficinaSansITC Bold OS', 'OfficinaSansITCW01-Bold'; }
h2, legend {margin: 0 0 18px; font-size: 1.7em; color: #fea121; font-weight: normal; font-family:'OfficinaSansITC Bold OS', 'OfficinaSansITCW01-Bold';}
h3 {font-size: 1.4em; color: #fea121; margin: 0 0 10px; padding: 0; font-weight: normal; font-family:'OfficinaSansITC Bold OS', 'OfficinaSansITCW01-Bold'; }
	h3 em { font-weight: normal !important; font-style: normal; font-size: 14px; }
h4 {font-size: 1.1em; font-weight: normal; color: #847970; margin: 0 0 5px; padding: 0; line-height: 110%; font-family:'OfficinaSansITC Bold OS', 'OfficinaSansITCW01-Bold'; }


/*======================= Links ================================*/


/*~###################################################################################################
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                         								LAYOUT
----------------------------------------------------------------------------------------------------*/								
/*Beispiel:*/ /*||hide:true||title-de:klein||title-en:small||desc-de:Kleinere Schriftdarstellung||desc-en:Smaller Fontsize*/


#minWidth {
	max-width: 1062px;
	min-width: 987px;
	margin: 16px auto; position: relative; 
}
#head { position: absolute; top: 0; left: 50%;  z-index: 2; width: 987px; margin-left: -493px; }
	h1 { color: #4095f5; line-height: 110%; }
		h1 img, h1 span { float: left; margin-right: 3px; }
	
	/*-------------- FuncNav ---------------*/	
	#func { padding: 0; margin: 0; list-style: none; float: right; }
		#func li { padding: 0; margin: 0; list-style: none; display: inline; }
			#func a:link, #func a:visited, #func a:hover, #func a:active { float: left; margin: 0 3px 0 0; text-decoration: none; }
			#func a.active:link, #func a.active:visited, #func a.active:hover, #func a.active:active { font-weight: bold; color: #444; }
			#func a:hover, #func a:active { color: #444;}
			#func a:before { content: " • "; color: #aed1fb; }
			#func li:first-child a:before { content: "";}

	/*-------------- MainTabs ---------------*/		
	#mainTabs { 
		padding: 0; margin: 0 -15px 0 0; list-style: none; 
		position: absolute; bottom: 23px; right: 0; overflow: hidden; 
		padding-top: 15px; height: 62px; width: 600px; 
	}
	
	
	.ie7 #mainTabs, .ie8 #mainTabs {  bottom: 22px; }
		#mainTabs li{ padding: 0; margin: 0; list-style: none; display: inline;	}
			#mainTabs li#id132 a { z-index: 4; right: 299px; padding-left: 0; padding-right: 50px; background-color: #fea121; }
			#mainTabs li#id132 a:hover, #mainTabs li#id132 a:active { background-color: #fe8c00; }
			#mainTabs li#id134 a { z-index: 5; right: 132px; padding-right: 50px; padding-left: 0; }
			#mainTabs li#id132.active + li#id134 a { right: 182px; padding-right: 0; padding-left: 50px; }
			#mainTabs li#id133 a { z-index: 6; right: 15px; padding-right: 0; background-color: #81d003; }
			#mainTabs li#id132.active ~ li#id133 a { z-index: 4;}
			#mainTabs li#id133 a:hover, #mainTabs li#id133 a:active { background-color: #76be03; }
			
			#mainTabs li#id132.active a { padding-right: 0; right: 349px; color: #fe9a11; }
			#mainTabs li#id134.active a { right: 182px; padding-right: 0; }
			#mainTabs li#id133.active a { right: 15px; background-color: #81d003; color: #81d003; }

			#mainTabs li a:link, #mainTabs li a:visited, #mainTabs li a:hover, #mainTabs li a:active {
				position:absolute; top: 15px; 
				margin: 2px 0 0 0; padding: 6px 0 0 50px;
				-moz-border-radius: 20px 20px 0 0; -webkit-border-radius: 20px 20px 0 0; -khtml-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0;
				height: 50px; width: 152px; text-align: center; font-weight: normal; font-size: 21px; font-family:'OfficinaSansITC Bold OS', 'OfficinaSansITCW01-Bold';
				color: #fff; text-decoration: none; line-height: 100%; 
				background: #4095f5 url(../images/chrome/assets.png) 0 0 repeat-x;
				-moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.2); box-shadow: inset 0 0 10px rgba(0,0,0,0.2);
			}
			#mainTabs li a:hover, #mainTabs li a:active { background-color: #177cf3; }
		
				body.noActiveTab #mainTabs li a { padding-left: 0; }

			
			#mainTabs li.active a:link, #mainTabs li.active a:visited, #mainTabs li.active a:hover, #mainTabs li.active a:active {
				z-index: 7 !important;
				padding-left: 0; margin-top: 0;
				-moz-border-radius: 20px 20px 0 0; -webkit-border-radius: 20px 20px 0 0; -khtml-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0;
				-moz-box-shadow: 0 0 15px rgba(0,0,0,0.15); -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.15); box-shadow: 0 0 15px rgba(0,0,0,0.15);
				height: 62px; background: #fff !important; color: #4095f5; 
				cursor: default;
			}
			.ie7 #mainTabs li.active a:link, .ie7 #mainTabs li.active a:visited, .ie7 #mainTabs li.active a:hover, .ie7 #mainTabs li.active a:active,
			.ie8 #mainTabs li.active a:link, .ie8 #mainTabs li.active a:visited, .ie8 #mainTabs li.active a:hover, .ie8 #mainTabs li.active a:active {
				border:1px solid #ddd; border-bottom: none;
			}


/*======================= Leftnav ================================*/

#leftNav { font-size: 16px;  font-family:'OfficinaSansITC Bold OS', 'OfficinaSansITCW01-Bold'; }		
	#leftNav h3 { font-size: 24px; color: #f2991f; }	
		#bereicheNav h3 { color: #f3bf05; }	
	#leftNav div { float: left; width: 152px; margin: 0 15px 0 0; }
	.blueStyle #leftNav div, .greenStyle #leftNav div { margin-top: 40px; }
	#leftNav ul { padding: 0; margin:0; list-style: none;  }
		#leftNav ul li{ padding: 0; margin: 0; list-style: none; Wdisplay: inline; position: relative; height: 162px; }
			#leftNav a:link, #leftNav a:visited, #leftNav a:hover, #leftNav a:active {
				color: #746a66; text-decoration: none; text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
				float: left; width: 132px; height: 132px; overflow: hidden;
				margin: 0 0 10px 0; padding: 10px; 
				background: transparent url(../images/chrome/assets.png) 0 -110px no-repeat;
				-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
				-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.2); box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
			}
			#leftNav a:hover, #leftNav a:active { background-position: -330px -110px !important; color: #fff; text-shadow: none; }
			/*-------------- blueMenu ---------------*/	
			.blueStyle #leftNav a:hover, .blueStyle #leftNav a:active,
			.blueStyle #leftNav li.active a:link, .blueStyle #leftNav li.active a:visited, .blueStyle #leftNav li.active a:hover, .blueStyle #leftNav li.active a:active { 
				background-position: -167px -430px !important;
			}
			.blueStyle #leftNav a:link, .blueStyle #leftNav a:visited, #blueStyle #leftNav a:hover, #blueStyle #leftNav a:active { background-position: -167px -590px; color: #fff; text-shadow: none;}
			/*-------------- greenMenu ---------------*/	
			.greenStyle #leftNav a:hover, .greenStyle #leftNav a:active,
			.greenStyle #leftNav li.active a:link, .greenStyle #leftNav li.active a:visited, .greenStyle #leftNav li.active a:hover, .greenStyle #leftNav li.active a:active { 
				background-position: -330px -270px !important;
			}
			.greenStyle #leftNav a:link, .greenStyle #leftNav a:visited, .greenStyle #leftNav a:hover, .greenStyle #leftNav a:active { background-position: 0 -590px; color: #fff; text-shadow: none;}
			
			#id22 a:link, #id22 a:visited, #id22 a:hover, #id22 a:active { }
			#id27 a:link, #id27 a:visited, #id27 a:hover, #id27 a:active { background-position: 0 -270px; }
			#id31 a:link, #id31 a:visited, #id31 a:hover, #id31 a:active { background-position: 0 -430px; }
			#id7 a:link, #id7 a:visited, #id7 a:hover, #id7 a:active { background-position: -167px -110px; }
			#id12 a:link, #id12 a:visited, #id12 a:hover, #id12 a:active { background-position: -167px -110px; }
			#id17 a:link, #id17 a:visited, #id17 a:hover, #id17 a:active { background-position: -167px -110px; }
			
				#leftNav li.active a:link, #leftNav li.active a:visited, #leftNav li.active a:hover, #leftNav li.active a:active { 
					background-position: -330px -110px !important; 
				}


			
			/*-------------- level 2 ---------------*/	
			
			#leftNav ul ul { display: none; font-size: 14px; }
			#leftNav li.active ul { 
				position: absolute; top: 65px; left: 5px;
				display: block; wfloat: left; height: 68px; width: 130px; 
				margin-bottom: 10px; padding: 6px; 
				background-color: #fff; background-color: rgba(255,255,255,0.95); 
				-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
				-moz-box-shadow: inset 3px 3px 3px rgba(0,0,0,0.1); -webkit-box-shadow: inset 3px 3px 3px rgba(0,0,0,0.1); box-shadow: inset 3px 3px 3px rgba(0,0,0,0.1);			
			}
				#leftNav li li { height: auto; min-height: 17px; }
				#leftNav ul ul a:link, #leftNav ul ul a:visited, #leftNav ul ul a:hover, #leftNav ul ul a:active {  
					width: auto; height: auto !important; overflow: visible; clear: left;
					padding: 0; margin: 0;	background: none; 
					color: #635752 !important;
					-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
				}
				#leftNav ul ul a:hover, #leftNav ul ul a:active,
				#leftNav ul ul li.active a:link, #leftNav ul ul li.active a:visited, #leftNav ul ul li.active a:hover, #leftNav ul ul li.active a:active { color: #4095f5 !important; }
				
/*======================= RightNav ================================*/

	#rightNav { padding: 0; margin: 0 0 15px 10px; list-style: none; border-top: 1px dotted #aed1fb; float: right; width: 152px; font-size: 14px; }
		#rightNav li { padding: 0; margin: 0; list-style: none; display: inline; }
			#rightNav li a:link, #rightNav li a:visited, #rightNav li a:hover, #rightNav li a:active {
				 display: block; padding: 3px 3px 3px 13px;
				 border-bottom: 1px dotted #aed1fb;
				 line-height: 100%; text-decoration: none; text-indent: -10px;
			}
			#rightNav li a:hover, #rightNav li a:active { background: #dbebfc; }
			#rightNav li.active a { font-weight: bold; }
			#rightNav li a:before{ content: "› "; font-weight: bold;  }

			
/*======================= Galerie ================================*/


.galerieTable { /*||hide:true*/  clear: right; }
	.galerieTable a:before, .galerieNav a:before { content: "" !important; }
	.galleryTd { /*||hide:true*/ border-right: 12px solid #fff; background: #ccc; width: 125px; text-align: center; }
	.galerieText { /*||hide:true*/ color: #e98800; font-size: 10px; text-align: center; }
			
			
/*======================= Content ================================*/			
			
#content {
	position: relative; top: 135px; z-index: 1; min-height: 585px;
	background: #fff; background: rgba(255,255,255,0.95); padding-bottom: 35px;
	-moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px;
	-moz-box-shadow: 0 0 15px rgba(0,0,0,0.15); -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.15); box-shadow: 0 0 15px rgba(0,0,0,0.15);
}
.ie7 #content, .ie8 #content { border: 1px solid #ddd; }


body.blueStyle #content { min-height: 400px; }
body.greenStyle #content { min-height: 400px; }

	#inner { width: 987px; margin: 0 auto; padding-top: 33px; }
		#data { float: left; width: 640px; margin-left: 10px; position: relative; font-size: 16px;  }
		#data.comfortFit {  /*||hide:true*/ margin-left: 25px; width: 627px; }
			.introImage { -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; overflow: hidden; height: 85px; }
			.portal .introImage { height: auto; }
			.introHeadline { 
				position: absolute; top: 40px; left: -5px; padding: 2px 10px 2px 55px;
				background: #fea121; color: #fff; 
				font-family: 'OfficinaSansITC Bold OS', 'OfficinaSansITCW01-Bold'; font-size: 23px; 
				-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; 
				-moz-box-shadow: 3px 3px 2px rgba(0,0,0,0.3);
				-webkit-box-shadow: 3px 3px 2px rgba(0,0,0,0.3);
				box-shadow: 3px 3px 2px rgba(0,0,0,0.3);
			}
			
			.textBlock a:before {
				content: "» ";
			}
			
			.portal .introHeadline { top: 200px; Wpadding-left: 55px; }
			.blueStyle .introHeadline { background-color: #4095f5; }
			.greenStyle .introHeadline { background-color: #81d003; }
			.comfortFit .textBlock { padding-left: 50px; width: 530px; padding-top: 10px; }
			.fiftyFifty .textBlock {  /*||hide:true*/ width: 300px; float:left; }
				.fiftyFifty h2 + .textBlock { margin-right: 30px; }
			.threeToOne .textBlock {  /*||hide:true*/ width: 152px; float: left; }
				.threeToOne h2 + .textBlock {  margin-right: 15px; width: 460px; }


/*======================= CODA SLIDER		 ================================*/


	.homeSliderWrapper {  /*||hide:true*/  width: 627px; z-index: 10;  height: 260px; overflow: hidden; position: relative; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; margin-bottom: 15px; }
	.homeSliderWrapper p {  margin: 0; color: #fff; }
	.homeSliderWrapper a:link, .homeSliderWrapper a:visited, 
	.homeSliderWrapper a:hover, .homeSliderWrapper a:active {  }

	
	.coda-slider {  /*||hide:true*/  wheight: 224px; overflow: hidden !important; padding-right: 20px }
	html.sliderInitialised .coda-slider {  /*||hide:true*/  height: auto; overflow: hidden !important; padding-right: 0 }
	
	.coda-slider {  /*||hide:true*/  bWWackground: #ebebeb; width: 100% !important; }
	.coda-slider, .coda-slider .panel {  /*||hide:true*/  } 
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; width: 25px; height: 48px; }
	
	/* Tab nav */
	#minWidth .coda-nav ul li a.current:link, #minWidth .coda-nav ul li a.current:visited,
	#minWidth .coda-nav ul li a.current:hover, #minWidth .coda-nav ul li a.current:active {  /*||hide:true*/ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;   }
	
	.homeSliderWrapper .panel-wrapper { /*||hide:true*/  position: relative; }
		.homeSliderWrapper .panel-wrapper > div { position: absolute; top: 0; left: 0; margin: 0; z-index: 10; text-align: left;} 
			.homeSliderWrapper div .introHeadline { margin: 40px 0 10px 10px; padding-left: 45px; white-space: nowrap; position: static; float:left; max-width:552px; overflow: hidden; text-overflow: ellipsis; } 
			.homeSliderWrapper .panel-wrapper > div > p {
				background: #fff; background: rgba(255,255,255,0.9); color: #635752; padding: 5px 10px 5px 45px; margin: 0 0 10px 10px;
				-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
				float: left; clear: left; max-width: 393px;
			}
			.homeSliderWrapper .panel-wrapper > div > p + p { background: none; } 
	/* Preloader */
	.coda-slider p.loading {  /*||hide:true*/ padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav.dotNav {  /*||hide:true*/ position: absolute; right: 0; bottom: 0; z-index: 100; font-size: 20px; }
	.coda-nav ul { clear: both; display: inline; margin: auto; overflow: hidden; }
	.coda-nav.dotNav ul { padding: 0 10px 10px 0; margin: 0; }
		.coda-nav ul li { display: inline; }
			#minWidth .coda-nav ul li a:link, #minWidth .coda-nav ul li a:visited, #minWidth .coda-nav ul li a:hover, #minWidth .coda-nav ul li a:active  { 
				color: #fff; float:left; margin-right: 1px; padding: 3px 6px; text-decoration: none; 
				filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; 
				text-shadow: 0 0 5px rgba(0,0,0,1);
			}
			#minWidth .coda-nav ul li a:hover, #minWidth .coda-nav ul li a:active  { 
				filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; color: #fff;
			}
			#minWidth .coda-nav.dotNav ul li a { padding: 0; margin: 0; }
	/* Miscellaneous */
	
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { /*||hide:true*/  display: block; float: left }
	.coda-slider .panel-container {  /*||hide:true*/ position: relative }
	.coda-nav-left {  /*||hide:true*/ float: left; }
	.coda-nav-right {  /*||hide:true*/ float: right; } 
		.coda-nav-left a, .coda-nav-right a { display: block; text-indent: -500px; overflow: hidden; text-decoration: none; background: transparent url(../images/chrome/assets.png) 0 -30px no-repeat; /*filter: alpha(opacity=50)*/; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; margin: 0 15px; }
		.coda-nav-left a:hover, .coda-nav-right a:hover { 
			/*filter: alpha(opacity=100);*/ -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; 
			-moz-transform:  translateX(-3px); 
			-webkit-transform:  translateX(-3px);
       	-o-transform:  translateX(-3px);
		}
		.coda-nav-right a:hover { 
			-moz-transform:  translateX(3px); 
			-webkit-transform:  translateX(3px);
       	-o-transform:  translateX(3px);
		}
		.coda-nav-right a { background-position: -30px -30px; }
		

	.arrowNav {  /*||hide:true*/ clear: both; margin: 0; width: 100%; position: absolute; bottom: 24px; left: 0;}

/*======================= Gästebuch ================================*/	
	
	.gbookComment { border-top: 1px solid #ccc; color: #999; font-size: 12px; font-style: italic;	}
	.gbookPaging { font-weight: bold; color: #fea121; border-top: 1px solid #fea121; }

	
	

/*======================= CSSFORMS: Breiten der Elemente ================================*/

.cssForm fieldset { width: 475px; font-size: 14px; } /* 'A' */
.cssForm label { width: 120px; border:none; color:#000; } /* 'B' */
.cssForm .rightCol { /*||hide:true*/ padding-left:125px; /* 'B'+5px */ }
.cssForm .rightCol, .cssForm input, .cssForm select, .cssForm textarea, .cssForm .exInput,
.cssForm .exTextarea { /*||hide:true*/  width: 335px; /* 'A'-'B'-10px='C' */ }

.cssForm .twinRow input, .cssForm .twinRow select,.cssForm .twinRow textarea, .cssForm .twinRow .exInput,
.cssForm .twinRow .exTextarea { /*||hide:true*/  width: 116px; /* ('C'-'B'-12)/2 */ margin-right: 10px; _margin-right: 9px;  }
.cssForm .assignment select { /*||hide:true*/  width: 112px;} /* ('A'-'B'-130px)/2 */

/*======================= CSSFORMS: Optikanpassungen für Kunden ================================*/

input.button, .button { /*||hide:true*/ 
	font-weight: normal; color: #fff; border: 1px solid rgb(30,87,153);
	padding: 2px 10px !important;
	color: #fff !important; text-decoration: none;
	background: rgb(78,145,219); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(78,145,219,1) 0%, rgba(85,161,246,1) 50%, rgba(64,149,245,1) 51%, rgba(60,140,230,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(78,145,219,1)), color-stop(50%,rgba(85,161,246,1)), color-stop(51%,rgba(64,149,245,1)), color-stop(100%,rgba(60,140,230,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(78,145,219,1) 0%,rgba(85,161,246,1) 50%,rgba(64,149,245,1) 51%,rgba(60,140,230,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(78,145,219,1) 0%,rgba(85,161,246,1) 50%,rgba(64,149,245,1) 51%,rgba(60,140,230,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(78,145,219,1) 0%,rgba(85,161,246,1) 50%,rgba(64,149,245,1) 51%,rgba(60,140,230,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(78,145,219,1) 0%,rgba(85,161,246,1) 50%,rgba(64,149,245,1) 51%,rgba(60,140,230,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e91db', endColorstr='#3c8ce6',GradientType=0 ); /* IE6-9 */
	-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
	-moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.2);	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.);	box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
	
} 
input.button:before, .button:before { content: "› "; font-weight: bold;  }
input.button:hover, .button:hover {
	border-color: #fff;
}


.cssForm { /*||hide:true*/ } .exInput { /*||hide:true*/ } .exTextarea { /*||hide:true*/ }
.twinRow { /*||hide:true*/ } .secondary { /*||hide:true*/ } .primary { /*||hide:true*/ }
.cssfError { /*||hide:true*/ } .mand { /*||hide:true*/ } .active { /*||hide:true*/ } 

	
/*=======================/ CSSFORMS v2 ================================*/














/*
 * Media queries for responsive design
 * These follow after primary styles so they will successfully override. 
 */

@media all and (orientation:portrait) { 
  /* Style adjustments for portrait mode goes here */
  
}

@media all and (orientation:landscape) { 
  /* Style adjustments for landscape mode goes here */
  
}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-width: 1062px) {
	body { background-image: none !important; }
	#content { -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; }
	#mainTabs { margin-right: 0; }
  
  
  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
     j.mp/textsizeadjust 
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

/* 
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
 */



@media print {



  * { background: transparent !important; color: black !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; font-family: Calibri, Helvetica, Arial !important; }
  h1 { font-weight: bold; font-size: 24px; font-family: Calibri, Helvetica, Arial !important;  }
  
  #head { position: static; margin: 0; }
  #leftNav, #mainTabs, #func { display: none; }
  #content { 
  	padding: 0; position: static; 
  	-moz-box-shadow: none;	-webkit-box-shadow: none; 	box-shadow:  none; 
  }
  .introHeadline { position: static; -moz-box-shadow: none;	-webkit-box-shadow: none; 	box-shadow:  none; padding: 0 !important;   }
  .textBlock { width: auto !important; padding: 0 !important;  }
  #minWidth, #inner, #data{ width: auto !important; min-width: 0; max-width: none; }






 }