/* -----------------------------------------------
Jugendperspektive Deutschland
----------------------------------------------- */



/* =STRUCTURE
----------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}

p.access {
	display: none;
	}

body {
    background: #F3F6FA;
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: small;
	text-align: left;
	line-height: 1.5em;
	color: #146EA7;
	/*background: #F3F6FA url(../img/bg.gif) top left repeat-x; */
	}

#wrapper {
	position: left;
	padding: 0;
	font-size: 95%;
	text-align: left;
  	width: 100%;
  	background: #F3F6FA; /* url(../img/bg.gif) top left repeat-x;*/
	}

/* =HEADER
----------------------------------------------- */

#header {
	float: left;
	width: 900px;
	height: 90px;
    background: #FFF url(../img/header.gif) left top no-repeat;
    }

#header h1 {
    font-size: 1em;
	width: 400px;
	height: 90px;
    }

#header h1 a {
	display: block;
	height: 90px;
	text-indent: -5000px;
	text-decoration: none;
    }

/* =NAVIGATION
----------------------------------------------- */

#nav {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 95%;
	/*background: #0058B3; url(../img/bg_nav.gif) repeat-x top left;*/
	}

#nav li {
	float: left;
	margin: 0;
	padding: 0 1px 0 0;
	list-style: none;
	/* background: url(../img/nav_slant.gif) no-repeat top right;*/
	}
#nav a {
	float: left;
	padding: 7px 20px;
	text-decoration: none;
	border-bottom: none;
	color: #06C;
	}
#nav a:hover, #nav a.active {
	color: #fff;
	background: #06C;
	}
#nav a.active {
	font-weight: bold;
	}

/* =TEASERBAR
----------------------------------------------- */

#teasertxt {
    clear: left;
    background-color: #9FC0E1;
    width: 100%;
    border-top: 1px solid #FFF;
    background: #9FC0E1 url(../img/bg_teasertxt.gif) 450px bottom no-repeat;
    padding: 10px 0;
}

#profilbsp #teasertxt, #arbeit #teasertxt {
    clear: left;
    background-color: #9FC0E1;
    width: 100%;
    border-top: 1px solid #FFF;
    background: #9FC0E1 url(../img/profil/bg_teaser.gif) 0px bottom no-repeat;
    padding: 10px 0;
}

#teasertxt h2 {
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-size: 160%;
	font-weight: normal;
    color: #FFF;
	padding: 5px 0 5px 20px;
	margin: 0;
    line-height: 1.2em;
}

#teasertxt p {
    font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
    color: #FFF;
    font-size: 130%;
    margin: 5px 0 0 20px;
    font-weight: bold;
}

/*#profilbsp #teasertxt h2, #profilbsp #teasertxt p {
    color: #06C;
}*/

/* =SIDEBAR
----------------------------------------------- */

/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#sidebar {clear:left;}
/* End IE5-Mac hack */

#sidebar {
    /*background: #7DB1E5;*/
	float: left;
	width: 240px;
    padding: 0;
    display: inline;
    margin-top: 70px;
    }

#sidebar p {
    font-size: 90%;
    color: #146EA7;
    margin: 0px 10px 10px 10px;
    line-height: 1.3;
    }

#sidebar h2 {
    font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
    background-color: #06C;
    color: #FFF;
    font-size: 105%;
    font-weight: bold;
    padding: 3px 0 3px 10px;
    margin: 0 0 8px 0;
}

#sidebar a.ext {
    color: #C00;
    padding: 1px;

    background: url(../img/icn_arr_red.gif) no-repeat 0 50%;
	padding: 2px 2px 2px 18px;
    }

#sidebar a.ext:hover {
    color: #FFF;
    background-color: #C00;
    text-decoration: none;
    }

#sidebar ul {
	list-style-type: square;
	padding: 0px 0 5px 28px;
    font-weight: bold;
	color: #06c;
    }

#sidebar li {
	xbackground: url(../img/icn_arr.gif) no-repeat 0 60%;
	padding: 2px 0 2px 0px;
    color: #06c;
    font-size: 95%;
    }

#sidebar li a:link {
    color: #06C;
    font-size: 95%;
    font-weight: bold;
    padding: 0;
    text-decoration:none;
}

#sidebar li a:visited {
    color: #06C;
    font-size: 95%;
    padding: 2px 2px;
    text-decoration:none;
    }

#sidebar li a:hover, #sidebar li a:active  {
    color: #FFF;
    font-size: 95%;
    background-color: #06C;
    padding: 2px 2px;
    text-decoration: none;
    }

/*#sidebar .ba {
    border: 1px solid #06C;
    padding: 10px 0 5px 0;
    margin: 0 0 25px 0;
    }*/

#sidebar img {float: left; padding: 3px 10px 0 0;}


/* =CONTENT
----------------------------------------------- */

#maincontent {
  width: 790px;
  margin-top: 20px;

  /*background-color: red;*/
}

#content {
    width: 720px;
    float: left;
    margin: 0 0 25px 70px;
    display: inline;
}

#content p {
  margin-bottom: 1em;
  width: 650px;
}

#ueber #content p,#content p.wide {
    width: 600px;
}

#arbeit #content p {
    width: 450px;
}


#content img {
  float: right;
  padding: 5px 0 20px 20px;
}

#content img.left {
    float: left;
    padding: 5px 20px 20px 0;
}


#content .center {
  float: left;
  margin: 30px 150px 25px 0;
  padding: 0;
  display: block;
}


#content h3 {
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-size: 175%;
	font-weight: normal;
    color: #06C;
	padding: 0;
	margin: 30px 0 15px 0;
	}

#content h4 {
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-size: 110%;
	font-weight: bold;
    color: #06C;
	padding: 0;
	margin: 15px 0 5px 0;
    clear: both;
	}

#content a, #sidebar a {
  color: #06C;
}

#content a:link, #sidebar a:link {
  color: #06C;
}

#content a:hover, #sidebar a:hover {
  color: #FFF;
  background-color: #06C;
  text-decoration: none;
}

.ba {
  font-weight: bold;
}


/* =CONTENT List
----------------------------------------------- */

#content ul {
	list-style: none;
	padding: 0px 0 5px 10px;
    font-weight: bold;
    }

#content li {
	background: url(../img/icn_disc.gif) no-repeat 0 60%;
	padding: 2px 0 2px 13px;
    color: #06C;
    font-size: 100%;
    }

#content li a:link {
    color: #06C;
    font-size: 100%;
    font-weight: bold;
    padding: 2px 2px;
    }

#content li a:visited {
    color: #06C;
    font-size: 100%;
    padding: 2px 2px;
    }

#content li a:hover, #contentr li a:active  {
    color: #FFF;
    font-size: 100%;
    background-color: #06C;
    padding: 2px 2px;
    text-decoration: none;
    }

#content dt {
    font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-size: 200%;
	font-weight: normal;
    color: #CCD9EA ;
	padding: 0;
	margin: 0 0 50px 0;
}

#content dd {
    font-size: 100%;
    margin: 0 0 0 15px;
    background: url(../img/icn_disc.gif) no-repeat 0 55%;
    padding: 2px 0 2px 13px;
}

#content .profilb img {
    margin: 0;
    padding: 0 10px 0 0;
 }


/* =NOTEBAR
----------------------------------------------- */

#note {
    clear: both;
    width: 770px;
    background-color: #C9DBED;
    margin: 30px 0 0 0;
    padding: 15px 0 15px 20px;
    line-height: 1.2em;
    font-size: 90%;
    border-bottom: 1px solid #FFF;
}

#note p {
  margin-right: 100px;
}


#note img {
  border: none;
  float: left;
  padding: 2px 20px 0 0;
}

#note a:link {
    color: #06C;
}

#note a:visited {
    color: #06C;
}

#note a:hover {
    color: #FFF;
    background-color: #06C;
    text-decoration: none;
}

#note a:active {
    color: #06C;
}

/* =FOOTER
----------------------------------------------- */

#footer {
    clear: left;
    background-color: #9FB6C7;
    margin: 0;
    padding: 0;
    font-size: 85%;
    color: #FFF;
    height: 30px;
    width: 790px;
}

#footer p.left {
  margin: 5px 0 0px 20px;
  float: left;
  display: inline;
}

#footer .top {
    margin: 5px 20px 0 0;
    float: right;
    display: inline;
}

#footer a {
    color: #FFF;
    text-decoration: none;
    padding-right: 20px;
    background: url(../img/icn_top.gif) right 60% no-repeat;
}

#footer a:visited {
    color: #FFF;
    text-decoration: none;
}

#footer a:hover,#footer a:active,#footer a:focus {
    color: #06C;
    text-decoration: underline;
}

/* =MISC
----------------------------------------------- */

hr {
    clear: both;
	width: 100%;
	color: #E4E6E9;
	border: 0;
	border-bottom: 1px solid #F3F6FA;
    margin: 0 0 5px 0;
	}

html>body hr {
	border: 0;
	border-bottom: 1px solid #D6D6D6;
    margin: 15px 0 20px 0px;
	}

.counter {
    display: none;
}


/*strong {
  color: #06C;
}*/


acronym, abbr, .help {border-bottom: 1px dotted; cursor: help;}