@charset "UTF-8";

/*
Kongress Ö&D (February 2010) (c) Axel Lüssow.
- Website:http://oeffentlichkeit-und-demokratie.de/
------------------------------------------------------
@Fonts
----------------------------------------------------*/

@font-face {
	font-family:'Bitstream Vera Sans';
	src:url('../font/Vera-Bold.eot');
	src:local('Bitstream Vera Sans Bold'), local('BitstreamVeraSans-Bold'),
	url('../font/Vera-Bold.woff') format('woff'),
	url('../font/Vera-Bold.ttf') format('truetype'),
	url('../font/Vera-Bold.svg#BitstreamVeraSans-Bold') format('svg');
	font-weight:bold;
}

@font-face {
	font-family:'Bitstream Vera Sans';
	src:url('../font/Vera-Italic.eot');
	src:local('Bitstream Vera Sans Oblique'), local('BitstreamVeraSans-Oblique'),
	url('../font/Vera-Italic.woff') format('woff'),
	url('../font/Vera-Italic.ttf') format('truetype'),
	url('../font/Vera-Italic.svg#BitstreamVeraSans-Oblique') format('svg');
	font-style:italic,oblque;
}
/*
@font-face {
	font-family:'Bitstream Vera Sans';
	src:url('../font/Vera-Bold-Italic.eot');
	src:local('Bitstream Vera Sans Bold Oblique'), local('BitstreamVeraSans-BoldOblique'),
	url('../font/Vera-Bold-Italic.woff') format('woff'),
	url('../font/Vera-Bold-Italic.ttf') format('truetype'),
	url('../font/Vera-Bold-Italic.svg#BitstreamVeraSans-BoldOblique') format('svg');
	font-weight:bold;
	font-style:italic,oblque;
}
*/
@font-face {
	font-family:'Bitstream Vera Sans';
	src:url('../font/Vera.eot');
	src:local('Bitstream Vera Sans Roman'), local('BitstreamVeraSans-Roman'),
	url('../font/Vera.woff') format('woff'), url('../font/Vera.ttf') format('truetype'),
	url('../font/Vera.svg#BitstreamVeraSans-Roman') format('svg');
}

/*----------------------------------------------------
@Body styles
----------------------------------------------------*/

html {
	overflow-y:scroll;
} 

body {
	color:#000;
	margin:0;
	border:none;
	font-family:'BitstreamVeraSansRoman', 'Verdana', 'Arial', 'Helvetica', sans-serif;
	font-size:100%;
}

#kongress_body {
	margin-top:0;
	margin-bottom:0;
	background:url(bg_schlagworte_repeat_solid.png) top left repeat;
	background:url(bg_streifen_norepeat_nw_transparent.png) top left no-repeat,
	url(bg_schlagworte_repeat_transparent.png) top left repeat;
	/* url(bg_greyscale_norepeat_solid.png) top left no-repeat; */
	background-attachment:fixed;
	background-color:#111;
	padding:20px 0;
	text-align:center;
	overflow:visible;
	font-size:0.8em;
}

/*----------------------------------------------------
@Heading styles
----------------------------------------------------*/

/* Titel */
h1 {
	font-size:1.3em;
	font-weight:bold;
	line-height:1.4em;
	margin:0;
	display:inline-block;
}

/* Überschriften (Main) */
h2 {
	font-weight:bold;
	font-size:1.0em;
	margin:0;
	display:inline-block;
}

/* Überschriften (Sub) */
h3 {
	font-weight:normal;
	font-size:1.0em;
	margin:0;
	display:inline-block;
}

/* Untertitel */
h4 {
	font-weight:normal;
	font-size:1.0em;
	margin:0;
	display:inline-block;
}

/* Namen */
h5 {
	font-weight:normal;
	font-size:1.0em;
	margin:0;
	display:inline-block;
	text-transform:uppercase;
	line-height:2.0em;
}

/* Kleingedrucktes */
h6 {
	font-weight:normal;
	font-size:0.7em;
	margin:0;
	display:inline-block;
}

/*----------------------------------------------------
@Link styles
----------------------------------------------------*/

a:link, a:visited, a:hover
{
	color:#000;	
}

a:focus, a:active
{
	color:#bbb;
	text-decoration:underline;
}

.link {
	text-decoration:underline;
	cursor:pointer;
	cursor:hand;
}

a.internal,
a[href ^="#"] {
	text-decoration:underline;
}

a.jumptab,
a[href ="#"] {
	text-decoration:underline;
}

a.external,
a[href ^="http://"] {
	background: url("external.png") center right no-repeat;
	padding-right: 13px;
}

a[href ^="https://"],
.link-https {
	background: url("lock_icon.gif") center right no-repeat;
	padding-right: 16px;
}

a[href ^="mailto:"],
.link-mailto {
	background: url(mail_icon.gif) center right no-repeat;
	padding-right: 18px;
}

a.[href $=".odt"], a.[href $=".ODT"],
a.[href $=".doc"], a.[href $=".DOC"],
a.[href $=".pdf"], a.[href $=".PDF"],
.link-document {
	background: url("document.png") center right no-repeat;
	padding-right: 12px;
}
/*
a.external[href $=".ogg"], a.external[href $=".OGG"],
.link-audio {
	background: url("audio.png") center right no-repeat;
	padding-right: 13px;
}

a.external[href $=".mkv"], a.external[href $=".MKV"],
.link-video {
	background: url("video.png") center right no-repeat;
	padding-right: 13px;
}
*/
a img {
	border:none;
	background-color:transparent;
}

a.plain {
	background:none;
	padding:0;	
}

img.a {
	border: solid 2px #000;
	background-color:transparent;
	vertical-align:middle;
}

.autowidth {
	width:auto;
}

.fixedwidth {
	width:100%; !important
}

.absolutedwidth {
	width:500px; !important
}

/*----------------------------------------------------
@Colour styles
----------------------------------------------------*/

.back_colour {
	background-color:#ddd;
}

.main_colour {
	background-color:#ccc;
}

.sub_colour, .gallery tr, .unterstuetzer tr	 {
	background-color:#eee;
}

.strangx {
	background-color:#d7d7d7;
	cursor:pointer;
	cursor:hand; 
}

.strangx:hover {
	background-color:#eee;
}

.strang0 {
	background-color:#e7e7e7;
	cursor:pointer;
	cursor:hand;
}

.strang0:hover {
	background-color:#fff;
}

.strang1 {
	background-color:#cc6866; /* #d71f1d */
	cursor:pointer;
	cursor:hand;
}

.strang1:hover, #info1:hover, #hintergrund1:hover, #programm1:hover {
	background-color:#e57573;
}

.strang1_tab, #info1, #hintergrund1, #programm1 {
	background-color:#cc6866;
}

.strang1_tab tr {
	background-color:#eee;
	border-bottom:solid 5px #cc6866;
}

.strang2 {
	background-color:#66b2cc; /* #39afd6 */
	cursor:pointer;
	cursor:hand;
}

.strang2:hover, #info2:hover, #hintergrund2:hover, #programm2:hover {
	background-color:#73c9e5;
}

.strang2_tab, #info2, #hintergrund2, #programm2 {
	background-color:#66b2cc;
}

.strang2_tab tr {
	background-color:#eee;
	border-bottom:solid 5px #66b2cc;
}

.strang3 {
	background-color:#a660bf;
	cursor:pointer;
	cursor:hand;
}

.strang3:hover, #info3:hover, #hintergrund3:hover, #programm3:hover {
	background-color:#c773e5;
}

.strang3_tab, #info3, #hintergrund3, #programm3 {
	background-color:#a660bf;
}

.strang3_tab tr {
	background-color:#eee;
	border-bottom:solid 5px #a660bf;
}

.strang4 {
	background-color:#60bf68; /* #319239 */
	cursor:pointer;
	cursor:hand;
}

.strang4:hover, #info4:hover, #hintergrund4:hover, #mitmachen4:hover, #programm4:hover {
	background-color:#73e57c;
}

.strang4_tab, #info4, #hintergrund4, #mitmachen4, #programm4 {
	background-color:#60bf68;
}

.strang4_tab tr {
	background-color:#eee;
	border-bottom:solid 5px #60bf68;
}

/*----------------------------------------------------
@Generic page styles
----------------------------------------------------*/
/*
.transparent {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity:0.8;
	opacity:0.8;
}

.solid {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
}
*/
.caption1 {
	margin-bottom:1em;
}

.caption2 {
	margin-bottom:0.5em;
}

.compressed {
	line-height:1.0em;
}

.expanded {
	line-height:1.3em;
}

.align_left {
	text-align:left;
}

.align_center {
	text-align:center;
}

.align_right {
	text-align:right;
}

.plain {
	text-decoration:none;
	cursor:pointer;
	cursor:default
}

.plainlink {
	text-decoration:none;
	cursor:pointer;
	cursor:hand;
}

.cell_right {
	width:50%;
	border-left:solid 5px #ddd;
	text-align:center;
}

.cell_left {
	width:50%;
	border-right:solid 5px #ddd;
	text-align:center;
}

.rounded {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	border-radius:10px 10px 10px 10px;
}

/*----------------------------------------------------
@Fontsizer
----------------------------------------------------*/
/*
ul.fontsizer {
	font-size:11px;
	position:absolute;
	top:8px;
	right:70px;
}

ul.fontsizer li {
	padding:0;
	margin:0;
	display:inline;
	background:none;
}
*/
/*----------------------------------------------------
@Obfuscation w/ ROT13
----------------------------------------------------*/
/*
span.codedirection {
	unicode-bidi:bidi-override; direction:rtl;
}

span.displaynone {
	display:none;
}
*/
/*----------------------------------------------------
@Tabs CSS
----------------------------------------------------*/

.main_tab {
	padding:30px 35px 40px;
}

.sub_tab {
	padding:25px 35px 30px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-radius-bottomleft:10px;
	-webkit-border-radius-bottomright:10px;
	-webkit-border-radius-topright:10px;
	-khtml-border-radius-bottomright:10px;
	-khtml-border-radius-topright:10px;
	border-radius:0 10px 10px 10px;
}
/*
.dummy_iframe {
	padding:10px;
}
*/
/*----------------------------------------------------
@Kongress CSS
----------------------------------------------------*/

table {
	width:100%;
	border-width:0;
	border-spacing:0;
	padding:0;
	border-collapse:collapse;
}

tr {
	background-color:#eee;
	border-bottom:solid 5px #ddd;
}

td {
	text-align:left;
	padding:20px;
}

td.img {
	text-align:center;
	border:solid 20px #eee;
	padding:0;
}

td.txt {
	padding:20px 0 20px 20px;
	text-align:left;
}

td.unterstuetzer {
	border-left:solid 5px #ddd;
	border-right:solid 5px #ddd;
}

td.initiative_img {
	padding:0;
	width:100px;
}

td.initiative_txt {
	text-align:left;
	padding:10px 20px;
}

/*----------------------------------------------------
@Start
----------------------------------------------------*/

.start table {
	width:100%;
	padding:0;
	border-spacing:0;
	text-align:center;
}

.start tr {
	background-color:#ddd;
	border-bottom:0;
}

.start td.logo {
	width:200px;
	height:200px;
	padding:0;
	border-right:solid 20px #ddd;
}

.start td.intro {
	width:auto;
	height:68px;
	overflow:hidden;
	padding:0px 20px;
	text-align:center;
}

.start td.themen {
	width:auto;
	height:33px;
	overflow:hidden;
	padding:0 20px;
	text-align:center;
}

/*----------------------------------------------------
@Träger 6 Partner
----------------------------------------------------*/

.partner table {
	width:auto;
	border:0;
	margin-left:auto;
	margin-right:auto;
}

.partner a {
	background:none;
}

.partner tr {
	background-color:#ddd;
	border:0;
	padding:0;
}

.partner td {
	text-align:center;
	padding:0;
}

.partner img {
	width:85%;
	height:85%;
	padding-top:10px;
	padding-left:5px;	
}

.traeger table {
	width:auto;
	border:0;
	margin-left:auto;
	margin-right:auto;
}

.traeger a {
	background:none;
}

.traeger tr {
	background-color:#ddd;
	border:0;
	padding:0;
}

.traeger td {
	text-align:center;
	padding:0;
}

.traeger img {
	width:75%;
	height:75%;
	padding-top:10px;
	padding-left:5px;
}

.traegerpartnerliste img {
	vertical-align:middle;
	margin-right:20px;
}

/*----------------------------------------------------
@Material
----------------------------------------------------*/

.material ul {
	margin:0;
}

.material ul, li {
	margin:0.4em 0 0 0;
}

.material a {
	text-decoration:none;
}

.material a:hover {
	text-decoration:none;
	background-color:#d7d7d7;
}

/*----------------------------------------------------
@Diverses
----------------------------------------------------*/

.initiative td {
	text-align:left;
	padding:0 20px 0 0;
}

.programm tr {
	border-bottom:0;
}

.programm td {
	text-align:center;
	padding:10px 5px;
	border:solid 1px #222;
	border-collapse:yes;
}

.programm td.anfang {
	border-bottom:0;
}

.programm td.ende {
	border-top:0;
}

.programm td.details {
	text-align:left;
}

.programm td.border_top {
	border-top:solid 4px #222;
}

.programm td.border_bottom {
	border-bottom:solid 4px #222;
}

.programm td.border_right {
	border-right:solid 4px #222;
}

.programm td.border_left {
	border-left:solid 4px #222;
}

/*----------------------------------------------------
@Wrapper styles
----------------------------------------------------*/

#wrapper_top
{
	width:780px;
	margin:0 auto 10px auto;
	text-align:center;
}

#wrapper_main
{
	width:780px;
	margin:0 auto;
	text-align:center;
}

#wrapper_bottom
{
	width:780px;
	margin:10px auto 0 auto;
	text-align:center;
}

/*----------------------------------------------------
@Header styles
----------------------------------------------------*/

#header_logo
{
	border:solid 1px #ddd;
	margin:0;
	height:80px;
	padding:0 0 0 10px;
	background-color:#555;
	background-color:rgba(85, 85, 85, 0.5);
/*
	-webkit-box-shadow:10px 10px 5px #000;
	-moz-box-shadow:10px 10px 5px #000;
	box-shadow:10px 10px 5px #000;
*/
}

#header_img
{
	padding:20px 0;
	line-height:normal;
	margin:0;
	background:transparent url(bg_branding.png) no-repeat center;
	height:40px;
}

/*----------------------------------------------------
@Footer styles
----------------------------------------------------*/

#footer {
	margin-top:10px;
	height:20px;
	padding:5px 0 0 5px;
	background:#ddd;
	background-color:rgba(221, 221, 221, 0.6);
    text-align:center;
	line-height:10px;
}

#footer a {
	background:none;
	text-decoration:none;
	border:none;
}

#footer img.left {
	float:left;
	vertical-align:middle;
	margin:0 0 0 15px;
	border:none;
}

#footer img.center {
	vertical-align:middle;
	margin:0 2px 0 20px;
	border:none;
}

#footer img.right {
	float:right;
	vertical-align:middle;
	margin:0 15px 0 0;
	border:none;
}

/*----------------------------------------------------
@Spy TabbedPanels
----------------------------------------------------*/

.TabbedPanels {
	overflow:hidden;
	margin:0;
	padding:0;
	clear:none;
	width:100%;
}

.TabbedPanelsTabGroup {
	margin:0;
	padding:0;
}

.KongressTabbedPanelsTab {
	background-color:#eee;
	background-color:rgba(255, 255, 255, 0.5);
	position:relative;
	top:1px;
	float:left;
	padding:4px 10px;
	margin:0 1px 0 0;
	list-style:none;
	border-left:solid 1px #eee;
	border-bottom:solid 1px #999;
	border-top:solid 1px #999;
	border-right:solid 1px #999;
	-moz-user-select:none;
	-khtml-user-select:none;
	cursor:pointer;
	font-size:0.8em;
	font-weight:bold;
}

.KongressTabbedPanelsTabHover, .KongressTabbedPanelsTabFocus {
	background-color:#ddd;
	background-color:rgba(255, 255, 255, 0.8);
}

.KongressTabbedPanelsTabSelected {
	background-color:#ccc;
	background-color:rgba(255, 255, 255, 0.6);
	border-bottom:1px solid #bbb;	
}

.KongressTabbedPanelsContentGroup {
	background-color:#ccc;
	background-color:rgba(255, 255, 255, 0.6);
	clear:both;
	border-left:solid 1px #eee;
	border-bottom:solid 1px #eee;
	border-top:solid 1px #999;
	border-right:solid 1px #999;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-radius-bottomleft:10px;
	-webkit-border-radius-bottomright:10px;
	-webkit-border-radius-topright:10px;
	-khtml-border-radius-bottomright:10px;
	-khtml-border-radius-topright:10px;
	border-radius:0 10px 10px 10px;
}

.TabbedPanelsTab {
	background-color:#ccc;
	position:relative;
	top:1px;
	float:left;
	padding:4px 10px;
	margin:0 1px 0 0;
	list-style:none;
	border-left:solid 1px #eee;
	border-bottom:solid 1px #999;
	border-top:solid 1px #999;
	border-right:solid 1px #999;
	-moz-user-select:none;
	-khtml-user-select:none;
	cursor:pointer;
	font-size:0.8em;
	font-weight:normal;
}

.TabbedPanelsTabHover, .TabbedPanelsTabFocus {
	background-color:#eee;
}

.TabbedPanelsTabSelected {
	background-color:#ddd;
	border-bottom:1px solid #ccc;	
}

.TabbedPanelsContentGroup {
	background-color:#ddd;
	clear:both;
	border-left:solid 1px #eee;
	border-bottom:solid 1px #eee;
	border-top:solid 1px #999;
	border-right:solid 1px #999;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-radius-bottomleft:10px;
	-webkit-border-radius-bottomright:10px;
	-webkit-border-radius-topright:10px;
	-khtml-border-radius-bottomright:10px;
	-khtml-border-radius-topright:10px;
	border-radius:0 10px 10px 10px;
}

.TabbedPanelsContent {
	overflow:hidden;
	padding:4px;
}

.tab_left {
	-moz-border-radius-topleft:10px;
	-webkit-border-radius-topleft:10px;
	-khtml-border-radius-topleft:10px;
	border-top-left-radius:10px;	
}

.tab_right {
	-moz-border-radius-topright:10px;
	-webkit-border-radius-topright:10px;
	-khtml-border-radius-topright:10px;
	border-top-right-radius:10px;		
}

/* Styles for Printing */
@media print {
.TabbedPanels {
        overflow: visible !important;
}
.TabbedPanelsContentGroup {
        display: block !important;
        overflow: visible !important;
        height: auto !important;
}
.TabbedPanelsContent {
        overflow: visible !important;
        display: block !important;
        clear:both !important;
}
.TabbedPanelsTab {
         overflow: visible !important;
         display: block !important;
         clear:both !important;
}
}

/*----------------------------------------------------
@Joomla
----------------------------------------------------*/
/*
#ja-headerwrap {
	background:#333;
	color:#eeeCCC;
	line-height:normal;
	height:80px;
}

#ja-header {
	position:relative;
	height:80px;
}

.ja-headermask {
	width:602px;
	display:block;
	background:url(header-mask.png) no-repeat top right;
	height:80px;
	position:absolute;
	top:0;
	right:-1px;
}

#ja-header a {
	color:#eeeCCC;
}
*/
/*----------------------------------------------------
@Forms
----------------------------------------------------*/

.formular {
	background-color:#eee;
	display:block;
	border:solid 20px #eee;
	text-align:left;
	margin:0;
}

.formular form label {
	display:block;
	text-align:right;
	float:left;
	margin:0;
	width:125px;
	padding:4px 0 3px 0;
	margin:0 5px 0 0;
}

.formular fieldset {
	margin-bottom:5px;	
}

.formular input.abschicken {
	text-align:center;
	margin:0 10px 0 10px;
}