﻿/**********************************************
/* Behinderung- und Entwicklungszusammenarbeit: Stylesheet für Bildschirmausgabe
/*
/*
/* Allgemeine Elementeigenschaften
/*
/*********************************************/

 *{
	margin:0;
	padding:0;
	border:0;
 }

 body {
	font-family:Arial;
	font-size:11px;
 }
 
 h1{
 	font-size:18px;
	color:#a51652;
	margin:9px 0;
 }
 
 ul{
 	list-style-type:none;
 }
 
 p{
 	margin-bottom:12px;
 }
 
 a{
 	color:#006fb4;
	font-weight:bold;
	text-decoration:none;
 }
 
 a:hover,
 li.active a{
 	text-decoration:underline;
 }

 h2.link {margin-bottom:9px;}

 div.middleCol h2.link a {font-size:13px;}

/**********************************************
/*
/* Hilfselemente
/*
/*********************************************/

 .rot{
 	background-color:red;
 }
 
 .gruen{
 	background-color:green;
 }
 
 .blau{
 	background-color:blue;
 }
 
/**********************************************
/*
/* Allgemeine Klassen
/*
/*********************************************/

 .left{
 	float:left;
 }
 
 .right{
 	float:right;
 }
 
 .clear{
 	clear:both;
 }
 
 .abstand12{
 	height:12px;
 }
 
 .abstand30{
 	height:30px;
 }

/**********************************************
/*
/* Layout
/*
/*********************************************/

 #page{
 	width:999px;
	margin:0 auto;
 }
 
 .header{
 	width:984px;
	height:99px;
	padding:18px 3px 0 12px;
 }
 
 .header img{
 	margin-right:69px;
 }
 
 a.language{
 	float:right;
	font-weight:normal;
	color:#000;
	margin-top:-60px;
 }
 
 .leftCol{
 	width:180px;
	text-align:left;
	padding-left:12px;
 }
 
 .middleCol{
 	width:639px;
 }
 
 .rightCol{
 	width:162px;
	text-align:left;
 }
 
 .rightCol a{
 	text-decoration:underline;
 }
 
 .middleCol div.left,
 .middleCol div.right{
 	width:49%;
	height:180px;
 }
 
 .middleCol div.Img{
	height:300px;
 }
 
 .middleCol div.csc-header{
 	margin-bottom:9px;
 }
 
 .middleCol div.csc-header h2{
 	color:#000;
	font-size:12px;
 }
 
 .middleCol .textblock2Col{
 	float:left;
	width:60%;
 }
 
 .middleCol .textblockFull,
 .middleCol .textblock2Col{
 	height:120px;
	overflow:hidden;
 }
 
 .oneCol .textblockFull{
 	height:auto;
 }
 
 .textblockFull img{
 	float:left;
	margin-right:9px;
 }
 
 .middleCol img.left{
 	margin:0 12px 3px 0;
 }
 
 .middleCol .contentLeft,
 .middleCol .contentRight{
 	width:50%;
	float:left;
 }
 
 .middleCol .contentLeft .bodytext,
 .middleCol .contentRight .bodytext{
 	margin-right:12px;
 }
  
 div.infolink{
 	width:100%;
	clear:both;
	text-align:right;
	border-top:1px solid #a51652;
 }
 
 div.middleCol a{
 	color:#000;
 }
 
 .normalFont{
 	font-weight:normal;
 }
 
 div.worldmap{
 	background-image:url(../img/background/worldmap.gif);
	background-repeat:no-repeat;
	padding:9px 0 0 9px;
	width:98%;
	height:228px;
 }
 
 .rightCol b{
 	color:#006fb4;
	font-size:12px;
 }
 
 div.r_u form{
 	margin-top:6px;
 }
 
 div.r_u h1{
 	color:#006fb4;
	font-size:14px;
 }
 
 div.r_u ul{
 	color:#006fb4;
	font-weight:bold;
	list-style-position:inside;
	list-style-type:disc;
 }
 
 div.r_u ul li{
 	margin-bottom:3px;
 }
 
 div.r_u a.teaserLnk{
 	font-size:11px;
	float:right;
	margin-right:9px;
 }
 
 div.r_u p{
 	font-weight:bold;
	font-size:12px;
	color:#006fb4;
 }
 
 input.suche{
 	width:132px;
	height:16px;
	display:block;
	float:left;
	border-top:1px solid #006fb4;
	border-bottom:1px solid #006fb4;
	margin:0 -3px 0 -8px;
	font-size:11px;
	padding:3px 0 0 9px;
	color:#9c9c9c;
 }
 
 input.DBsuche{
 	display:block;
	float:left;
	width:168px;
	height:16px;
	margin:0 0 0 9px;
	border:1px solid #afafaf;
	font-size:11px;
	color:#9c9c9c;
	padding:3px 0 0 9px;
 }
 
 input.btnDBsuche{
 	border:1px solid #afafaf;
	border-left:none;
 }
 
 p.literaturDB{
 	height:39px;
 }
 
 label{
 	font-size:12px;
	color:#006fb4;
	font-weight:bold;
	float:left;
 }
 
 .footer{
 	font-size:10px;
	height:18px;
	margin:3px auto;
	text-align:right;
	width:639px;
	clear:both;
 }
 
 .footer span{
 	float:right;
 }
 
 .footer ul{
 	width:auto;
	float:right;
 }
 
 .footer ul li{
 	float:left;
 }
 
 .footer ul li a{
 	color:#000;
 	font-size:10px;
	font-weight:normal;
 }
 
/**********************************************
/*
/* Navigation
/*
/*********************************************/

 ul.navigation li,
 div.csc-sitemap ul li{
 	background-image:url(../img/background/navborder.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	margin-right:6px;
	padding:9px 0 9px 9px;
 }
 
 div.csc-sitemap ul li{
 	background-image:none;
 }
 
 ul.navigation a,
 div.csc-sitemap ul a{
 	font-size:12px;
 }
 
 ul.navigation a:hover,
 ul.navigation li.active a,
 ul.navigation li.active ul li.active a,
 ul.navigation li.active ul li a:hover,
 ul.navigation li.active ul li.active ul li.active a,
 ul.navigation li.active ul li.active ul li a:hover,
 div.csc-sitemap ul a:hover,
 div.csc-sitemap ul li.active a,
 div.csc-sitemap ul li.active ul li.active a,
 div.csc-sitemap ul li.active ul li a:hover,
 div.csc-sitemap ul li.active ul li.active ul li.active a,
 div.csc-sitemap ul li.active ul li.active ul li a:hover{
 	color:#a51652;
	text-decoration:none;
 }
 
 ul.navigation li ul,
 ul.navigation li.active ul li ul{
 	display:none;
 }
 
 ul.navigation li.active ul,
 ul.navigation li.active ul li.active ul{
 	display:block;
 }
 
 ul.navigation li.active ul li,
 div.csc-sitemap ul li.active ul li{
	background-image:none;
	padding:4px 0 0px 9px;
 }
 
 ul.navigation li.active ul li a,
 ul.navigation li.active ul li.active ul li a,
 div.middleCol div.csc-sitemap ul li a{
 	color:#006fb4;
 }
 
 
 
 ul.navigation ul li ul li,
 div.csc-sitemap ul li ul li{
 	padding-left:0px;
 }
 
 label.auswahl{
 	margin-top:9px;
 	padding-left:9px;
 }
 
 /**********************************************
/*
/* Teaser
/*
/*********************************************/

 		/******************************************
		/* abgerundete Ecken
		*******************************************/
		
		div.m_o{
			background-image:url(../img/background/mm.gif);
			background-position:top;
			background-repeat:repeat-x;
		}
		
		div.m_u{
			background-image:url(../img/background/mm.gif);
			background-position:bottom;
			background-repeat:repeat-x;
		}
		
		div.m_l{
			background-image:url(../img/background/mm.gif);
			background-position:left;
			background-repeat:repeat-y;
		}
		
		div.m_r{
			background-image:url(../img/background/mm.gif);
			background-position:right;
			background-repeat:repeat-y;
		}
		
		div.l_o{
			background-image:url(../img/background/lo.gif);
			background-position:left top;
			background-repeat:no-repeat;
			
		}
		
		div.l_u{
			background-image:url(../img/background/lu.gif);
			background-position:left bottom;
			background-repeat:no-repeat;
		}
		
		div.r_o{
			background-image:url(../img/background/ro.gif);
			background-position:right top;
			background-repeat:no-repeat;
		}
		
		div.r_u{
			background-image:url(../img/background/ru.gif);
			background-position:right bottom;
			background-repeat:no-repeat;
			padding:3px 0 0 9px;
		}
		
 		/******************************************
		/* Typo3 Configurationen
		*******************************************/
		
		div.teasertext{
			/*display:none;*/
		}
		
		div.teaseransicht div.teasertext{
			display:block;
		}
		
		div.teaseransicht200{
			height:192px;
		}
