/* INFOS
Website: Interactive TV Award  --------------------------------------------------------
Name: main_standard_1.css
CSS: CSS level 2.1
Autor: alh
Version 1.0, 16-06-2010

Letzte Aenderung:
Bemerkung:
*/
/*border: solid 1px #000;*/
/**/
/**/
/*-- Grundformate der Seite ---------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*-- allgemein Body --*/
body, html { 
	width:100%; 
	height:100%;
}

body {
	margin: 0;
	padding: 0;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 100.01%; /*um em darstellungs-bug in ie,opera und konqueror zu umgehen*/
	line-height: 17px;
	color: #000;
	background: #fff url(../images/bg_img_1920x2100.jpg) no-repeat scroll 0 0;
}


.unsichtbar {
    position: absolute;
    left: -1000px;
    top: -1000px;
    width: 0;
    height: 0;
    overflow: hidden;
    display: inline;
}
h1 { font-size:1.0em; }
h2 { font-size:1.0em; }
h3 { font-size:1.0em; }
form,fieldset,ul,ol,li,p,h1,h2,h3,h4 { margin:0; padding:0;}
p { 
/*font-size: 0.6875em;*/
}

/*-- allgemein links: in der korrekten css reiehnfolge --*/
a {font-size: 1.0em; cursor:pointer;} /*-- Wichtig für Opera Schriftgroessen --*/
a:link {font-family: arial, verdana, sans-serif; color: #E20074; font-weight: normal; text-decoration: none;}
a:visited {color: #E20074; font-weight: normal; text-decoration: none;}
a:focus {color: #E20074; font-weight: normal; text-decoration: none;}
a:hover {text-decoration: none; color: #E20074; font-weight: normal;}
a:active {color: #E20074; font-weight: normal; text-decoration: none;}
/**/
/*-- allgemein liststyle --*/
ul, ol {
	/*color: #000;*/
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
li {
	/*color: #000;*/
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
li ul {
	padding: 0px;
	margin: 0px;
}

.neue-zeile {
	margin: 0;
	padding: 0;
	clear: both;
	line-height: 0.1em;
}
img, fieldset {
    border: none;
}
hr, legend {
    display: none;
}
/*-- alle Formulare --*/
label {
	float: left; 
	width: 450px; 
	padding: 0px 0px 5px 0px; 
	text-align: left;
}
input, textarea {
	width:200px; 
	max-width:200px;
	font-family: arial,verdana,helvetica,sans-serif;
	border-right: 1px solid #7F9DB9; 
	border-top: 1px solid #7F9DB9; 
	border-left: 1px solid #7F9DB9;
	border-bottom: 1px solid #7F9DB9; 
}

#cont-opener iframe {
	height: 30px;
}
/* ----------------------------------------------------------------------------------------------------------*/
/**/
/**/
/**/  /* BEGINN DES EIGENTLICHEN STYLS */  /**/
/**/
/*--Grundgeruest der Seite ----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------*/
/*-- BG Bild  --*/
/* wurde entfernt
#key {
text-align: left;
min-height: 100%;
position: absolute;
z-index:1;
overflow: hidden;
} 
*/
#raster { 
text-align: left;
background-image: url("../images/bg_raster.png"); 
background-position: top; 
background-repeat: repeat;
min-height: 100%;
width:100%;
position: absolute;
z-index:10;
} 

#cont-all-frame {
	/*border: solid 1px #000;*/
	padding: 0px;
	margin: 0px;
	
	height:100%;
	left:0px;
	overflow: auto;
	
	position:absolute;
	top:0px;
	width:100%;
	z-index:20;
}
#all-frame {
    /*border: solid 1px #999;*/
	/*margin-left: auto;
	margin-right: auto;*/
	/*background: transparent url(../images/bg_all-content.gif) repeat-y scroll 0 0;*/
    padding: 0px;
    position: relative;
    text-align: left;
    width: 986px;
}

/*-- bei aenderung der hoehe wird das key teilweise abgeschnitten --*/ 
#cont-head {
	/*border: solid 1px #999;*/
	/*height: 118px;*/
	margin: 0px 0px 0px 0px;
	/*width: 986px;*/
	/*overflow: hidden;*/
	background: transparent url(../images/bg_header.jpg) no-repeat scroll 0 0;
}
#cont-aussen {
	/*border: solid 1px #999;*/
    /*background:transparent url(images/bg_content-startseite.gif) repeat-y scroll 0 0;*/
    margin: 0px;
    min-height: 50px;
    padding: 20px 26px 130px 0px;
    vertical-align: top;
    /*width: 940px;*/
} 
#cont-opener {
	/*border: solid 1px #999;*/
    /*height: 140px;*/
   /* margin: 0px 0px 20px 0px;*/
	margin: 0px 0px 32px 15px;
    padding: 0px;
    width: 960px;
} 
#cont-content {
    float: left;
    margin: 0;
    padding: 0px 0px 0px 30px;
    vertical-align: top;
}
#cont-content-left {
	float: left;
	width: 575px;
}
#cont-content-innerleft {
	width: 377px;
	float: left;
}
#cont-content-right {
	float: left;
	width: 355px;
}
#cont-news {
    float: left;
    margin: 0 0 0 40px;
    overflow: hidden;
    padding: 0;
    vertical-align: top;
    width: 230px;
} 
#cont-services {
    float: left;
    margin: 0 0 0 40px;
    padding: 0;
    vertical-align: top;
    width: 210px;
} 
#cont-footer {
	background-color: #000;
    margin: 0px;
	padding: 0px;
	background: transparent url(../images/bg_footer.gif) repeat-x scroll 0 0;
	
}

/* ------------------------------------------------------------------------------------------------------*/
/**/
/*-- Header der gesamten Seite ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
/*-- Header ------------------------*/
/**/
/*-- header logo --*/ 
h1#kopfbereich {
    /*border:1px solid red;*/
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 20px;
    /*width: 170px;*/
    height: 55px;
	/*float:left;*/
}
h1#kopfbereich a.logo {
    /*background: transparent url(../images/itva-logo.gif) no-repeat scroll 0 0;*/
    display: block;
    float: left;
    height: 35px;
    text-indent: -9999px;
    width: 260px;
    margin: 20px 0px 0px 0px;
}
/*-- end of header logo --*/
/**/
/*-- cont head-metanav --*/
#cont-head-metanav {
    /*border:1px solid red;*/
	height: 23px;
    width: 980px; 
     margin-right:33px;
    overflow: hidden;
    padding: 0px 0px 0px 0px;
	line-height: 10px;
	float: right; 
} 
#cont-head-metanav ul.metanavi {
    float:right;
	margin: 8px 0px 0px 0px;
	padding: 0px 18px 0px 0px;
} 
#cont-head-metanav li {
    color: #000000;
    float: left;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 0px;
	
} 
#cont-head-metanav li a {
    color: #000000;
    font-family: arial, verdana, times, serif;
    font-size: 0.65em;
    font-weight: normal;
    line-height: normal;
    padding: 0px;
    text-decoration: none;
	display: block;
} 
#cont-head-metanav li a:hover {
    color: #E20074;
	text-decoration: underline;
} 
#cont-head-metanav .meta {
    padding: 0px 7px 0px 7px;
	background: transparent url(../images/meta-trenner.gif) no-repeat scroll right;
} 
#cont-head-metanav .meta-act {
    padding: 0px 8px 0px 8px;
	background: transparent url(../images/meta-trenner.gif) no-repeat scroll right;
	text-decoration: underline;
}
#cont-head-metanav .meta-mar {
    padding: 0px 8px 0px 8px;
	background: transparent url(../images/meta-trenner.gif) no-repeat scroll right;
	text-decoration: underline;
}

#cont-head-metanav .meta.mlast {
	background: none;
	padding-right: 0px;
}
#sender {
	background: transparent url(../images/sender.jpg) no-repeat scroll 0 0;
	height: 40px;
}
/*-- end of cont head-metanav --*/
/**/
/*-- cont traceline --*/
#cont-traceline {
	 /*border:1px solid red;*/
	height: 23px;
    /*width: 980px; 
     margin-right:33px;*/
    overflow: hidden;
    padding: 0px;
	/*line-height: 10px;*/
	float: left;
}
#traceline-navi {
    margin: 7px 0px 0px 0px;
    padding: 0px 0px 0px 37px;
} 
#traceline-navi li {
    color: #666;
    float: left;
	font-size: 0.75em;
    margin: 0px 5px 0px 0px;
    padding: 0px;
	
	list-style:none outside none;
	margin-bottom:0;
	margin-left:0;
} 
#traceline-navi li.pathicon {
    color: #666;
    float: left;
    margin: 0px 5px 0px 0px;
    padding: 0px;
} 
#traceline-navi a {
    /*color: #F87416;*/
    margin: 0px;
    padding: 0px;
    text-decoration: none;
} 
#traceline-navi li.pathicon a:hover {
    color: #F87416;
    text-decoration: none;
}
/*-- end of cont traceline --*/

/* ** 2.2 Die Horizontale Navigation ** */
/*---------------------------------------------------*/
#cont-hauptnavi {
   border-bottom:3px solid #E20074;
	margin: 0px 0px 0px 15px;
    padding: 0px;
	background: #ffffff;
    height:24px;
}
#cont-layermenue {
	/*border: 1px solid #000;*/
	/*width: 520px;
	height: 70px;*/
	float:left;
} 
#hauptnavi {
   /*border: 1px solid #000;*/
   /*width: 520px;*/
   /*height: 33px;*/
   padding: 0px 0px 0px 0px;
   overflow: hidden;
}
/*-- --*/
#cont-hauptnavi ul.hauptnavi-level-0 {
    margin: 0px;
    padding: 0px;
}

/*-- level 0 normal --*/ 
#cont-hauptnavi ul.hauptnavi-level-0 li.level-0-no {
    /*border: medium none;*/
	background: transparent url(../images/reiter_silber.jpg) no-repeat scroll 0 0;
    color: #000;
    float: left;
	/*font-size: 0.95em;*/
	font-size: 0.8em;

    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-bottom: 0px;
    margin-right: 1px;
    padding: 0px;
/*	background-color: #000; */
	width: 110px;
}
#cont-hauptnavi ul.hauptnavi-level-0 li.level-0-no a {
	background: transparent url(../images/reiter_silber.jpg) no-repeat scroll 0 0;
    color: #000;
    text-decoration: none;
	display: block;
	padding: 4px 8px 4px;
	/* text-transform: uppercase; */
} 
#cont-hauptnavi ul.hauptnavi-level-0 li.level-0-no a:hover {
	background: transparent url(../images/reiter_schwarz.jpg) no-repeat scroll 0 0;
    color: #fff;
    font-weight: normal;
    padding: 0px;
/*	background-color: #E20074; */
	display: block;
	padding: 4px 8px 4px;
}

/* funktioniert nicht bei IE6 */
/*
#cont-hauptnavi ul.hauptnavi-level-0 li.level-0-no:first-child a, #cont-hauptnavi ul.hauptnavi-level-0 li.level-0-no:first-child a:hover {
	padding-left: 37px;
}
*/
/*-- level 0 activ --*/
#cont-hauptnavi ul.hauptnavi-level-0 li.level-0-act {
	background: transparent url(../images/reiter_magenta.jpg) no-repeat scroll 0 0;
    color: #fff;
	float: left;
	/*font-size: 0.95em;*/
	font-size: 0.8em;
	margin-right: 1px;
	width: 110px;
}
#cont-hauptnavi ul.hauptnavi-level-0 li.level-0-act a {
    color: #fff;
    text-decoration: none;
/*	background-color: #E20074; */
	display: block;
	padding: 4px 8px 4px;
/*	text-transform: uppercase;  */
} 
#cont-hauptnavi ul.hauptnavi-level-0 li.level-0-act a:hover {
    color: #fff;
    font-weight: normal;
    padding: 0px;
/*	background-color: #E20074; */
	display: block;
	padding: 4px 8px 4px;
} 
/* funktioniert nicht bei IE6 */
/*
#cont-hauptnavi ul.hauptnavi-level-0 li.level-0-act:first-child a, #cont-hauptnavi ul.hauptnavi-level-0 li.level-0-act:first-child a:hover {
	padding-left: 37px;
} */

/*-- level 0 marked --*/
#cont-hauptnavi ul.hauptnavi-level-0 li.level-0-mar {
	background: transparent url(../images/reiter_magenta.jpg) no-repeat scroll 0 0;
    color: #fff;
	float: left;
	/*font-size: 0.95em;*/
	font-size: 0.8em;
	margin-right: 1px;
	width: 110px;
}
#cont-hauptnavi ul.hauptnavi-level-0 li.level-0-mar a {
	background: transparent url(../images/reiter_magenta.jpg) no-repeat scroll 0 0;
    color: #fff;
    text-decoration: none;
/*	background-color: #E20074; */
	display: block;
	padding: 4px 8px 4px;
}
#cont-hauptnavi ul.hauptnavi-level-0 li.level-0-mar a:hover {
    color: #fff;
    font-weight: normal;
    padding: 0px;
	background-color: #E20074;
	display: block;
	padding: 4px 8px 4px;
} 
/* funktioniert nicht bei IE6 */
#cont-hauptnavi ul.hauptnavi-level-0 li.level-0-mar:first-child a, #cont-hauptnavi ul.hauptnavi-level-0 li.level-0-mar:first-child a:hover {
	padding-left: 37px;
}








/*-- Bookmarks in der Navigationsleiste --*/
#cont-bookmarks {
	/*background-color: #000; */
	/*float: left;*/
	height: 33px;
	overflow: hidden;
	/*width: 130px;*/
	margin: 0px;
	display: block;
	padding: 0px 0px 0px 0px;
	
}
/*-- end of Header der gesamten Seite ---------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------------------------*/
/**/
/*-- Content cont-aussen ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
/*-- Headline H1 --*/
#cont-aussen h1.csc-firstHeader {
    color: #000;
    padding: 0px 5px 8px 0px;
	font-size:1.95em;
	font-weight:bold;
	line-height:normal;
}
#cont-aussen h1 {
    color: #000;
    padding: 0px 5px 8px 0px;
	font-size:1.95em;
	font-weight:bold;
	line-height:normal;
} 
#cont-aussen h1 a, #cont-aussen h1 a:hover {
    color: #E20074;
    text-decoration: none;
    font-weight: normal;
} 
/*-- Headline H2 --*/
#cont-aussen h2.csc-firstHeader, #cont-aussen h2 {
    /*color: #747A80;
    font-size: 0.9em;*/
    font-weight: normal;
    padding: 0px 5px 5px 0px;
}

/*-- Headline H3 --*/
#cont-aussen h3.csc-firstHeader, #cont-aussen h3 {
    /*color: #E20074;*/
	color: #000;
    font-size: 1.30em;
	line-height:normal;
	font-weight: normal;
    padding: 0px 0px 10px 0px;
}
/*-- H2, H3 A-Tag --*/
#cont-aussen h2 a, #cont-aussen h3 a {
	color: #E20074;
}


#cont-aussen p {
    font-size: 0.75em;
    font-weight: normal;
    margin: 0px;
    padding: 0px 0px 15px 0px;
	line-height: 19px;
} 
#cont-aussen div.csc-textpic-imagewrap {
    /*border: solid 1px #000;*/
    margin: 0px;
    padding: 0px 0px 0px 0px;
}
/*-- text neben dem bild --*/ 
#cont-aussen div.csc-textpic div.csc-textpic-text {
    margin: 0px 5px 0px 0px;
    padding: 0px 0px 0px 0px;
}
/*-- Entwicklerseite Personenbilder --*/

#cont-aussen .whitebox-nopad-bottom .csc-textpic div.csc-textpic-single-image img {
	margin-bottom: -2px;
}

#cont-aussen .whitebox-nopad-bottom .csc-textpic .csc-textpic-text {
	padding: 5px 0px 0px 5px;
}

/*-- / Entwicklerseite Personenbilder --*/



/*-- internal link normal im p-tag --*/
#cont-aussen p a.internal-link {
    /*--  --*/
	width: 150px;
	height: 20px;
    margin: 1px 8px 0px 8px;
    padding: 0px;
    font-family: arial, verdana, helvetica, sans-serif;
    font-weight: normal;
	/*font-size: 1.25em;*/
    color: #fff;
    text-decoration: none;
    background: transparent url(../images/bg_internallink_black.gif) repeat-x scroll 0 0;
	float: right;
	text-align: center;
}
/*-- external link normal im p-tag --*/
#cont-aussen p a.external-link-new-window {
	 /*--  --*/
	width: 150px;
	height: 20px;
	text-align: center;
    margin: 1px 8px 0px 8px;
    padding: 0px;
    font-family: arial, verdana, helvetica, sans-serif;
    font-weight: normal;
    color: #fff;
    text-decoration: none;
    background: transparent url(../images/bg_internallink.gif) repeat-x scroll 0 0;
	float: right;
}
/*-- als link ohne icon davor --*/
#cont-aussen p a {
    /*--  --*/
    margin: 0px;
    padding: 0px 0px 0px 0px;
    color: #E20074;
    text-decoration: none;
}
/*-- als Liste mit icon davor --*/
#cont-aussen ul {
    list-style-type: square;
    padding: 0px 0px 0px 17px;
	margin: 0px 0px 10px 0px;
	font-size: 0.75em;
}
#cont-aussen ul li {
	margin: 0px 0px 1px 0px;
}
/*-- als Liste mit icon davor --*/
#cont-aussen ol {
    list-style-type: decimal;
	padding: 0px 0px 0px 17px;
	margin: 0px 0px 10px 0px;
	font-size: 0.75em;
}



/*-- Allgemein für Boxen ----------------------------------------- --*/
/*--  --*/
#cont-aussen .csc-frame {
	min-height: 25px;
    /*-- clear: left;  damit eine neue zeile beginnt wenn frame1-box auf eine frame2-box folgt  */
	margin-right: 0px;
	/* funktioniert nicht bei IE6 */
	margin-bottom: 6px;
	background-color: #FFF;
}

#cont-aussen .csc-frame div.innen {
	padding: 12px;
}

/*-- Whitebox+pad+bottom --*/
#cont-aussen .whitebox {
	background-color: #fff;
}
#cont-aussen .whitebox h2, #cont-aussen .whitebox h3 {
 /*font-size: 1.3em;*/
 color: #000;
}
/*-- Whitebox+pad+bottom aber feste höhe und breite --*/
#cont-aussen .whitebox.fix {
	float: left;
	height: 250px;
	margin-right: 6px;
	width: 226px;
	overflow: hidden;
}
/*-- Whitebox+pad+nobottom --*/
#cont-aussen .whitebox-nobottom {
	background-color: #fff;
	margin: 0px 0px 0px 0px;
}
/*-- Whitebox+nopad+nobottom --*/
/* 'nopad' wird in Typo3 definiert indem div.innen entfernt wird */
#cont-aussen .whitebox-nopad-nobottom {
	background-color: #fff;
	margin: 0px 0px 0px 0px;
}
/*-- Whitebox+nopad+bottom --*/
/* 'nopad' wird in Typo3 definiert indem div.innen entfernt wird */
#cont-aussen .whitebox-nopad-bottom {
	background-color: #fff;
}





/*-- Blackbox+pad+bottom --*/
#cont-aussen .blackbox {
	background-color: #000;
	color: #fff;
}
#cont-aussen .blackbox h2, #cont-aussen .blackbox h3, #cont-aussen .blackbox ul {
	color: #fff;
}
/*-- Blackbox+pad+nobottom --*/
#cont-aussen .blackbox-nobottom {
	background-color: #000;
	color: #fff;
	margin: 0px 0px 0px 0px;
}
#cont-aussen .blackbox-nobottom h2, #cont-aussen .blackbox-nobottom h3 {
	font-size:1.3em;
	color: #fff;
}
#cont-aussen .blackbox-nobottom ul {
	color: #fff;
}
/*-- Blackbox+nopad+nobottom --*/
/* 'nopad' wird in Typo3 definiert indem div.innen entfernt wird */
#cont-aussen .blackbox-nopad-nobottom {
	background-color: #000;
	color: #fff;
	margin: 0px 0px 0px 0px;
}
#cont-aussen .blackbox-nopad-nobottom h2, #cont-aussen .blackbox-nopad-nobottom h3 {
	font-size:1.3em;
	color: #fff;
}
#cont-aussen .blackbox-nopad-nobottom ul {
	color: #fff;
}
/*-- Blackbox+nopad+bottom --*/
/* 'nopad' wird in Typo3 definiert indem div.innen entfernt wird */
#cont-aussen .blackbox-nopad-bottom {
	background-color: #000;
	color: #fff;
}
#cont-aussen .blackbox-nopad-bottom h2, #cont-aussen .blackbox-nopad-bottom h3 {
	font-size:1.3em;
	color: #fff;
}
 #cont-aussen .blackbox-nopad-nobottom ul {
 	color: #fff;
}
/*link normal*/
#cont-aussen .blackbox a,#cont-aussen .blackbox-nobottom a,#cont-aussen .blackbox-nopad-nobottom a,#cont-aussen .blackbox-nopad-bottom a {
	color: #fb349a;
}



/*-- pinkbox+pad+bottom --*/
#cont-aussen .pinkbox {
	background-color: #E20074;
	color: #fff;
}
#cont-aussen .pinkbox h2, #cont-aussen .pinkbox h3, #cont-aussen .pinkbox ul {
	/*font-size: 1.3em;*/
	color: #fff;
}
/*-- pinkbox+pad+nobottom --*/
#cont-aussen .pinkbox-nobottom {
	background-color: #E20074;
	color: #fff;
	margin: 0px 0px 0px 0px;
}
#cont-aussen .pinkbox-nobottom h2, #cont-aussen .pinkbox-nobottom h3 {
	font-size: 1.3em;
	color: #fff;
}
#cont-aussen .pinkbox-nobottom ul {
	color: #fff;
}
/*-- pinkbox+nopad+nobottom --*/
/* 'nopad' wird in Typo3 definiert indem div.innen entfernt wird */
#cont-aussen .pinkbox-nopad-nobottom {
	background-color: #E20074;
	color: #fff;
	margin: 0px 0px 0px 0px;
}
#cont-aussen .pinkbox-nopad-nobottom h2, #cont-aussen .pinkbox-nopad-nobottom h3 {
	font-size: 1.3em;
	color: #fff;
}
#cont-aussen .pinkbox-nopad-nobottom ul {
	color: #fff;
}
/*link normal*/
#cont-aussen .pinkbox a,#cont-aussen .pinkbox-nobottom a,#cont-aussen .pinkbox-nopad-nobottom a {
	color: #000;
}





/*-- Transparentbox --*/
#cont-aussen .csc-frame.transbox {
	background: none;
	min-height: 5px;
}

/*------------------------------------------------------------------------------------------------*/
/*-- cont opener --*/
/*-------------------------------------------------------------------------------------------------*/

#cont-aussen #cont-opener p a.external-link-new-window {
	float: left;
}
/*-- startbox-eins --*/
#cont-aussen #cont-opener .startbox-opener-eins {
	/*float: left;*/
	width: 380px;
	color: #fff;
	background-color: #000;
	overflow: hidden;
	margin-bottom: 0px;
}
#cont-aussen #cont-opener .startbox-opener-eins .innen {
	padding-left: 20px;
}
#cont-aussen #cont-opener .startbox-opener-eins h1 {
	font-size: 1.95em;
	font-weight: bold;
	line-height: normal;
	color: #FFF;
}
/*-- startbox-zwei --*/
#cont-aussen #cont-opener .startbox-opener-zwei {
	/*top: 280px;
	left: 180px;*/
	width: 379px;
	color: #fff;
	background-color: #000;
	/*position: absolute;
	z-index: 102;*/
	float: left;
	margin-left: 150px;
	margin-top: 0px;
	margin-bottom: 0px;
	overflow: hidden;
}
#cont-aussen #cont-opener .startbox-opener-zwei.vari2 {
	width: 410px;
	margin-left: 75px;
}
#cont-aussen #cont-opener .startbox-opener-zwei.vari3 {
	width: 470px;
	margin-left: 75px;
}
#cont-aussen #cont-opener .startbox-opener-zwei.vari4 {
	width: 340px;
	margin-left: 75px;
}
#cont-aussen #cont-opener .startbox-opener-zwei h2 {
	font-weight: bold;
	line-height: normal;
	color: #FFF;
}
/*-- startbox-drei --*/
#cont-aussen #cont-opener .startbox-opener-drei, #cont-aussen #cont-opener .startbox-opener-drei-nopad {
	float: right;
	width: 376px;
	/*height: 284px;*/
	color: #fff;
	overflow: hidden;
	position:relative;
	background-color: #000;
	overflow:hidden;
	margin-left: 0px;
	margin-top: -70px;
} 
#cont-aussen #cont-opener .startbox-opener-drei h1, #cont-aussen #cont-opener .startbox-opener-drei-nopad h1 {
	font-size: 1.95em;
	font-weight: bold;
	line-height: normal;
	color: #FFF;
}
#cont-aussen #cont-opener .startbox-opener-drei.vari2, #cont-aussen #cont-opener .startbox-opener-drei-nopad.vari2 {
	width: 475px;
}
#cont-aussen #cont-opener .startbox-opener-drei.vari3, #cont-aussen #cont-opener .startbox-opener-drei-nopad.vari3 {
	width: 415px;
}
#cont-aussen #cont-opener .startbox-opener-drei.vari4, #cont-aussen #cont-opener .startbox-opener-drei-nopad.vari4 {
	width: 545px;
}

#cont-aussen #cont-opener .startbox-opener-drei h2, #cont-aussen  #cont-opener .startbox-opener-drei-nopad h2 {
	font-weight: bold;
	line-height: normal;
}
/*--*/
/*--*/
/*---------------------------------------------------------------------------------------------*/
/*-- content block links --*/
/*---------------------------------------------------------------------------------------------*/ 

/*-- Startseite Boxen im Content ---------------*/
/*----------------------------------------------------------*/
/*-- startbox-eins --*/
#cont-content .startbox-eins {
	width: 370px;
	height: 273px;
	margin-top: 30px;
	float:left;
	margin-bottom: 0px;
} 
/*-- startbox-zwei (Pink)--*/

#cont-content .startbox-zwei {
	width: 191px;
	height: 273px;
	margin-top: 30px;
	float:left;
	color: #fff;
	background-color: #E20074;
	margin-bottom: 0px;
} 

#cont-content .startbox-zwei-bg {
	background: url(../images/bg_mitte_magenta.gif) no-repeat left top; 
	width: 191px;
	height: 273px;
	margin-top: 30px;
	float:left;
	color: #fff;
	margin-bottom: 0px;
}
#cont-content .startbox-zwei h3 {
	color: #fff;
} 
#cont-content .startbox-zwei a {
	color: #fff;
} 

/*-- startbox-drei --*/
#cont-content .startbox-drei {
	width: 370px;
	height: 328px;
	margin-top: 7px;
	float:left;
	margin-bottom: 0px;
} 

/*-- startbox-vier --*/
#cont-content .startbox-vier {
	width: 191px;
	height: 385px;
	margin-top: 7px;
	float:left;
	margin-bottom: 0px;
}
#cont-content .startbox-vier p a.internal-link {
	display: block;
	float: right;
	margin-top: 10px;
}
/*-- startbox-fuenf --*/
#cont-content .startbox-fuenf {
	width: 370px;
	min-height: 25px;
	height: 50px;
	margin-top: 7px;
	float:left;
	margin-bottom: 0px;
}
#cont-content .startbox-fuenf p b { /*wegen bug in ie6,7*/
	float:left;
}
/*-- endof Startseite Boxen ---------------*/
/*----------------------------------------------------------*/

/*--*/
/*--*/
/*---------------------------------------------------------*/
/*-- content block rechts --*/
/*---------------------------------------------------------*/ 



/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*-- Footer ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
/*-- footer ------------------------------------------------------*/
/*-- in cont-footer --*/
#footer {
	margin: 0px 0px 0px 30px;
	padding: 0px 0px 0px 0px;
	height: 43px;
	overflow: hidden;
}
#footer ul.footernavi {
    padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}
#footer li {
	list-style: none;
	float: left;
	border: none;
	padding: 0px 0px 0px 0px;
	color: #444;
	margin: 0px 12px 0px 0px;
}
#footer li a {
	font: 0.75em arial, verdana, times, serif;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #444;
}
#footer li a:hover {
	color: #444;
	text-decoration: none;
}
#footer .footernav-act a {
	text-decoration: underline;
}
#footer .footernav, #footer .footernav-act {
	text-decoration: none;
	padding: 0px 7px 0px 9px;
	margin: 4px 0px 0px 0px;
	color: #444;
}
#footer .footernav a, #footer .footernav-act a {
	display: block;
}
#footer .trenner {
	background: transparent url(../images/bg_footer_trenner.gif) no-repeat scroll 0 0;
}

#footer .footernav-no {
	font: 0.75em arial, verdana, times, serif;
	text-decoration: none;
	padding: 0px 40px 0px 0px;
	margin: 4px 0px 0px 0px;
	color: #444;
}
#footer .footernav-no.folast {
	/*padding-left: 45px;*/
	padding-right: 20px;
	float: right;
}
#footer .footernav-no.sociable {
	margin: 0px 0px 0px 0px;
	padding-right: 20px;
}
#footer .footernav-no.sociable a {
	margin-right: 4px;
}

/*-- end of footer ---------------------------------------------------------------*/
/* ---------------------------------------------------------------*/
/* ---------------------------------------------------------------*/
/* -- Modul SocialBookmark in der Navigation Style --------------------------------*/
/*--*/
#cont-bookmarks .tx-timtabsociable-pi1 {
 clear: both;
 margin: 2px 0px 0px 0px;
 padding: 0px;
 width: 128px;
 float: right;
}
#cont-bookmarks .tx-timtabsociable-pi1 a {
 margin: 0px 0px 0px 5px;
 padding: 0px;
}
/*--*/
/*-- end of Modul SocialBookmark in der Navigation Style -----------------------*/
/* ---------------------------------------------------------------*/		
/* ---------------------------------------------------------------*/
/* -- Modul tx-youtubeapi-list (youtubeapi) --------------------------------*/
/*--*/
#cont-aussen .tx-youtubeapi-list ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#cont-aussen .tx-youtubeapi-list ul li {
	float: left;
	margin: 0px;
}
#cont-aussen .tx-youtubeapi-list ul li span {
	display: none;
}
#cont-aussen .tx-youtubeapi-list ul li p a {
	padding: 0px;
}
#cont-aussen .tx-youtubeapi-list ul li p a img {
	border: solid 1px #6D6F70;
	width: 230px;
	height: 148px;
}
#cont-aussen  #cont-content-left .tx-youtubeapi-list ul li object {
	margin: 0px 2px 0px 2px;
}

/*--*/
/*-- end of Modul tx-youtubeapi-list (youtubeapi) -----------------------*/
/* ---------------------------------------------------------------*/	
/* ---------------------------------------------------------------*/	
/* -- Modul wt_twitter_newsticker (wt_twitter) --------------------------------*/
/*--*/
#cont-aussen #cont-opener #wt_twitter_newsticker ul li {
	color: #fff;
}
#cont-aussen #cont-opener #wt_twitter_newsticker ul li a img {
	width: 48px;
	height: 48px;
}
/* anzahl tweets auf der startseite auf 8 beschränken */
#cont-aussen #cont-content #wt_twitter_newsticker {
	height: 642px;
	overflow: auto;
}
/* anzahl tweets auf den untereiten auf 3 beschränken */
#cont-aussen #cont-opener #wt_twitter_newsticker {
	height: 260px;
	overflow: auto;
}



/*--*/
/*-- end of Modul wt_twitter_newsticker (wt_twitter) -----------------------*/
/* ---------------------------------------------------------------*/	
/* ---------------------------------------------------------------*/	
/* -- Modul Facebook Social Plugins (socialplugins) --------------------------------*/
/*--*/
#cont-aussen .csc-frame.transbox .innen iframe {
 	height: 25px;
	
}
/*--*/
/*-- end of Modul Facebook Social Plugins (socialplugins) -----------------------*/
/* ---------------------------------------------------------------*/	
/* ---------------------------------------------------------------*/	
/* -- Modul Flickr RSS (timtab_flickrrss) --------------------------------*/
/*--*/
.ui-tabs .ui-tabs-panel {
	padding: 0px;
}
/*--*/
/*-- end of Modul Flickr RSS (timtab_flickrrss) -----------------------*/
/* ---------------------------------------------------------------*/	
/* ---------------------------------------------------------------*/	
/* -- Modul Multiple Content Elemnts = Tabs,Accordeon (jfmulticontent) --------------------------------*/
/*--*/
/*-- Tab der Startseit --------------  --*/
#cont-aussen .tx-jfmulticontent-pi1 ul.ui-tabs-nav  li {
	margin: 0px 2px 0px 0px;
	width: 80px;
	height: 24px;
}
#cont-aussen .tx-jfmulticontent-pi1 .ui-tabs-nav {
	padding: 0px;
	margin: 0px;
	border-bottom: 3px solid #E20074;
}
/* Tab default zustand */
.ui-tabs .ui-state-default, .ui-widget-content .ui-state-default {
	background:url(../images/bg_tab_nav_off.png) no-repeat scroll 0 0; 
}
/* Tab activ zustand */
.ui-tabs .ui-state-active, .ui-widget-content .ui-state-active {
	background:url(../images/bg_tab_nav_on.png) no-repeat scroll 0 0;
}
/* Tab Link default farbe */
.ui-tabs .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
	color: #000;
	text-decoration:none;
}
/* Tab Link activ farbe */
.ui-tabs .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
	color:#fff;
	text-decoration:none;
}
/* Tab Link default abstand */
.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: 5px 1em 11px 1em;
	text-decoration: none;
}


/*-- Accordeon: FAQ der Seite Kategorie "Freestyle" --------------  --*/
#cont-aussen .tx-jfmulticontent-pi1 .ui-accordion h3.ui-accordion-header {
	color: #fff;
	font-size: 0.85em;
	padding: 10px 0px 10px 40px;
}
#cont-aussen .tx-jfmulticontent-pi1 .ui-accordion h3 a {
	color: #fff;
	/*padding-bottom: 5px;*/
	background-color: #000;
}
/*-- headline inaktiv --*/
#cont-aussen .tx-jfmulticontent-pi1 .ui-accordion h3.ui-accordion-header.ui-state-default {
	/*padding-bottom: 2px;*/
	background: #000 url(../images/bg_but_faq_off.gif) no-repeat scroll 0 0;
}
#cont-aussen .tx-jfmulticontent-pi1 .ui-accordion h3.ui-accordion-header.ui-state-default a {
	/*line-height: 34px;*/
	/*padding: 10px 10px 10px 0px;*/
}
/*-- headline aktiv --*/
#cont-aussen .tx-jfmulticontent-pi1 .ui-accordion h3.ui-accordion-header.ui-state-active {
	background: #E20074 url(../images/bg_but_faq_on.gif) no-repeat scroll 0 0;
}
#cont-aussen .tx-jfmulticontent-pi1 .ui-accordion h3.ui-accordion-header.ui-state-active a {
	/*line-height: 34px;*/
	background-color: #E20074;
}

/*-- textbox --*/
#cont-aussen .tx-jfmulticontent-pi1 .ui-accordion .ui-accordion-content-active .csc-frame.pinkbox {
	margin-bottom: 0px;
}
#cont-aussen .tx-jfmulticontent-pi1 .ui-accordion .ui-accordion-content-active .csc-frame.pinkbox .innen {
	padding-left: 40px;
}
#cont-aussen .tx-jfmulticontent-pi1 .ui-accordion .ui-accordion-content-active .pinkbox .innen h1 {
	/*display: none;*/
	font-size: 0.01em;
	padding: 0px;
	color: #E20074;
}





/*-- Slider: Rückblick 2009 ------------------------------------------------  --*/
#cont-aussen .tx-jfmulticontent-pi1 .anythingSlider {
	width:640px;
}
#cont-aussen .tx-jfmulticontent-pi1 .anythingSlider .wrapper ul {
	background:none repeat scroll 0 0 #fff;
	border-bottom: none;
	border-top: none;
}


/*-- Test der FAQ Seite mit Spalten -------------- --*/
#cont-aussen .tx-jfmulticontent-pi1 .subcolumns .c16l, #cont-aussen .tx-jfmulticontent-pi1 .subcolumns .c16r {
	float:left;
	width:200px;
}
/*--*/
/*-- end of Modul Multiple Content Elemnts = Tabs,Accordeon (jfmulticontent) -----------------------*/
/* ---------------------------------------------------------------*/	
/* ---------------------------------------------------------------*/
/* -- Modul Newsletter Anmeldung (directmail) --------------------------------*/
/*--*/
/*-- Anmeldung --*/
#cont-aussen #directmail {
	font-size: 0.7500em;
	width:379px;
}
#cont-aussen #directmail input {
	/*margin: 0px 0px 0px 0px;
	border: solid 1px #A4A6A6;
	padding: 1px 0px 1px 3px;*/
	font-size: 1.0em;
	background: url("../images/bg_inputfield.gif") no-repeat scroll 0 0 transparent;
	border: 1px solid #EDEDED;
}
#cont-aussen #directmail .checkboxen input {
	border: solid 1px #fff;/*muss bleiben*/
	text-align: left;
	margin: 5px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	width: 15px;
	/*height: 15px;*/
}

#cont-aussen #directmail .senden {
	width: 150px;
	/*height: 20px;*/
	margin: 10px 10px 0px 0px;
	cursor:pointer;
	border: none;
    padding: 1px 0px 10px 2px;
    font-family: arial, verdana, helvetica, sans-serif;
    font-weight: normal;
	/*font-size: 1.25em;*/
    color: #fff;
    text-decoration: none;
    background: transparent url(../images/bg_internallink.gif) repeat-x scroll 0 0;
}
#cont-aussen #directmail .abbrechen {
	display: none;
}
#cont-aussen #directmail a {
	font-size: 1.0em;
	text-decoration:underline;
}
#cont-aussen #directmail .newsletter-error {
	color: #ff0000;
}

/*--*/
/*-- end of Modul Newsletter Anmeldung (directmail) --------------------------------*/
/* ---------------------------------------------------------------*/	
/* ---------------------------------------------------------------*/	
/* -- Modul News (tt_news) --------------------------------*/
/*--*/
/*-- Listenansicht --*/
#cont-aussen .news-list-container .news-list-item {
	border-bottom: solid 1px #A8A8A8;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
#cont-aussen .news-list-container .news-list-item .news-list-date {
	padding-left: 0px;
	float: none;
	font-size: 0.55em;
	font-weight: bold;
}
#cont-aussen .news-list-container .news-list-item h3 {
	/*border-bottom: solid 1px #A8A8A8;*/
}
#cont-aussen .news-list-container .news-list-item .news-list-morelink {
	padding-left: 0px;
}
#cont-aussen .news-list-container .news-list-item .news-list-morelink a {
	margin: 1px 8px 0px 0px;
    padding: 1px 10px 6px 10px;
    font-family: arial, verdana, helvetica, sans-serif;
    font-weight: normal;
    color: #fff;
    text-decoration: none;
    background: transparent url(../images/bg_internallink_more.gif) no-repeat;
	font-size: 0.75em;
}


#cont-aussen .news-list-container .news-list-item .news-list-category {
	display: none;
}
#cont-aussen .news-list-container img {
	float: left;
	margin: 4px 10px 0px 0px;
}
#cont-aussen .news-list-container .news-list-browse {
	font-size:0.85em;
	margin-bottom: 0px;
}
/*-- Latestansicht --*/
#cont-aussen .news-latest-container, #cont-aussen .news-latest-container .news-latest-item {
	padding: 0px;
}
#cont-aussen .news-latest-container .news-latest-item p {
	padding-bottom: 10px;
}
#cont-aussen .news-latest-container .news-latest-item h2 a {
	color: #fff;
	font-size: 1.3em;
}
#cont-aussen .news-latest-container .news-latest-item .news-latest-morelink {
	margin-bottom: 5px;
	width: 150px;
	height: 20px;
    background: transparent url(../images/bg_internallink_black.gif) repeat-x scroll 0 0;
	text-align: center
}
#cont-aussen .news-latest-container .news-latest-item .news-latest-morelink a {
	width: 150px;
	height: 20px;
	text-align: center;
	margin: 1px 8px 5px 0px;
    padding: 0px;
    font-family: arial, verdana, helvetica, sans-serif;
    font-weight: normal;
    color: #fff;
    text-decoration: none;
	font-size: 1.3em;
}
/* Pagebrowser */


/*-- Detailansicht --*/
#cont-aussen .news-single-item {
	padding: 0px;
}
#cont-aussen .news-single-item h3 {
	font-size: 1.3em;
}
#cont-aussen .news-single-item h2 {
	font-size:0.75em;
	font-weight:normal;
	line-height: 19px;
	padding-bottom: 20px;
}

#cont-aussen .news-single-item .news-single-timedata {
	font-size: 0.75em;
	border-bottom: solid 1px #A8A8A8;
	font-weight:bold;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 10px 0px;
}
#cont-aussen .news-single-item .news-single-img {
	float: left;
	margin: 2px 20px 0px 0px;
}
#cont-aussen .news-single-item .news-single-img .news-single-imgcaption {
	font-size: 0.6em;
	line-height: 10px;
	margin: 0px;
	padding: 0px;
}
#cont-aussen .news-single-item .news-single-backlink {
	margin-bottom:20px;
	padding:5px 0 5px 20px;
	border: solid 1px #CACACA;
	background: transparent url(../images/bg_but_news_single_backlink.gif) repeat-x scroll 0 0;
}
#cont-aussen .news-single-item .news-single-backlink a {
	font-size: 0.75em;
}
/*--*/
/*-- end of Modul News (tt_news) -----------------------------------------------------*/
/* ---------------------------------------------------------------*/	
/* ---------------------------------------------------------------*/	
/* -- Modul Kontaktseite (formhandler) --------------------------------*/
/*--*/
#cont-aussen .Tx-Formhandler {
	font-size: 0.75em;
	margin-top: 20px;
}
#cont-aussen .Tx-Formhandler input, #cont-aussen .Tx-Formhandler textarea, #cont-aussen .Tx-Formhandler select {
	border: 1px solid #EDEDED;
	background: transparent url(../images/bg_inputfield.gif) no-repeat scroll 0 0;
	padding: 1px 2px 1px 2px;
	font-size: 1em;
	font-family: arial, verdana, helvetica, sans-serif;
	width: 395px;
	max-width: 395px;
	height: 18px;
}
/*extra breiten, extra höhen*/
#cont-aussen .Tx-Formhandler select.anrede {
	width: 155px;
	max-width: 155px;
}
#cont-aussen .Tx-Formhandler input.plz {
	width: 131px;
	max-width: 131px;
}
#cont-aussen .Tx-Formhandler input.ort {
	width: 256px;
	max-width: 256px;
}
#cont-aussen .Tx-Formhandler input.tel, #cont-aussen .Tx-Formhandler input.fax {
	width: 193px;
	max-width: 193px;
}
#cont-aussen .Tx-Formhandler textarea {
	height: 155px;
}
/*fieldset,label,legend*/
#cont-aussen .Tx-Formhandler fieldset {
	border: solid 1px #CACACA;
	padding: 20px 10px 10px 15px;
	margin: 0px 0px 20px 0px;
}
#cont-aussen .Tx-Formhandler fieldset legend {
	display: block;
	padding: 0px 5px 0px 5px; 
	margin: 0px;
}
#cont-aussen .Tx-Formhandler fieldset label {
	width: 81px;
	float: left;
}
#cont-aussen .Tx-Formhandler fieldset .csc-mailform-field {
	margin-bottom: 10px;
	margin-top: 10px;
}

/*errors*/
#cont-aussen .Tx-Formhandler fieldset .csc-mailform-field a {
	display: block;
	color: #E20074;
	font-size: 1.3em;
}
/*captcha*/
#cont-aussen .Tx-Formhandler fieldset.captcha-data {
	background: transparent url(../images/bg_captchafield.gif) repeat-x scroll 0 0;
	color: #424242;
	padding: 10px;
	height:50px;
	overflow:hidden;
}
#cont-aussen .Tx-Formhandler fieldset.captcha-data .csc-mailform-field.text {
	width: 200px;
	float:left;
	margin-bottom: 0px;
	margin-top: 0px;
}
#cont-aussen .Tx-Formhandler fieldset.captcha-data .csc-mailform-field.captcha {
	padding: 10px 16px 0px 0px;
	float:right;
	width: 250px;
}
#cont-aussen .Tx-Formhandler fieldset.captcha-data .csc-mailform-field.captcha .captchaimage {
	float:left;
}
#cont-aussen .Tx-Formhandler fieldset.captcha-data .csc-mailform-field.captcha input {
	background: transparent url(../images/bg_captcha_inputfield.gif) no-repeat scroll 0 0;
	width: 100px;
	float: right;
}
/*submit,reset*/
#cont-aussen .Tx-Formhandler .csc-mailform-field.submit-reset {
	float: right;
	padding-bottom: 20px;
}
#cont-aussen .Tx-Formhandler .csc-mailform-field input.reset, #cont-aussen .Tx-Formhandler .csc-mailform-field input.submit {
	width: 100px;
	height: 26px;
	margin: 10px 0px 0px 0px;
	padding: 1px 0px 10px 2px;
	cursor:pointer;
	border: none;
    font-family: arial, verdana, helvetica, sans-serif;
    font-weight: normal;
	/*font-size: 1.25em;*/
    color: #fff;
    text-decoration: none;
    background: transparent url(../images/bg_internallink.gif) repeat-x scroll 0 0;
}
#cont-aussen .Tx-Formhandler .csc-mailform-field input.reset {
	margin-right: 10px;
	padding: 1px 0px 10px 2px;
}
/*--*/
/*-- end of Kontaktseite (formhandler) -----------------------------------------------------*/
/* ---------------------------------------------------------------*/	
/* ---------------------------------------------------------------*/