/* @override 
	http://eucraf.eu/assets/site/styles/screen.css
	http://www.eucraf.eu/assets/site/styles/screen.css
*/

body {
	padding: 0;
	margin: 0;
}

@font-face {
  font-family: "MuseoSans500";	/* license see http://... */
  src: url(../fonts/MuseoSans_500.otf) format("opentype");
}

body,td {
	font-family: MuseoSans500, sans-serif;
	font-size: 13px;
}

p {
	padding-left:5px;
}

strong{
	font-weight: bold;
}

div#innerbody {
	width: 966px;
	margin: 0 0 0 -483px;
	position: absolute;
	left: 50%;
	top: 0;
}

img {
	border: none;
}

a:link {
	text-decoration: underline;
	color: rgb(51,51,51);
}
a:visited {
	text-decoration: underline;
	color: rgb(51,51,51);
}
a:hover { 
	text-decoration: none;
	color: rgb(51,51,51);
}

/* @group TopBar */
div#topbar {
	background-color: rgb(240,240,240);
	height: 22px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-bottom: 1px solid rgb(204,204,204);
}

div#topbar {
	text-align: center;
}

div#topbar ul {
	text-indent: 0;
	margin: 0;
	padding: 0;
}

div#topbar li {
	list-style-type:none;
	text-indent: 0;
	margin-left: 0;
	padding-left: 0;
	width: 7em;
	height: 22px;
	float: left;
}

/* center-layout fix, rottmar */
#topbar_inner{
    margin-left: auto;
    margin-right: auto;
    width: 996px;
}

ul#cbs {
    /*
    position: absolute;
    top: 0;
    right: 20px;
    */
    /* center-layout fix, rottmar */
    position: relative;
    left: 650px;
}

div#topbar a {
	color: rgb(154,154,154);
	text-decoration: none;	
	font-size: 11px;
	letter-spacing: 0.1em;
	height: 17px;
	padding-top: 5px;
	display: block;
	text-transform: uppercase;
	outline: none;
}
div#topbar a:link { }
div#topbar a:visited { }
div#topbar a:hover { background-color: rgb(150,150,150); color: white; }

/* @end */

/* @group Header */

#EUCRAFLong {
	position: absolute;
	top: 53px;
	left: 8px;
	text-transform: uppercase;
	width: 235px;
	height: 36px;
}
#EUCRAFLong img {
	border: 0;
}
#EUCRAFPartner1 {
	position: absolute;
	top: 123px;
	left: 18px;
}
#EUCRAFPartner1 img {
	border: 0;
}
#EUCRAFPartner2 {
	position: absolute;
	top: 327px;
	left: 18px;
}
#EUCRAFPartner2 img {
	border: 0;
}

#EUCRAFPartner3 {
	position: absolute;
	top: 300px;
	left: 18px;
}
#EUCRAFPartner3 img {
	border: 0;
}

h1 {
	position: absolute;
	top: 35px;
	left: 251px;
	width: 235px;
	height: 60px;
}
h1 img {
	border: 0;
}

h3 {
	text-transform: uppercase;
	font-size: 16px;
	color: rgb(51,51,51);
	text-indent: 0px;
}

h4 {
	text-transform: uppercase;
}
	

/* @end */

/* @group Menu */

div#wrap {
	position: absolute;
	top: 75px;
	right: 0;
}
ul#mainmenu {
	width: 500px;
	text-indent: 0;
	padding: 0;
}

ul#mainmenu li {
	list-style-type: none;
	text-indent: 0;
	margin: 0;
	padding: 0;
	width: 100px;
	height: 36px;
	float: left;
	border-left: 1px dotted black;
}

ul#mainmenu a {
	display: block;
	height: 36px;
	padding: 3px 4px 0 4px;
	margin: 0 1px 0 1px;
	text-decoration: none;
	color: rgb(102,102,102);
	vertical-align: top;
	text-transform: uppercase;
	background-image: url(../images/candy/transparenzbalken_1.png);
	background-repeat: repeat-x;
	outline: none;
}
ul#mainmenu li#last a {
	margin-right: 0;
	outline: none;
}

ul#mainmenu a:link { }
ul#mainmenu a:visited { }
ul#mainmenu a:hover { background-color: yellow; color: black; background-image: none;}

/* @end */

img#mainpic, img#mainpicoverlay {
	position: absolute;
	right: 0;
	top: 125px;
}

.overlaytext {
	font-size: 28px;
	color: black;
	z-index: 999;
}

.sichtbar {
	display: block;
}

.unsichtbar {
	display: none;
}

div#content {
	position: absolute;
	left: 17px;
	width: 964px;
}

.height400 {
	top: 45firsdt7px;	
}

.height200 {
	top: 337px;
}

div#contentfirstpage {
	position: absolute;
	top: 485px;
	left: 17px;
	width: 966px;
}

/* @group Overlay-Texts */

#overlaytext1 {
	position: absolute;
	top:  150px;
	left: 515px;
}
#overlaytext2 {
	position: absolute;
	top:  150px;
	left: 515px;
}
#overlaytext3 {
	position: absolute;
	top:  150px;
	right: 10px;
}
#overlaytext4 {
	position: absolute;
	top:  150px;
	right: 10px;
}
#overlaytext5 {
	position: absolute;
	top:  150px;
	left: 515px;
}

/* @end */

/* @group Subnavigation */

.SubnavigationVisible {
	display: block;
	position: absolute;
	top: 125px;
	left: 15px;
}
.SubnavigationVisible ul {
	text-indent: 0;
	margin: 0;
	padding: 0;	
}
.SubnavigationVisible ul ul {
	text-indent: 0;
	margin: 5px 0 0 20px;
	padding: 0;	
}
.SubnavigationVisible ul ul li {
	list-style-type:none;
	width: 190px;
	padding: 5px 0;
	border-top: 1px solid rgb(193,193,193);	
}

.SubnavigationVisible li {
	list-style-type:none;
	width: 210px;
	padding: 5px 0;
	border-top: 1px solid rgb(193,193,193);
}
.SubnavigationVisible li a {
	text-decoration: none;
}

.SubnavigationInvisible {
	display: none;
}


/* @end */

/* @group SubPicFlow - Content */

div#subpicflow {
}
div#subpicflow div {
	float: left;
	width: 236px;
	border: 1px dotted black;
	border-width: 0 0 0 1px;
	padding: 0px 1px;

}
div#subpicflow h2 {
	margin: 0;
	font-size: 16px;
	padding-top: 0;
	background-image: url(../images/candy/transparenzbalken_2.png);
	background-repeat: repeat-x;
	line-height: 2.5em;
	color: rgb(51,51,51);
	padding: 0px 8px;
}
div#subpicflow p {
	padding: 0px 8px 0 8px;
	line-height: 1.3em;
}
div#subpicflow div#first {
	border-left-width: 0;
	width: 232px;
}
div#subpicflow div#last {
}

/* @end */

/* @group LinewideEntries */

div.columnedLine {
	border-top: 1px solid gray;
	padding: 8px 0 0 0;
	margin: 30px 15px 0 0px;
}

div.columnedLine h3 {
	width: 230px;
	float: left;
	text-transform: none;
	font-size: 16px;
	color: rgb(51,51,51);
	text-indent: 0px;
	margin-top: 0;
	height: 0px;
}

/* @group NewstickerFrontpage */

.newsBox {
	margin-bottom: 8px;
	background-image: url(/assets/site/images/candy/transparenz_news.png);
	background-repeat: repeat-x;

}

.newsblock
{
	border-top: 1px solid gray;
	padding: 8px 0 0 0;
	margin: 30px 15px 0 0px;
}

.newscol {
	width: 460px;
	margin-right:14px;
}

.newsblock h3 {
	text-transform: none;
	font-size: 16px;
	color: rgb(51,51,51);
	text-indent: 0px;
}

.newsblock .newscol {
	float: left;
}
.newsblock h5
{
	margin: 0;
	font-weight: bold;
	font-size: 100%;
}

.newsblock .content {
	font-size: 90%;
}



/* new 2-3-3 columns scheme */
.newsblock233cols
{
	border-top: 1px solid gray;
	padding: 8px 0 0 0;
	margin: 30px 15px 0 0px;
}

.newscol233cols {
	width: 345px;
	margin-right:14px;
}

.newsblock233cols h3 {
	width: 230px;
	float: left;
	text-transform: none;
	font-size: 16px;
	color: rgb(51,51,51);
	text-indent: 0px;
	margin-top: 0;
}

.newsblock233cols .newscol233cols {
	float: left;	
}

.newsblock233cols h5
{
	margin: 0;
	font-weight: bold;
	font-size: 100%;
}

.newsblock233cols .newsBox {
	padding: 2px 5px 5px 5px;
	margin-left: 5px;
}

.newsblock233cols .content {
	font-size: 90%;
}


/* @end */

/* @group OurPartners */

.partnerImg {
	border-left: 1px dotted gray;
	padding: 0 2px;
}

/* @end */

/* @group Features */

.feature {
	display: block;
	text-decoration: none;
	color: rgb(51,51,51);
	padding: 2px 4px;
	line-height: 3em;
	text-indent: 1em;
	background-repeat: no-repeat;
	width: 352px;
	height: 72px;
	margin-left: 5px;

}

a#featureBlackForest:link {
	background-image: url(../images/Freiburg_aktiv.jpg);
	text-decoration: none;
}
a#featureBlackForest:visited {
	background-image: url(../images/Freiburg_aktiv.jpg);
	text-decoration: none;
}
a#featureBlackForest:hover {
	background-image: url(../images/Freiburg_passiv.jpg);
	text-decoration: none;
}
/*
a#featureBlackForest3col:link {
	background-image: url(../images/Freiburg_aktiv_n2.jpg);
	text-decoration: none;
}
a#featureBlackForest3col:visited {
	background-image: url(../images/Freiburg_aktiv_n2.jpg);
	text-decoration: none;
}
a#featureBlackForest3col:hover {
	background-image: url(../images/Freiburg_passiv_n2.jpg);
	text-decoration: none;
}
*/
a#featureAudio:link {
	background-image: url(../images/Audio_aktiv.jpg);
	text-decoration: none;
}
a#featureAudio:visited {
	background-image: url(../images/Audio_aktiv.jpg);
	text-decoration: none;
}
a#featureAudio:hover {
	background-image: url(../images/Audio_passiv.jpg);
	text-decoration: none;
}



/* @end */

/* @group Authorities */

div.columnedLine table {
	border-collapse: collapse;
}
div.columnedLine td {
	width: 108px;
	border-left: 1px dotted black;
	padding: 2px 6px;
	vertical-align: top;
	line-height: 1.3em;
}

td.colthree {
	border-left: 1px dotted black;
	padding: 2px 6px;
	vertical-align: top;
	line-height: 1.3em;
}



th {
	background-color: rgb(220,220,220);
		border-top: 1px solid white;

	}

div.columnedLine tr {
	border-top: 1px solid yellow;
}

tr.subhead {
	background-color: rgb(240,240,240);
	border-top: 1px solid rgb(53,53,53);
}

/* @end */

/* @group Links */
div.columnedLine ul {
	text-indent: 0px;
	margin-left: 230px;
	padding-left: 0px;
}

div.columnedLine li {
	list-style-type: square;
	text-indent: 0px;
	margin-left: 0px;
	line-height: 1.5em;
	padding-left: 0px;
}

/* @end */

div.twoSpanTwoCol {
	float: left;
	width: 230px;
	margin-left: 7px;
	line-height: 1.5em;
}

div.threeSpanTwoCol {
	float: left;
	width: 345px;
	margin-left: 5px;
	line-height: 1.5em;
}

div.fourSpanTwoCol {
	float: left;
	width: 468px;
	margin-left: 5px;
	padding-right: 8px;
	line-height: 1.5em;
}


div.sixSpanTwoCol {
	float: left;
	width: 714px;
	margin-left: 5px;
	line-height: 1.5em;
}





div.twoSpanThreeCol {
	float: left;
	width: 230px;
	margin-left: 5px;
}

/* @end */

/* @group BottomBar */
div#bottombar {
	text-transform: uppercase;
	font-size: 11px;
	text-align: right;
	border-top: 1px solid yellow;
	margin: 20px 15px 20px 0;
	padding-top: 10px;
}

div#bottombar a {
	margin-right: 5em;
	text-decoration: none;
	color: rgb(153,153,153);
	outline: none;
}
/* @end */


/* Philip Erben */
#navpics{
	position: absolute;
	bottom: -140px;
	z-index: -99;
}
#navpics p{
	padding-left: 0px;
}
#navpics img{
	border: none;
}
#leftInfo{
	left: -5px; 
	float: left; 
	top: 100px; 
	position: absolute;
}