/*
Theme Name: WordPress SJPA
Theme URI: http://www.ev-jugend.de/mainz
Description: SJPA Theme
Version: 1.0
Author: Peter Hottum
Author URI: http://www.hottum.org/
*/

/* CSS Document */

/* SCHRIFT */
a:link, a:visited, a:active, a:hover {text-decoration: underline; color:#000000; }

/*BILDER*/

img {
	border:none;
}

/* HINTERGRUND */
body {  background: url("./_bilder/hintergrund_orange.png") top center repeat-y;
	padding: 0; margin: 0; text-align: center;
	font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: 500; font-size: 0.8em; color: #000000;
}

html {
	height: 100.1%;
}


/* AUFBAU */
div#layout {
	width: 900px; margin: auto; margin-top: 0px; text-align:left; position: relative; background: url("./_bilder/verlauf_orange.png") top left repeat-y;
}
hr#ausblenden { display: none; margin: 0px; }

/* ANFANG */
div#kopf {
	height: 140px; width: 900px; background: url("./_bilder/header_orange.jpg") top center no-repeat; padding: 0; margin: 0;
}
h1#kopf { display: none; margin: 0px; }

#titellink {
 display: block;
 position: relative;
 height: 76px;
 width: 610px;
 left: 60px;
}


/* INHALT */
div#inhalt {
	width: 900px; min-height: 600px; margin: auto; padding: 20px 0; background: url("./_bilder/hintergrund_inhalt.png") top center repeat-y;
}

#inhalt h1 {font-size: 1.3em;}
#inhalt h2 {font-size: 1.2em;}
#inhalt h3 {font-size: 1.1em;}

#inhalt img, #gallery-1 a img {margin: 5px; padding: 3px; background-color: #fff; border: 1px solid #999;
}

#anhang { margin: 10px 0 0 20px; }

#googlemaps {margin: 18px 5px 5px 0; padding: 3px; background-color: #fff; border: 1px solid #999; width: 500px;
}


#inhalt img.ttf { padding: 0; background: none; border: none; margin: 0 0 10px 0;
}

#inhalt li {
	margin-bottom: 5px;
}

div#text {
	width: 540px; float: left; margin-left: 60px; 
}

.post {height: 20px; padding-left: 35px; background: url("../_bilder/post.gif") left no-repeat;}


ul#seitenstruktur {
margin-top: 10px;
padding-left: 15px;
}

ul#seitenstruktur li {
list-style-type: none; padding-left: 30px; padding-bottom: 10px; background: url("./_bilder/pfeil_rechts.png") top left no-repeat;
}

ul#seitenstruktur ul {
margin-left: 0;
padding-left: 0;
margin-top: 12px;
}

ul#veranstaltungen { padding-left: 2px; margin-top: 20px;}

ul#veranstaltungen li {
list-style-type: none; padding-left: 30px; padding-bottom: 10px; background: url("./_bilder/pfeil_rechts.png") top left no-repeat; border: 1px solid #fff;
}

ul#veranstaltungen li ul {
padding-left: 0; margin-left: 0;
}

ul#veranstaltungen li ul li {
list-style-type: none; padding-left: 0; margin-left: 0; padding-bottom: 0; background: none;
}


div#abschlusslinks {
	width: 790px; text-align: right; font-size: 0.9em; font-weight: bold; margin: auto; clear:both; padding-bottom: 10px;
}

#abschlusslinks ul { list-style-type: none; }

#abschlusslinks a:link, #abschlusslinks a:visited {text-decoration: none; color:#333; line-height: 15px;}
#abschlusslinks a:active, #abschlusslinks a:hover {text-decoration: none; color:#000; line-height: 15px;}


/* ABSCHLUSS */
div#fuss {
	clear:both; width: 900px; height: 62px; margin: auto; text-align: center; background: url("./_bilder/hintergrund_inhalt.png") top center repeat-y;
}

div#abschluss_www {
	clear:both; width: 730px; height: 22px; margin: auto; text-align: center; background: url("./_bilder/www.gif") top right no-repeat;
}

div#abschlusstext, div#impressum{ font-weight: bold; color: #333; font-size: 0.9em; text-align: left;}

#impressum a:link, #impressum a:visited {text-decoration: none; color:#333; line-height: 15px;}
#impressum a:active, #impressum a:hover {text-decoration: none; color:#000; line-height: 15px;}

#login {
 display: block;
 position: relative;
 float: left;
 z-index: 50;
 height: 16px;
 width: 16px;
 top: 20px;
 left: 15px;
 background: url("./_bilder/schloss.png") top left no-repeat;
}

div#logos{ float: left; width: 145px; margin-left: 20px;
}

div#abschlusstext{ float: left; width: 530px; margin-top: 5px;
}

div#impressum{ 
 width: 120px; 
 height: 20px; 
 float:left; 
 margin-left: 20px;
 padding-top: 4px;
}

/* FORMULAR */

.formbox {
	margin: 0 0 30px 0;
	padding:5px;
}

.reihe {
  clear: both;
  padding: 4px 0px;
}

.label {
  float: left;
  width: 150px;
  text-align: left;
  padding-top: 3px;
  padding-right: 5px;
}

.feld {
  float: left;
  width: 180px;
  text-align:left;
} 

.knopf {
  clear:both;
  text-align:left;
  padding:20px 5px 5px 5px;
}

.button{
	border: 1px solid #999999;
	background-color: #ffffff;
	padding:2px;
}

.defbreite {
  width: 250px;
}

#fehler {
	border: 1px solid red;
	padding: 1px;
	font-weight: bold;
}

#newsletter { position: absolute; top: 140px; left: 665px; margin: auto; padding: 0px; height: 55px; width: 190px; z-index: 1;
}


/* NAVIGATION */
div#navigation { z-index: 100; position: absolute; top: 100px; left: 58px; margin: auto; padding: 0px;}

ul#nav { clear: both; list-style-type: none; margin: 0px; padding: 0px;}
ul#nav li { display: block; float: left; }
ul#nav li span { margin-right: 3px;   display: block;}
ul#nav li span.trenner { padding-right: 9px; background: url("./_bilder/trenner.png") bottom right no-repeat; }
ul#nav li a { color: #333; text-decoration: none; font-weight: bold; height: 30px; padding-top: 20px;}
ul#nav li a:hover, ul#nav li a.active { color: #000000; background: url("./_bilder/pfeil_unten.png") top center no-repeat; height: 30px; }

ul#nav ul { width: 160px; padding-left: 0; margin-top: 2px; list-style-type: none; position: absolute;}
ul#nav ul li { width: 150px; margin: 0; float: left; padding: 8px; border-left: 1px solid #999; background: #fff;}
ul#nav ul li ul { width: 128px; margin-left: 10px; position: relative; }
ul#nav ul li ul li { width: 128px; }
ul#nav ul li a { text-align: left; margin-left: 0; background-color:#fff; padding: 0; }
ul#nav ul li a:hover { color: #000; background: #fff; }

#menu1Content { display: none; z-index: 100; height: 0px; }
#menu2Content { display: none; z-index: 100; height: 0px; }
#menu3Content { display: none; z-index: 100; height: 0px; }
#menu4Content { display: none; z-index: 100; height: 0px; }
#menu5Content { display: none; z-index: 100; height: 0px; }
#menu6Content { display: none; z-index: 100; height: 0px; }
#menu7Content { display: none; z-index: 100; height: 0px; }
#menu8Content { display: none; z-index: 100; height: 0px; }


/* KOMMENTARE  */

textarea#comment {
 width: 500px;
}

.weitere_info {
	cursor: pointer;
	margin: 1px;
	padding: 0 0 16px 18px;
	background: url("./_bilder/info.png") top right no-repeat;
}

/* SEITENBEREICH */

div#seitenbereich { width: 240px; margin-left: 619px; padding-top: 48px; margin-bottom: 30px;}

#seitenbereich img {
padding: 3px; background-color: #fff; border: 1px solid #999; margin: 10px 2px 10px 13px;
}

#seitenbereich img.banner {
padding: 0; border: none; margin: 10px 0;
}

div.kasten { margin:30px 0 0 11px; padding: 10px 0 0 10px; background: url("./_bilder/hintergrund_box2.png") top left no-repeat; }
div.kasten_hintergrund { width: 190px; min-height: 100px; padding: 0 15px 10px 0; background: url("./_bilder/hintergrund_box1.png") bottom right no-repeat; text-align: center; }

div.kasten img { border: none; }

.ohne_rahmen img { 
	border: none;
	padding: 0;
}