@import url(gallery.css);
@import url(slideshow.css);

body, html {
   margin: 0;
   padding: 0;
}

body {
   font: 80%/140%  arial, helvetica, sans-serif;/* 1em ist jetzt 12px gross (1em ~= 16px) */
   background: #fff url(../images/ch-open-open-expo_02.gif) no-repeat 50% 0%;
}

#seiteninhalt {
   width: 960px;
   margin: auto;
   text-align: left;
   background: url(../images/ch-open-open-expo_06.gif) no-repeat bottom left;
}

#kopf {
   width: 960px;
   height: 175px;
   padding: 0;
}

#logo {
   float: left;
   width: 200px;
   margin: 0;
}

.logo {
   margin: 30px 0 0 21px;
   padding: 10px;
}

#titel {
   float: left;
   padding-top: 38px;
   width: 600px;
}


#titel p {
   font-size: 1.9em;
   color: #909090;
   font-weight: bold;
   margin: 48px 0 0 9px;
   padding: 0;
   height: 35px;
   width: 700px;
}

#language {
text-align: center;
   margin: 0px 0px 0 0;
   background-color: #888888;
   color: #ffffff;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#language a,
#language a:visited,
#language a:active,
.selectedlang {
	color: #ffffff;
	text-decoration: none;
	padding: 4px
}

#language a:hover {
   background-color: #ffffff;
   color: #888888;
}

.selectedlang {
   font-weight: bold;
}

#navigation {
   float: left;
   width: 190px;
   min-height: 425px;
   overflow: hidden;
   margin: 0;
   clear:left;
}

#menu_1 .menu1-level1-no,
#menu_1 .menu1-level1-act,
#menu_1 .menu1-level1-cur {
   font-size: 14px;
   line-height: 1.6em;
   border-bottom: 1px solid #FFA200;
   margin: -5px 0 5px 0;
   padding: 2px 0 2px 7px;
}

#menu_1 .menu1-level1-act,
#menu_1 .menu1-level1-cur {
   border: none;
}

#menu_1 .menu1-level2-no,
#menu_1 .menu1-level2-act,
#menu_1 .menu1-level2-cur {   
   border-left: 4px solid #BEBEBE;
   margin: 0 0 0 8px;
   padding: 0px 0 0px 8px;
   font-size: 1.1em;
   line-height: 1.5em;
   font-weight: normal;
}

#menu_1 .menu1-level3-no,
#menu_1 .menu1-level3-act,
#menu_1 .menu1-level3-cur {   
   margin: 0 0 0 8px;
   padding: 0 0 0 8px;
   border-left: 4px solid #BEBEBE;
   font-size: 1em;
   line-height: 1.5em;
   font-weight: normal;
}

#menu_1 .menu1-level3-no a,
#menu_1 .menu1-level3-act a,
#menu_1 .menu1-level3-cur a {
   margin: -2px 0 -2px 0;
   padding: 2px 0 2px 8px;
   border-left: 4px solid #CCCCCC;
}

#menu_1 .last {
   margin-bottom: 10px;
}

#menu_1  a {
   color: #333333;
   text-decoration: none
}

#menu_1 a:hover,
#menu_1 .menu1-level1-cur a,
#menu_1 .menu1-level2-cur a,
#menu_1 .menu1-level3-cur a {   
   color: #FFA200;
}

#menu_1 .menu1-level1-cur a,
#menu_1 .menu1-level1-act a,
#menu_1 .menu1-level2-cur a,
#menu_1 .menu1-level2-act a,
#menu_1 .menu1-level3-cur a,
#menu_1 .menu1-level3-act a {
   font-weight: bold;
}

#menu_1 .menu1-level1-no a,
#menu_1 .menu1-level2-no a,
#menu_1 .menu1-level3-no a {
	display: block;
}

#menu li li ul {
   margin: 4px 8px 8px 8px;
   border-left: 4px solid #CCCCCC;
}

#menu li a:hover {
   color: #FFA200;
}

#menu li .hier {
   font-weight: bold;
   border-bottom: 1px solid White;
}

#menu li li a:hover {
   color: #FFA200;
}

#menu li li .hier,
#menu .hier {
   font-weight: bold;
}

li.active a {
   background-color: #F0F5FA;
   font-weight: bold;
}

/* Ende Navigation */



#sponsorenanzeige {
   width: 190px;
   padding-bottom: 30px;
   text-align: center;
}

.sponsortitel {
   margin: 0 10px 20px 0;
}

.sponsortitel a,
.sponsortitel a:visited,
.sponsortitel a:hover,
.sponsortitel a:active {
   color: #707070;
   font-weight: bold;
   text-decoration: none;
   border-bottom: 1px solid #888888;
}

.sponsortitel a:hover {
   border-bottom: 1px solid #888888;
}

.sponsorlogo {
   margin: 20px 0;
}

#contentframe {
   background: transparent url(../images/w85.png) repeat;
   width: 680px;
   float: right;
   margin: 0 70px 0 0;
   border-top: 4px solid #CCCCCC;
   min-height: 300px;
}

#content {
   margin: 0;
   padding: 0;
}

#fuss {
   clear: both;
   width: 960px;
   margin: 30px 0 0 0;
   padding: 0;
   height: 130px;
   text-align: right;
   border-top: 4px solid #f1f1f1;
   vertical-align: bottom;
}

#fuss a,
#fuss a:visited,
#fuss a:active,
#fuss a:hover {
   color: #707070;
   text-decoration: none;
   padding: 5px 0 0 0;
}

#fuss a:hover {
   border-bottom: 1px solid #707070;
}

#fuss p {
   margin-top: 67px;
   font-size: 12px;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: #888888;
}

.fusstext {
   float: right;
   width: 185px;
   height: 40px;
   color: #707070;
   font-weight: normal;
   text-align: right;
   margin: 0;
   padding: 0;
}

.fusscontainer {
   float: right;
   width: 290px;
   margin: 34px 70px 0 0;
   text-align: right;
}

#printfuss {
   display: none;
}

/* Styles */

p, div, td, th, ul, li {
   color: #333333;
}

h1, h2, h3, h4, h5, #title,
h1 a, h2 a, h3 a, h4 a, h5 a,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited,
h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
   color: #ffa200;
}

#title {
   font-size: 1.6em;
   line-height: 1.3em;
   font-weight: normal;
   margin: 7px 0 20px 0;
   padding-top: 30px;
   color: #FFA200;
}

h1 {
   clear: left;
   font-size: 1.3em;
   line-height: 1.3em;
   font-weight: normal;
   margin: 0 0 5px 0;
   color: #FFA200;
}

h1 a {
   text-decoration: none;
}

.trenner {
   clear: both;
   float: left;
   width: 100%;
   height: 5px;
   margin-top: 30px;
   padding: 0;
   border-top: 4px solid #CCCCCC;   
}

h3 {
   font-size: 1.2em;
   line-height: 1.3em;
   font-weight: bold;
   margin: 10px 0 5px 0;
   color: #FFA200;
}

h4 {
   font-size: 1.1em;
   line-height: 1.3em;
   font-weight: bold;
   margin: 5px 0 0 0;
}

h5 {
   font-size: 1em;
   line-height: 1.3em;
   font-weight: bold;
   margin: 5px 0 0 0;
}

p {
   margin: 0 0 7px 0;
}

ul {
   margin: 0;
}

li {
   list-style-image: url(../images/ul-openexpo.gif);
   margin: 0 0 6px 0;
   line-height: 1.5em;
}

/* Formulare */

input, select, textarea, area {
   font-family: Arial, Helvetica, sans-serif;
   margin: 2px;
   padding: 2px;
   line-height: 1.1em;
   font-size: 0.9em;
}

input, textarea, area {   
   border: 1px solid #CCCCCC;
}

.radio, .checkbox {
   margin: 0;
   padding: 0;
   border: none;
}

.submit, .reset {
   background-color: #F1F1F1;
   color: #888888;
   font-weight: bold;
   padding: 2px 10px;
}

.submit:hover,
.reset:hover {
   background-color: #888888;
   color: White;
}

.required {
   font-weight: bold;
   color: #888888;
}

.inputNormal {
   width: 185px;
}

.inputPLZ {
   width: 40px;
}

.inputOrt {
   width: 133px;
}

.inputBreit, 
.inputTextareaBreit {
   width: 400px;
}

.inputTextareaBreit {
   height: 80px;
}

/* Ende Formulare */

/* Tabellen Default */

table {
   margin: 20px 0;
   width: 100%;
   padding: 0;
   /*border-top: 1px solid #888888;*/
   border: none;
   border-collapse: collapse;
}

td, th {
   vertical-align: top;
   margin: 0;
   /*border-bottom: 1px solid #888888;*/
   padding: 2px;
   line-height: 1.2em;
}

.dbkopf {
   line-height: 2em;
   color: #888888;
   font-weight: bold;
}

/* Layouttabellen */

table.layouttable {
   border-top: none;
}

.layouttable td {
   border: none;
   padding: 2px;
   line-height: 1.2em;
   vertical-align: top;
}

/* Datentabelle vertikal */

.border td {
   border: 1px solid #888888;
   padding: 2px 4px;
}

/* Inhaltsspalte */

p a,
p a:visited,
p a:active,
p a:hover,
td a,
td a:visited,
td a:active,
td a:hover,
li a,
li a:visited,
li a:active,
li a:hover {
   color: #333;
   text-decoration: none;
   border-bottom: 1px solid #CCCCCC;
}

p a:hover,
td a:hover,
li a:hover {
   border-bottom: 1px solid #888888;
}

img {
   border: none;
}

img a,
img a:visited,
img a:active,
img a:hover,
a.img,
a.img:visited,
a.img:active,
a.img:hover {
   text-decoration: none;
   border-bottom: none;
}

/* diverse Styles */

.fett {
   font-weight: bold;
}

.sponsorbox,
.rechtsbox {
   float:right;
   width: 240px;
   margin: 0 10px 10px 10px;
   background: transparent url(../image/b85.png) repeat;
   padding: 5px;
   text-align: center;
}

.sponsorbox p,
.sponsorbox h2,
.rechtsbox p,
.rechtsbox h2 {
   text-align: left;
}

.sponsorbox img,
.rechtsbox img {
   margin-bottom: 10px;
}

.sponsortitel {
   font-weight: bold;
}



.r {
   text-align: right;
}

.c {
   text-align: center;
}

.u {
   vertical-align: bottom;
}

.clear {
   clear: both;
}

/* OpenExpo - Typo3 */

#contentright {
   float: right;
   width: 250px;
   margin: 20px 0 20px 0;
   padding-left: 30px;
}


#content .bodytext {
   float: left;
   width: 370px;
}

#content ul {
   float: left;
   clear: left;
   width: 360px;
}

.csc-textpic {
}

#content .csc-textpicHeader {
   float: left;
   width: 370px;
}

#content .csc-textpic-intext-right-nowrap img {
   float: right;
   text-align: right;
   margin: 0 0 20px 0;
   padding: 0;
}

#content .csc-textpic-intext-left-nowrap img {
   float: left;
   width: auto;
   margin: 0 0 20px 0;
   padding: 0;
}

#content .csc-textpic-clear {
   clear: both;
   height: 5px;
   margin-top: 30px;
   padding: 0;
   border-top: 4px solid #CCCCCC;
}

.contenttable {
	margin:0px;
	border-collapse: collapse;
	border-spacing: 0px;
	float: left;
}
.contenttable td {
	padding: 5px;
   line-height: 1.4em;
   font-size: 0.9em;
}
.tr-even,.tr-odd {
	border-bottom: 1px solid #7390af;
}
.tr-0 {
	border-top: 1px solid #7390af;
}
.td-0 {
	font-weight: bold;
}
h1 {
   padding-top: 30px;
}
.csc-firstHeader {
   padding-top: 0px;
}
.csc-textpic-text h1 {
   padding-top: 0px;
}
.english {
	color: #000000;
	background-color: #FFA200;
}
.contenttable a, .contenttable a:hover, .contenttable a:active, .contenttable a:visited {
   border-bottom: 0px solid;
}
.csc-textpic-caption {
    font-weight: bold;
    font-size: 11px;
    line-height: 12px;
    padding: 1px 0px 10px 0px;
}
.tx-powermail-pi1 input, textarea, select {
	width: 300px;
	display: block;
	position: relative;
	font-weight: normal;
	color: #000000;

}
.tx-powermail-pi1 textarea {
	height: 100px;
	color: #000000;
	font-weight: normal;
}
.powermail_radio_inner label {
	float: left;
	padding-bottom: 10px;
}
.powermail_radio_inner input {
	float: left;
	width: auto;
	margin-right: 40px;
}
.powermail_radio_inner {
	display: block;
}
.tx_powermail_pi1_fieldwrap_html label, .tx_powermail_pi1_fieldwrap_html p {
	font-size: 11px;
}
.tx_powermail_pi1_fieldwrap_html_radio_title {
	margin-bottom: 0px;
}
.tx_powermail_pi1_fieldwrap_html {
	clear: both;
}
.tx_powermail_pi1_fieldwrap_html {
	padding-top: 5px;
}
.tx-powermail-pi1 fieldset {
	width: 400px;
}
.powermail_mandatory_js {
	color: #ff0000;
	font-weight: bold;
	font-size: 11px;
}
#banners {
	text-align: center;
	margin-bottom: 20px;
}
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
	border: 12px solid white;
	padding: 0px 0px;
}

#newslettersubscription {
   float: left;
   padding-top: 26px;
   padding-left: 8px;
}

#youtube {
   float: left;
   padding-top: 15px;
   padding-left: 80px;
}