/* CSS Document */

html, body, div, p, h1, h2, h3, h4, h5, ul, ol, span, a, table, td, form, img, li, blockquote, div .info {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	border:0px;
}

body {	
	background:#fff;
	height:100%;
	width:100%;
}

html {
	height:100%;
	width:100%;
}

/* --------------------------------- links --------------------------------*/
 
a, a:link, a:visited, a:hover {
	line-heigt:20px;
	text-decoration:none;
	color:#7f796f;
}

a:hover {
	/*color:#585b64;*/
	color:#000;
}

a.menue, a.menue:link, a.menue:visited, a.menue:hover, .menue_aktiv, a.submenue, a.submenue:link, a.submenue:visited, a.submenue:hover, .submenue_aktiv {
	line-heigt:20px;
	text-decoration:none;
	color:#7f796f;
	font-size:13px;
	padding-left:30px;
	white-space: nowrap;
}

a.menue:hover, a.submenue:hover {
	color:#000;
}

.menue_aktiv, .submenue_aktiv {
	color:#d01181;
}

a.submenue, a.submenue:link, a.submenue:visited, a.submenue:hover, .submenue_aktiv {
	padding-left:40px;
}

a.texte:link, a.texte:visited, a.texte:hover {
	line-heigt:30px;
	text-decoration:none;
	color:#7f796f;
	padding-left:18px;
	background: url(img/textlink.gif) no-repeat left;
}

a.texte:hover {
	color:#000;
	background: url(img/textlink_over.gif) no-repeat left;
}

/* ----------------------------- tabellen --------------------------*/

table.agenda {
	width:420px;
	border:0px;
	border-collapse:collapse;
}

td.agenda_li {
	width:100px;
	height:20px;
	text-align:left;
	vertical-align:top;
	font-size:12px;
}

td.agenda_re {
	width:320px;
	height:20px;
	text-align:left;
	vertical-align:top;
	font-size:12px;
	line-height:20px;
}

table.ukomitee {
	width:420px;
	border:0px;
	border-collapse:collapse;
}

td.li, td.li2 {
	width:150px;
	height:20.5px;
	color:#676A70;
	text-align:left;
	vertical-align:top;
	line-height:20px;
}

td.li2 {
	vertical-align:top;
	line-height:20px;
	width:30px;
}

td.re {
	width:270px;
	height:20px;
	vertical-align:top;
	line-height:1px;
}

td.re2 {
	width:395px;
	vertical-align:top;
	padding-bottom:10px;
	font-size:11px;
	line-height:20px;
}

td.senden {
	text-align:right;
	padding-right:19px;
}

/* -------------------------------- ebenen ------------------------------*/

#distance { 
	width:1px;
	height:50%;
	background-color:#fff;
	margin-bottom:-283px; /* half of container's height */
	float:left;
}

#container {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:565px;
	width:900px;
	clear:left;
	border:0px;
	z-index:3;
}

#portrait {
	display:block;
	position:absolute;
	top:0px;
	left:575px;
	width:325px;
	height:565px;
	z-index:5;
}

#schatten {
	display:block;
	position:absolute;
	top:-15px;
	left:-15px;
	width:930px;
	height:595px;
	background-image:url(img/schatten.gif);
	z-index:1;
}

#hintergrund {
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:900px;
	height:565px;
	background-color:#f4f3f3;
	z-index:4;
}

#wappen {
	display:block;
	position:absolute;
	top:15px;
	left:862px;
	width:27px;
	height:12px;
	z-index:6;
}

#menue {
	display:block;
	position:absolute;
	top:175px;
	left:0px;
	width:140px;
	height:300px;
	z-index:7;
	overflow:hidden;
}

#claim_index {
	display:block;
	position:absolute;
	top:0px;
	left:150px;
	width:425px;
	height:565px;
	z-index:5;
}

#kopf_hgr {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:575px;
	height:174px;
	z-index:5;
}

#km_logo {
	display:block;
	position:absolute;
	top:53px;
	left:26px;
	width:376px;
	height:86px;
	z-index:6;
}

#fdp_logo {
	display:block;
	position:absolute;
	top:502px;
	left:0px;
	width:145px;
	height:44px;
	z-index:8;
}

#text1, #text2, #text3, #text4, #text5, #text6, #text7, #text8, #text9, #text10, #text11, #komitee_formular {
	display:block;
	position:absolute;
	top:175px;
	left:150px;
	width:425px;
	height:355px;
	padding-right:325px;
	z-index:10;
	color:#444;
	overflow:auto;
	line-height:20px;
}

#text2, #text3, #text4, #text5, #text6, #text7, #text8, #text9, #text10, #text11 {
	width:410px;
	padding-right:340px;
}


#text2 {z-index:11; visibility:hidden;}
#text3 {z-index:12; visibility:hidden;}
#text4 {z-index:13; visibility:hidden;}
#text5 {z-index:14; visibility:hidden;}
#text6 {z-index:15; visibility:hidden;}
#text7 {z-index:16; visibility:hidden;}
#text8 {z-index:17; visibility:hidden;}
#text9 {z-index:18; visibility:hidden;}
#text10 {z-index:19; visibility:hidden;}
#text11 {z-index:20; visibility:hidden;}

#textnavi, #textnavi1, #textnavi2, #textnavi3, #textnavi4, #textnavi5, #textnavi6, #textnavi7, #textnavi8, #textnavi9, #textnavi10  {
	display:block;
	position:absolute;
	top:538px;
	left:540px;
	height:13px;
	width:35px;
	z-index:50;
	visibility:hidden;
} 

#textnavi1 {z-index:51;}
#textnavi2 {z-index:52;}
#textnavi3 {z-index:53;}
#textnavi4 {z-index:54;}
#textnavi5 {z-index:55;}
#textnavi6 {z-index:56;}
#textnavi7 {z-index:57;}
#textnavi8 {z-index:58;}
#textnavi9 {z-index:59;}
#textnavi10 {z-index:60;}

#navi_hinweis {
	display:block;
	position:absolute;
	top:503px;
	left:563px;
	width:9px;
	height:27px;
	z-index:51;
	background-image:url(img/pfeil.gif);
	visibility:hidden;
}

#vorschau {
	display:block;
	position:absolute;
	top:535px;
	left:230px;	
	height:15px;
	width:300px;
	text-align:right;
	color:#d01181;
	font-size:10px;
	z-index:100;
}

#foto1, #foto2, #foto3, #foto4, #foto5, #foto6, #foto7, #foto8, #foto9, #foto10, 
#foto11, #foto12, #foto13, #foto14, #foto15, #foto16, #foto17, #foto18, #foto19, #foto20, 
#foto21, #foto22, #foto23, #foto24, #foto25, #foto26, #foto27, #foto28, #foto29, #foto30, #foto31,
#foto32, #foto33, #foto34, #foto35, #foto36, #foto37, #foto38, #foto39, #foto40, #foto41, #foto42, #foto43  {
	display:block;
	position:absolute;
	top:175px;
	left:260px;
	width:429px;
	height:360px;
	z-index:10;
	line-height:14px;
	font-size:11px;
}

#foto2 {visibility:hidden; z-index:11;}
#foto3 {visibility:hidden; z-index:12;}
#foto4 {visibility:hidden; z-index:13;}
#foto5 {visibility:hidden; z-index:14;}
#foto6 {visibility:hidden; z-index:15;}
#foto7 {visibility:hidden; z-index:16;}
#foto8 {visibility:hidden; z-index:17;}
#foto9 {visibility:hidden; z-index:18;}
#foto10 {visibility:hidden; z-index:19;}
#foto11 {visibility:hidden; z-index:20;}
#foto12 {visibility:hidden; z-index:21;}
#foto13 {visibility:hidden; z-index:22;}
#foto14 {visibility:hidden; z-index:24;}
#foto15 {visibility:hidden; z-index:25;}
#foto16 {visibility:hidden; z-index:26;}
#foto17 {visibility:hidden; z-index:27;}
#foto18 {visibility:hidden; z-index:28;}
#foto19 {visibility:hidden; z-index:29;}
#foto20 {visibility:hidden; z-index:20;}
#foto21 {visibility:hidden; z-index:31;}
#foto22 {visibility:hidden; z-index:32;}
#foto23 {visibility:hidden; z-index:33;}
#foto24 {visibility:hidden; z-index:35;}
#foto25 {visibility:hidden; z-index:36;}
#foto26 {visibility:hidden; z-index:37;}
#foto27 {visibility:hidden; z-index:38;}
#foto28 {visibility:hidden; z-index:39;}
#foto29 {visibility:hidden; z-index:40;}
#foto30 {visibility:hidden; z-index:41;}
#foto31 {visibility:hidden; z-index:42;}
#foto32 {visibility:hidden; z-index:43;}
#foto33 {visibility:hidden; z-index:44;}
#foto34 {visibility:hidden; z-index:45;}
#foto35 {visibility:hidden; z-index:46;}
#foto36 {visibility:hidden; z-index:47;}
#foto37 {visibility:hidden; z-index:48;}
#foto38 {visibility:hidden; z-index:49;}
#foto39 {visibility:hidden; z-index:50;}
#foto40 {visibility:hidden; z-index:51;}
#foto41 {visibility:hidden; z-index:52;}
#foto42 {visibility:hidden; z-index:53;}
#foto43 {visibility:hidden; z-index:54;}

#thumbnails {
	display:block;
	position:absolute;
	top:175px;
	left:780px;
	height:351px;
	width:120px;
	overflow:auto;
	z-index:100;
	line-height:20px;
}

#komitee_formular {
	top:174px;
}

#foto_credits {
	display:block;
	position:absolute;
	top:490px;
	left:375px;
	width:150px;
	height:12px;
	z-index:51;
	color:#666;
	font-size:0.9em;
	text-align:right;
}

/* ----------------------------- listen -------------------------------*/

ol.positionen {
	list-style-type: decimal;
	list-style-position: outside;
	margin-left:25px;
}

li.punkte {
	color:#d01181;
}

li.punkte2 {
	margin-bottom:10px;
}


/* ----------------------------- formulare -------------------------------*/

.form1 {
	width:250px;
	height:15.5px;
	border: 1px solid #dfdede;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#444;
	vertical-align:middle;
}

.form2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:100px;
	height:80px;
	border: 1px solid #f90;
	color:#444;
	line-height:20px;
	vertical-align:middle;
}

.form3 {
	width:50px;
	height:20px;
	border: 1px solid #dfdede;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#7f796f;
	background:#fff;
}

.form4 {
	width:15px;
	height:15px;
	border: 1px dotted #666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#104FA0;
	background:#fff;
}

/* ----------------------------- text -------------------------------*/


.absatz_fliesstext, h1 {
	margin-bottom:10px;
	color:#444;
}

.absatz_fliesstext2 {
	margin-bottom:25px;
	color:#444;
}

.absatz_aktuell {
	color:#444;
	font-size:1.0em;
}

.frage_interview {
	color:#888;
	font-style:italic;
	margin-top:15px;
}

.antwort_interview {
	text-indent: 3em;
	margin-top:5px;
}


.credits_aktuell {
	color:#666;
	font-size:0.9em;
	margin-bottom:15px;
	padding-bottom:10px;
	border-bottom:1px dotted #ddd;
}

h1 {
	font-size:12px;
	color:#d01181;
	font-weight:bold;
	line-height:20px;
}

h2 {
	font-size:12px;
	color:#d01181;
	line-height:20px;
	font-weight:normal;
}


.credit {
	/*margin-bottom:10px;*/
	font-size:11px;
	color:#999;
}

.credit_artikel {
	margin:-5px 0px 5px 18px;
	font-size:11px;
	color:#999;
}


img {border-width:0px;}

.thumb {
	padding-bottom:30px;
}