/* CSS Document */

/********* Tanja Hoffmann  *********/


/********** Allgemeines  *********/

body {
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	font-size: 11px;
	font-family:  'PT Sans', arial, serif;;
    background-color:#ffffff;
	overflow-y:scroll;
	overflow-x: hidden;
}

img a {
	border:none;
}

a {
	text-decoration: none;
    color: #000000;
}

a:hover {
	text-decoration: underline;
    color: #000000;
}


a.aktiv
 {
	text-decoration: none;
    color: #f13ef1 !important;
}

a.ja {
	text-decoration: none;
    color: #FFA6FF !important;
}



h1 {
    font-family: 'PT Sans',arial,serif;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 26px;
    margin: 0 0 12px;
    text-transform: uppercase;
}

.abstandweiter {
    margin: 0 0 20px 0;
}

.bild {
	margin-bottom: 70px;
}

.center {
	text-align:center;
}

.stern {
    display: inline;
    font-size: 8px;
    line-height: 12px;
    vertical-align: super;
}

.enger {
    letter-spacing: -2px;
    padding-right: 1px;
}

.unter {
    font-family: 'PT Sans',arial,serif;
    letter-spacing: normal;
    text-transform: none;
}


/********** Layout  *********/


#rahmen {
    margin-bottom: 40px;
    margin-left: 20px;
    position: absolute;
    width: 100%;
	max-width: 1400px;
}

#kopf {
    background-color: #000000;
    height: 19px;
    padding-top: 62px;
    position: fixed;
    width: 500px;
    z-index: 200;
}

.navi {
	display:inline;
	padding: 0px 0px 0px 10px;
	color: #FFFFFF;
	font-family: 'PT Serif', arial, serif;
	text-transform:uppercase;
	letter-spacing:1px;
}


#content {
	margin-top: 30px;
	clear:both;
	position:relative;
}


#oben {
	position:absolute;
	margin:auto;
	top: 0px;
	z-index:1;
	visibility:hidden;
}


.fuss {
    clear: both;
    margin-bottom: 830px;
    margin-left: 0;
    margin-top: 20px;
    padding-top: 5px;
    width: 250px;
}

#rechteSpalte {
    left: 550px;
    line-height: 16px;
    min-width: 250px;
    position: fixed;
    top: 88px;
    width: 30%;
    z-index: 99;
}

.back {
    float: right;
    height: auto;
    margin-right: -246px;
    margin-top: 38px;
    padding-left: 20px;
    width: 75%;
}



/********** Haupt-und Footernavigation  *********/


.navi a {
	padding: 0;
    color: #FFFFFF;
}

.navi a:hover {
	text-decoration:none;
}

.fuss a {
	padding: 0px 5px 0px 5px;
    color: #f13ef1;
}

.navi a.aktiv,
.navi a:hover  {
	color: #FFA6FF;
}

.fuss a:hover  {
	color: #f13ef1;
	text-decoration: underline;
}




/********** Startseite *********/

.box {
    cursor: pointer;
    float: left;
    height: 250px;
    margin-bottom: 0;
    margin-right: 0;
    overflow: hidden;
    width: 250px;
}

.box_blau a {
	background-color:#6bcbd8;
	color: #000;
    cursor: pointer;
    float: left;
    font-size: 18px;
    height: 250px;
    margin-bottom: 0;
    margin-right: 0;
    width: 250px;
	display:block;
}

.box_blau a:hover {
	background-color:#95e3ee;
	color: #000;
    cursor: pointer;
    float: left;
    font-size: 18px;
    height: 250px;
    margin-bottom: 0;
    margin-right: 0;
    width: 250px;
}

.box_rot a {
	background-color:#ef4c56;
	color: #000;
    float: left;
    font-size: 18px;
    height: 250px;
    margin-bottom: 0;
    margin-right: 0;
    width: 250px;
	display:block;
}


.box_rot a:hover {
	background-color:#f46c74;
	color: #000;
    cursor: pointer;
    float: left;
    font-size: 18px;
    height: 250px;
    margin-bottom: 0;
    margin-right: 0;
    width: 250px;
}



/********** Arbeiten *** Layout *********/

#web {
	width: 500px;
	float:left;
	text-align: right;
	margin-top: -30px;
	margin-bottom: 20px;
}

#logos {
	width: 500px;
	float:left;
	margin-top: -110px;
	text-align:left;
}

#plakate {
	width: 500px;
	float:left;
	margin-top: -30px;
}

#content_ueseiten {
	margin-top: 86px;
	clear:both;
	position:relative;
}

#content_logos {
	margin-top: 115px;
	clear:both;
	position:relative;
}

.zurueck {
    background: url("bilder/backbutton.gif") no-repeat scroll right center transparent;
    height: 70px;
    left: 90%;
    margin-right: 30px;
    position: fixed;
    top: 70px;
    width: 82px;
}

.zurueck a {
    background: url("bilder/zurueckbutton2.png") no-repeat scroll 0 0 transparent;
    clear: both;
    color: #FFFFFF;
    display: block;
    height: 70px;
    left: 0;
    line-height: 12px;
    position: absolute;
    top: 3px;
    width: 110px;
    z-index: 99;
}

.zurueck a:hover {
	text-decoration:none;
}

.zurueck_text {
	margin-left:46px;
	margin-top:18px;
}

.zurue {
	float:left;
	height:10px;
}

.ck {
	padding-top:7px;
	height:20px;
}

/********** Arbeiten *** Rechte-Spalte-Navi *********/
.navo_rot,
#navo_rot,
#navo_rot2,
#navo_rot_fahren {
    list-style-type: none;
    margin:0;
    padding: 0;
	width:250px;
}

.navo_rot li,
#navo_rot li,
#navo_rot2 li {
    font-family: 'PT Serif',arial,serif;
    letter-spacing: 0.5px;
    line-height: 14px;
	padding: 0 0 10px 20px;
    text-transform: uppercase;
}

.navo_rot li:last-child,
#navo_rot li:last-child,
#navo_rot2 li:last-child  {
    padding: 0 4px 0px 20px;
}

.navo_rot li a,
#navo_rot li a,
#navo_rot2 li a,
#navo_rot_fahren li a,
#navo_lila li a  {
	color:#000000;
	display:block;
}

.navo_rot li a:hover,
#navo_rot li a:hover,
#navo_rot2 li a:hover,
#navo_rot_fahren a:hover,
#navo_rot_profil li a:hover,
#navo_lila li a:hover {
	color:#000000;
	text-decoration:underline;
}

.navo_rot li a:active,
#navo_rot li a:active,
#navo_rot li2 a:active,
#navo_rot_fahren li a:active,
#navo_rot li a:focus,
#navo_rot_fahren li a:focus { 
	color:#f13ef1;
	text-decoration: underline;
}

#navo_rot_fahren li {
    font-family: 'PT Serif',arial,serif;
    letter-spacing: 0.5px;
    padding: 0 4px 3px 20px;
    text-transform: uppercase;
}

#navo_rot li.zu {
    background: url("bilder/stern.gif") no-repeat scroll 0 0 transparent;
    font-weight: bold;
    height: 61px;
    padding: 40px 0 0 30px;
    width: 91px;
}

#navo_rot li.zu a {
    display: block;
    height: 61px;
    margin-left: -25px;
    margin-top: -20px;
    padding-top: 20px;
    text-align: center;
    width: 91px;
}


#navo_lila {
    border-bottom: 2px solid #000000;
    border-top: 2px solid #000000;
    list-style-type: none;
    margin: 85px 0 0 45px;
    padding: 0;
    text-align: center;
    width: 160px;
}

#navo_lila li,
#navo_gruen li {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 24px;
    padding: 5px 4px 5px 14px;
    text-transform: uppercase;
}

#navo_gruen {
    border-bottom: 2px solid #000000;
    border-top: 2px solid #000000;
    list-style-type: none;
    margin: 105px 0 0 45px;
    padding: 0;
    text-align: center;
    width: 160px;
}

 
/********** Arbeiten *** beschreiber i-Frame *********/


#hp_frame {
	position:absolute;
	width:605px;
	height:337px;
	top: 0px;
	left:0px;
	z-index:1;
}

#hp_ani_rahmen {
	position:relative;
	width:605px;
	height:337px;
	top: 0px;
	left:0px;
	z-index:2;
    margin-left:-180px;
}

/********** Arbeiten *** farbige Kapitelboxen von "fahren, fahren, fahen, ..." *********/

.fahren_box {
	height:333px;
	margin-top:70px;
	color:#000000;
	font-family:'Courier New', Courier, monospace;
	font-size:12px;
}


.ocker {
	background-color:#d6c28f;
}

.mint {
	background-color:#e9f3d8;
}

.gelb {
	background-color:#fef9e6;
}

.grau {
	background-color:#e3e3e3;
}




/********** Profil *********/




#rechteSpalte_profil {
    left: 520px;
    position: fixed;
    top: 88px;
    width: 250px;
    z-index: 99;
    line-height: 16px;
}

.box_profil {
    float: left;
    line-height: 20px;
    padding-left: 10px;
    padding-top: 50px;
    width: 420px;
}

.text_profil {
    font-size:13px;
}

#impressum {
    color: #666666;
    line-height: 16px;
    margin-left: -10px;
    margin-top: 120px;
    text-align: justify;
    width: 750px;
}

.navo_rot_profil {
    margin: 0;
    padding: 0;
	font-size:13px;
	line-height:20px;
}

/********** accordion *********/

.accordionButton  {
cursor:pointer;
}

.accordionButton:hover  {
text-decoration:underline;
}

.accordionContent {	
	display: none;
	}