/* Allgemeiner Aufbau der Seite & des Layouts */
html   { width: 100%; }
@media all { html  { height: 100% }}
body   { width: 100%; height: 100% }
html * { padding: 0; margin: 0; border-collapse:collapse; border-spacing: 0; }
img    { border: 0; vertical-align: bottom }

.zf    { _zoom: 1; min-height: 1%;  } /* zoom -> IE6-8 */
.zf:after { clear: both; content: " "; display: block; height: 0; visibility: hidden; font-size: 0; }

.clr   { clear: both; height: 15px; }
.col   { float: left; display: inline; position: relative; }
.hd    { display: none !important; }

body    { background: url("../../media/gfx/layout/body_bg2.jpg") no-repeat center 0 #ffffff; overflow-y: scroll; }

#wrapperout, #wrapper, #header, #main, #content, #footer, .ifmf, .hbk, .trennlinie, .lv, .button { position: relative; }

#wrapperout { margin-top:20px; }
#wrapper    { width: 900px; margin: 0 auto; xbackground: url("../../media/gfx/layout/wrapper_bg3.png") repeat-y; overflow: hidden; background-color: #ffffff; box-shadow: 0 0 15px #888888; }

#header         { margin: 0 0 0 0; height: 320px; z-index: 1; }
#header h1 	{ position: absolute; top: 100px; left:-10px; width: 910px; height: 214px; background: url("../../media/gfx/layout/cv_logo.png") no-repeat; z-index: 5; }
#header h1 a   { display: block; text-indent: -999em; height: 100%; width: 100%; border: 0; outline: 0 }

#header #abbheader { position:absolute; height: 280px; width: 900px; left: 0px; top: 0px; z-index: 1; }

#content { padding: 40px 0 20px 0; }

#anz { display: none; position:absolute; top: -10px; left: 520px; height: 50px; widht: 100%; padding: 6px; xfont-weight: bold; font-size:14px; color:#ffffff; background-color:#164c95; z-index: 100; 
transform:rotate(0deg);
  -ms-transform:rotate(0deg); /* für ältere IE Versionen */
  -moz-transform:rotate(0deg); /* für ältere FireFox Versionen */
  -webkit-transform:rotate(0deg); /*  für ältere Safari und Chrome Versionen */
  -o-transform:rotate(0deg); /* für ältere Opera Versionen */
  }

#contentleft {  width: 250px; min-height: 300px; }

#contentright { border-left: 1px solid #eeeeee; width: 500px; padding: 0 0 0 50px; }
#contentright h3 { font-size: 14px; padding: 10px 0 10px 0; }

#footer { height: 60px; width: 100%; xbackground: url("../../media/gfx/layout/footer_verlauf.png") no-repeat 0 bottom; }
#footer p { line-height: 16px;}
#footer a { color: #ffffff; text-decoration: none; font-size: 12px; }
#abbfooter { padding: 0 0 0 0 }
.footertext { margin: 5px 0 0 8px; position: relative; display: block; }

#map_canvas { height: 100px; width: 100px; }

/*= METANAV ========================================== */
#mn { z-index:5; }
.metanav    { list-style-type: none; margin: 0 0 0 33px; }
.metanav li { padding: 5px 0 5px 0; }
.metanav li.last { }

.metanav a { padding: 0 7px; text-decoration: none; font-size: 14px; line-height: 20px; color:#164c95; font-weight: normal; } 
.metanav a:hover { text-decoration: none }

.ml1a, .ml1a:link, .ml1a:visited, .ml1a:active { padding: 0 0 0 15px; background: url("../../media/gfx/layout/nav_n.gif") no-repeat 0  bottom; 
transition: margin 2s;
-moz-transition: width 2s; /* Firefox 4 */
-webkit-transition: width 2s; /* Safari and Chrome */
-o-transition: width 2s; /* Opera */ }

.ml1a:hover { background: url("../../media/gfx/layout/nav_mo.gif") no-repeat 0 bottom; margin-left: 3px; }

.ml1aa, .ml1aa:link, .ml1aa:visited, .ml1aa:active { padding: 0 0 0 15px; background: url("../../media/gfx/layout/nav_mo.gif") no-repeat 0  bottom;}
.ml1aa:hover {  }

/*= NAV 1 ========================================== */
#nav1 { position: absolute; bottom:0; left: 38px; z-index: 15; }
	
.l1ul            { padding: 0; }
.l1ul, .l1ul ul  { list-style-type: none; }

.l1li, .l1lia { padding: 8px 0; line-height: 1px; }

.l1li:hover {  }
.l1ul li.last    { }

.l1ul a  { display: block; text-decoration: none; font-size: 16px; padding: 2px 18px 0 15px; color:#164c95; }

.l1a, .l1aa { font-weight:bold; padding: 3px 0; font-size: 14px; line-height: 20px; background: url("../../media/gfx/layout/nav_n.gif") no-repeat 0  bottom; }
.l1aa { }

.l1a, .l1a:link, .l1a:visited  { }
.l1a:hover { font-weight:bold; color:#164c95; background: url("../../media/gfx/layout/nav_mo.gif") no-repeat 2px  bottom; }

.l1lidiv { cursor: pointer; }
.aktiv .l1a { font-weight:bold; }

.l1aa, .l1aa:link, .l1aa:visited, .l1aa:hover  { color:#164c95; background: url("../../media/gfx/layout/nav_mo.gif") no-repeat 0  bottom; }
.l1aa {  }
.l1aa b { }

li p { font-style: italic; padding: 4px 0 16px 40px; font-size: 14px; margin: 0; }

/*= INHALTSELEMENTE ======================================= */
.ctel { padding: 0 45px 0 0; }

/*= TEXTSTILE ======================================= */
body, 
body.fs1 { font-size: 62.5%; line-height: 1.8em }
body.fs2 { font-size: 71.5%; line-height: 1.8em }
body.fs3 { font-size: 89.3%; line-height: 1.8em }

body,h1,h2,h3,h4,
p,table,ol,ul,dl,li,a,address,dd,dt, .ctel li span,
form,input,textarea,select,label { color: #1a171b; font-family: Arial, Verdana, Tahoma, Helvetica, "Trebuchet MS", sans-serif; }

h1,h2,h3,h4,p,li,address,input,textarea,select,dd,dt,label,table { font-size: 1.2em; line-height: 120%; }
li * { font-size: 100%; }
li p { font-weight: normal }

h2 { font-size: 14px; padding-bottom: 5px; }
h3 { font-size: 12px; margin: 0 0 -0.8em 0; }
h4 	{ padding-bottom: 5px; }

/* ABSÄTZE / TABELLEN IN CONTENT-ELEMENTEN */
p, ul, ol, blockqoute, address, table { margin: 0.8em 0; }
em        { font-style: italic; }
strong    { font-weight: bold; }
address   { font-style: normal; }
table     { width: 100%; display: block; }
table p   { margin: 0; }
table tr   { line-height: 22px; }

.ctel a, .ctel a:link, .ctel a:visited, .ctel a:active { text-decoration: none; }
.ctel a:hover { text-decoration: underline; }

.ctel p { color: #1A171B; line-height: 140%; }

#footer a, #footer a:link, #footer a:visited, #footer a:active { text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#footerhome a, #footerhome a:link, #footerhome a:visited, #footerhome a:active { text-decoration: none; }
#footerhome a:hover { text-decoration: underline; }



/* AUFLISTUNGEN IN CONTENT-ELEMENTEN */
.ctel ul      { list-style:none; padding: 0; color: #1A171B; }
.ctel li      {  }
.ctel li span { }
.ctel ul li   { color: #1A171B; padding: 2px 0 2px 0px; position: relative; }
.ctel ul li   { }

.ctel ol      { list-style: decimal; padding: 0 0 0 0.15em }
.ctel ol li   { padding-left: 0.5em; margin-left: 1.6em }

td { vertical-align: top; }
#middle .ctel td, #middle .ctel th { padding: 0.2em 0.5em }

td.w50px  { width: 50px; }
td.w75px  { width: 75px; }
td.w100px { width: 100px; }
td.w125px { width: 125px; }
td.w150px { width: 150px; }
td.w175px { width: 175px; }
td.w200px { width: 200px; }
td.w250px { width: 250px; }
td.w300px { width: 300px; }



/* === MAILFORM ========================= */
fieldset { border: 0; outline: 0 }

.csc-mailform { border: none; padding: 0; }

.csc-mailform-field {  }
.csc-mailform-field label { float: left; width: 100px; }

.csc-mailform-field label, .csc-mailform-field input, .csc-mailform-field select, .csc-mailform-field textarea { margin: 4px 0 3px 0; vertical-align: middle  }
.csc-mailform-field input, .csc-mailform-field textarea, .csc-mailform-field select { border: solid 1px #666; color: #333333; width: 312px; padding: 1px }

.csc-mailform-field textarea { height: 80px; }
.csc-mailform-field .req { width: 5px; height: 10px; margin: 5px 0 5px 5px; vertical-align: top; }

.csc-mailform .field-formtype_mail { text-align: right; padding: 10px 0  }
.csc-mailform .input_btn_sub { text-align: center; margin: auto; padding: 0 8px; width: 100px; margin-right: 14px }
.csc-mailform .field-formtype_mail label { float: left; width: auto; text-align: left }

/* === DOWNLOADS ========================= */
.ctel .csc-uploads       { list-style: none; padding: 0 }
.ctel .csc-uploads li    { font-weight: normal; color: #e5e5e5; text-align: left;  }
.ctel .csc-uploads li p  { margin: 2px 0; text-align: left;  }

.ctel .csc-uploads-0 div.col { width: 100% }

.ctel .csc-uploads-1 span.csc-uploads-icon { width: 10%; padding: 2px 0; }
.ctel .csc-uploads-1 div.col { width: 90% }
.ctel .csc-uploads-1 li { padding: 0; margin-left: 0; background: transparent; }

.ctel .csc-uploads-2 span.csc-uploads-icon { width: 20% }
.ctel .csc-uploads-2 span.csc-uploads-icon img { border: 1px solid #403326; }
.ctel .csc-uploads-2 div.col { width: 80% }
.ctel .csc-uploads-2 li { padding: 0; margin-left: 0; background: transparent;}

/*=== PAGEBROWSER ==================================*/
.tx-pagebrowse-pi1 { float: right; text-align: right; list-style:none inside none; width:60%; margin: 0 0 0 0; }
.tx-pagebrowse {  }
.tx-pagebrowse-first, .tx-pagebrowse-last { padding: 0 10px !important }

.ctel ul.tx-pagebrowse li { display:inline; position: relative; list-style:none; font-weight: normal; margin: 0; padding: 0; background: transparent !important; }

.ctel li.tx-pagebrowse-pages { width:80% }
.ctel li.tx-pagebrowse-pages ol { display:inline; padding: 0 }
.ctel li.tx-pagebrowse-pages ol li { padding: 0 5px }

p.showCount { float: left; width:35%; }

/*= PRINT ========================================== */
@media print { 
	
	#search { display:none; }


		
	/*body, #wrapperout, h3 { background: transparent !important; }
	
	#header { margin: 0; }
	#left, #bw, #mn { display: none; }
	#right { width: 100%; }
	.cufon-active .metanav li { font-size:12px !important;  }

	#cleft .acc .contentwrap {
		height: auto !important;
		background:#FFFFFF;
		overflow: visible !important; visibility: visible !important; opacity: 1 !important; filter: alpha(opacity = 100) !important;
	}
	#cleft .acc h3 { padding-left: 0 }
	#cleft .acc .content-text { margin: 5px 0 5px 0; }*/
}