/* Basisvorlage CSS
www.juku-wuerzburg.de
Start: 13.02.09
Letzte Aenderung: 00.00.20xx
*/

/* Farbschema
--------------------------------------------------------------------------------------- */

/*
Farbton (Header): #5E6B82
Farbton (Website): #BFDB00
Farbton (Text): #990000
Farbton (Element): #xxxxxx
Farbton (Element): #xxxxxx
*/

/* Reset
--------------------------------------------------------------------------------------- */

* {
padding: 0;
margin: 0;
border: 0;
}

/* Globals und Typo
--------------------------------------------------------------------------------------- */

html {

/* Wahlweise Grid-Hintergrund
Rasterhintergrund, der die Breite bis 100 Pixel und eine Höhe bis 950 Pixel anzeigt. Die Breite von 960 Pixel ist markiert. Der Hintergrund ist transparent, muss also nicht nur mit #fff verwendet werden. Es wird eine Schriftgröße von 75% oder 12px festgelegt.
background: #fff url(bilder/grid.png) top left no-repeat;
*/
background: #fff;
font-size: 62.5%;
height: 100.1%;
}

body {

/* Wahlweise Linienhintergrund
Linienhintergrund abgestimmt auf eine Schriftgröße von 12px.
background: transparent url(bilder/line-height.gif) top left;
*/
background: #fff;
font: normal normal 1.1em "Lucida Grande", Lucida, Verdana, sans-serif;
height: 100.1%;
}


a:link {
color: #666;
text-decoration: none;
}


a:hover, a.active{
text-decoration: none;
color: #990000;
}

/* Macht die gepunktete Linie um geklickte Links unsichtbar
--------------------------------------------------------------------------------------- */

a:focus {
outline: none;
}

/* Vertikaler Rhythmus basierend auf 12px Basisgröße für den Fließtext
--------------------------------------------------------------------------------------- */

p {
font: 1em/1.5em "Lucida Grande", Lucida, Verdana, sans-serif;
margin-top: 1.5em;
margin-bottom: 1.5em;
color: #666666;
}

p.small{
	font-size: 0.8em;
}

.btblock2 p{
	padding-left: 110px;
}

h1 {
font: 1.67/1.3em "Lucida Grande", Lucida, Verdana, sans-serif;
margin-top: 0.9em;
margin-bottom: 0.9em;
color: #990000;
}

h2 {
font: 1.5em/1.3em "Lucida Grande", Lucida, Verdana, sans-serif;
margin-top: 1em;
margin-bottom: 1em;
color: #666666;

}

h3 {
font: 1.33em/1.13em "Lucida Grande", Lucida, Verdana, sans-serif;
margin-top: 1.13em;
margin-bottom: 1.13em;
display: inline;
width: 70%;
text-align: right;
}

/* Bilder und verlinkte Bilder ohne Rahmen
--------------------------------------------------------------------------------------- */

h4 {
font: 1.17em/1.29em Verdana, Arial, sans-serif;
margin-top: 1.29em;
margin-bottom: 1.29em;
}

img, a img {
border: 0;
}

/* Links- bzw. Rechtsausrichtung für Elemente
--------------------------------------------------------------------------------------- */

.links, .imageflLeft {
float: left;
margin: 0 1em 0.5em 0;
}

.rechts, .imageflRight {
float: right;
margin: 0 0 0.5em 0.5em;
}

.clear{
	clear: both;
}

/* Layoutelemente
Verwenden Sie overflow: hidden; um nötige Foats aufzulösen.
--------------------------------------------------------------------------------------- */
#all{
	width: 960px;
	margin: 0 auto;
background: #FFF url(juku_background_neu.gif) repeat-y 0 0;
min-height: 100.01%;
position: relative;
	
}
#website {
	height: 100.01%;
width: 941px;	
padding:0;
xbackground-color: #ACBFB0;
margin-left: 9px;
}

* html #all{
	height: 100%;
}

ul li a{
	text-decoration: none;
	color: #FFF;
}

ul.nav1st{
	font-size: 1.3em;
	line-height: 1.5em;
	bottom: -5px;
	list-style-type: none;
	text-align: left;
	margin-left: 70px;
	}
	
	ul.nav1st li{
	float: left;
	margin-right: 20px;
		padding: 3px 8px 3px 8px;
	
}

ul.nav1st li.active, ul.nav1st li:hover{
	float: left;
	margin-right: 20px;
	xbackground-color: #ACBFB0;
	padding: 0 5px 5px 5px;
	border: 3px solid #FFF;
	border-bottom: none;
}

ul.nav1st li a{
	float: left;
	padding: 5px 3px;
			text-decoration: none;
color: #FFF;

}

ul.nav2nd{
	font-size: 1.1em;
	display:block;
	list-style-type: none;
	line-height: 1.5em;
	color: #990000;
}

ul.nav2nd li {
	padding: 3px 0px;
				text-decoration: none;
color: #990000;
}

ul.nav2nd li a{
	color: #990000;
}


ul.nav3rd{
	display:block;
	margin-left:16px;
	list-style-type: none;
}

ul.nav3rd li{
	display: block;}


ul.nav4th{
	display:block;
		list-style-type: none;
	padding: 5px 0 5px 14px;
	font-weight: normal;
}


li a.current, li a.active{
	color: #990000;
		font-weight: bold;

}

#logo{
	float: left;
}
#header {
background-color: #5E6B82;
height: 190px;
width: 941px;
border-bottom: 3px solid #FFF;
}

#navigation {
cursor:pointer;
height:30px;
left:150px;
position:absolute;
top:154px;
width:960px;
}

#submenu{
	width: 300px;
	padding:30px 0 0 30px;
	float:left;
}


#subline{
	margin-top: 0;
	float: left;
	padding-top: 30px;
}

#content {
width: 550px;
margin-left: 355px;
padding: 17px 20px 9em 0;

}

#footer {
margin:-7.5em auto 0;
position:relative;}


#footer {
font-size:85%;
line-height:1.5em;
padding-bottom:1.5em;
text-align:center;
width:940px;
}

.btblock2{
}
.text{
	margin-left: 200px;
}

table{
	color: #666666;
}
 
td{
	padding: 3px 10px 3px 0;
}
 
.zweispalter{
	
}

.zweispalter_1{
width: 180px;
float: left;	

}

.zweispalter_2{
	width:250px;
	float: right;
}

#Abbildungen{
	margin-top: 20px;
}

#Abbildungen a {
	margin-right:15px;
	padding-bottom: 15px;
}


#Abbildungen a img{
	border:5px solid #FFF;
	}
	
#content ul{
	list-style-position: outside;
	color: #666;
	list-style-type: square;
	margin-left: 14px;
	line-height: 18px;
}