/* CSS fuer vonerlenbach-kunstschule.de */

/* --- FARBEN ---
	helle rahmenfarbe: #FFCC66;
	dunkle rahmenfarbe: #CC6600;
	hintergrund: #F1F1F1;
	schrift logo: #2E98D5;
	dunkles grau: #A4A192;
	helles grau: #C3BFAE;
	
	link navi:
	link navi hover:
	link text: #2E98D5;
	link text hover: #2E98D5;
	link text visited: #2E98D5;
	
	text: #000000;
--- FARBEN - Ende --- */

body {
	color: #000000;
	background-color: #F1F1F1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

* {
	margin: 0;
	padding: 0;
}

h1 {
	margin-top: 0;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 10px;
	}

h2 {
	margin-top: 0;
	font-size: 13px;
	font-weight: bold;
	}

h3 {
	margin-top: 0;
	font-size: 12px;
	font-weight: bold;
	}

h4 {
	margin-top: 0;
	font-size: 11px;
	font-weight: bold;
	}

p {
	margin-top: 0;
	margin-bottom: 12px;
	}
	
b {
	font-weight: normal;
   }	

a {
	color: #2484BC;
	text-decoration: none;
	}

a.link {
	color: #2484BC;
	text-decoration: none;
	}
	
a.visited {
	color: #2484BC;
	text-decoration: none;
	}

a:hover {
	color:#000;
	text-decoration: none;
	}

a.active {
	color: #2484BC;
	text-decoration: none;
	}

img {
	padding: 0;
	margin: 0;
	border: none;
	}

.clr {
	clear: both;
	}

.kommentar {
	font-family: Courier New, Courier, mono;
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;	
	}

/* Positionierung */
#container {
	width: 978px;
	height: 582px;
	margin: auto;
	margin-top: 27px;
	background-color: #F1F1F1;
	background-image: url(../images/basic.gif);
	background-repeat: no-repeat;
	}

#head {
	float: none;
	width: 978px;
	height: 141px;
	}

#head_left_spacer {
	float: left;
	width: 98px;
	height: 141px;
	}

#head_left {
	float: left;
	width: 558px;
	height: 141px;
	}

#head_right {
	float: left;
	width: 322px;
	height: 141px;
	}

img#logo {
	width: 322px;
	height: 73px;
	margin-top: 10px;
	}

#content {
	float: none;
	width: 978px;
	height: 363px;
	}

#content_left_spacer {
	float: left;
	width: 80px;
	height: 363px;
	}

#content_alles {
	float: left;
	width: 898px; /*! 898px !!!! */
	height: 363px; /*! 363px */
	margin: 0;
	padding: 0;
	background-color: #D7DBC5;
	}
	
#content_clear {
	clear: both;
}	

#content_left {
	float: left;
	width: 416px; /*! 450px */
	height: 329px; /*! 363px */
	padding: 17px;
	background-color: #B9BDA4;
	}

#content_right {
	float: left;
	width: 414px; /* 448px */
	height: 329px;
	padding: 17px 17px 17px 17px;
	background-color: #D7DBC5;
	}

/* 1 Bild links*/
#BL1 {
	width: 416px;
	height: 329px;
	border: none;
	}

#BL1 img {
	width: 416px;
	height: 329px;
	border: none;
	}

/* 4 Bilder links */
#BL4_ol {
	float: left;
	width: 204px;
	height: 160px;
	padding-right: 8px;
	}

#BL4_or {
	float: left;
	width: 204px;
	height: 160px;
	}

#BL4_ul {
	float: left;
	width: 204px;
	height: 160px;
	padding-top: 9px;
	padding-right: 8px;
	}

#BL4_ur {
	float: left;
	width: 204px;
	height: 160px;
	padding-top: 9px;
	}

#BL4_ol img, #BL4_or img, #BL4_ul img, #BL4_ur img {
	width: 204px;
	height: 160px;
	border: none;
	}

#foot {
	float: none;
	width: 978px;
	height: 78px;
	}

/* --- auskommentiert, weil ie 5.5 + 6.0 probleme mit den "tooltips" haben, mit position:absolute/relative geht es jetzt. wenn wir die "tooltips" nicht mehr brauchen, bitte alles wieder auf float umstellen ---

 #foot_left {
	float: left;
	width: 548px;
	height: 78px;
	}

#foot_right {
	float: left;
	width: 430px;
	height: 78px;
	}   --- */

#foot_right {
	position: relative;
	left: 548px;
	top: 0px;
	}

/* tooltips für hinweise footright */

#tthelper {
	position: relative;
	z-index: 95;
	left: 0px;
	top: 0px;
	z-index: 10;
	}

#Layer1 {
	position: absolute;
	top: -44px;
	left: -105px;
	z-index: 101;
	}

#Layer2 {
	position: absolute;
	top: -44px;
	left: -105px;
	z-index: 102;
	}
	
#Layer3 {
	position: absolute;
	top: -44px;
	left: -105px;
	z-index: 103;
	}

#Layer1, #Layer2, #Layer3 {
	visibility: hidden;
	width: 185px;
	height: 17px;
	padding: 4px 0 4px 0;
	font-size: 13px;
	font-weight: bold;
	border: solid 2px #CC0033;
	text-align: center;
	word-spacing: 0.01em;
	color: #330099;
	background-color: #FFFF66;
	}

/* tooltips --- Ende ---  */


/* --- navigation --- */

/* topnavi ist ausgelagert */

#foot_navi_left {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 330px;
	margin-top: 45px;
	word-spacing: 11px;
	}
#foot_navi_fb {
	position: absolute;
	left: 150px;
	top: 0px;
	margin-top: 47px;
	width: 100px;
 
	height:30px; 
	
	}
#foot_navi_right {
	position: absolute;
	left: 331px;
	top: 0px;
	width: 89px;
	margin-top: 45px;
	margin-right: 11px;
	word-spacing: 11px;
	text-align: right;
	
	}

#foot_navi_left a, #foot_navi_right a  {
	color: #5B5650;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	letter-spacing: 0.07em;
	}

#foot_navi_left a:hover, #foot_navi_right a:hover {
	color: #2484BC;
	text-decoration: none;
	}

/* --- Ende navigation --- */

/* --- Positionierung Ende --- */



/* -------- Content Styles ------- */
	

.white {color:#FFFFFF; padding:3px 0 0 10px }

/* styling kurse content-right */
dl#unterricht {
	float: left;
	width: 100px;
	padding: 0;
	margin: 0;
	text-align: left;
	}

dl#termin {
	float: right;
	width: 260px;
	padding: 0;
	margin: 0;
	text-align: left;
	}
	
dl#semester {
	float: right;
	width: 260px;
	padding: 0;
	margin: 0;
	font-weight: normal;
}

dl#semester2 {
	float: left;
	width: 120px;
	padding: 0;
	margin-top: -6px;
}	

dl#termin dt, dl#unterricht, dl#semester dt {
	margin-bottom: 7px;
	}

dl#termin dd, dl#unterricht, dl#semester dd {
	margin-left: 0;
	padding-left: 0;
	}
	
.red {
	color: Red;
} 

dl#absatz_notiz {
	float: left;
	padding: 0;
	margin-top: 19px;
	width: 400px;
}
	
/* kurse content-right --- Ende --- */



/* styling startseite content */
#content_left_home {
	float: left;
	width: 364px; /*! 450px ist richtig!!!! */
	height: 329px; /*! 363px */
	padding: 17px;
	}

#content_right_home {
	float: left;
	width: 436px; /* 448px */
	height: 190px;
	padding: 17px 10px 17px 30px;
	}
 
 #content_r_bottom_home {
 	text-align: right;
 	float: right;
	width: 457px;
	height:130px;
	padding: 8px 25px 0px 17px;
 }

.text_home {
	font-size: 13px;
	color: #585650;
	letter-spacing: 0.1px;
}
 
.img_navi {
	padding-right:9px;
}	
/* startseite content --- Ende --- */

/* styling content guestbook */
#content_left_gb {
	float: left;
	width: 206px; 
	height: 329px;
	padding: 17px;
	background-color: #B9BDA4;
	color: #fff;
}

#content_right_gb {
	float: left;
	width: 622px;
	height: 329px;
	padding: 17px;
}
/* content guestbook --- Ende --- */

/* style content team */

#content_left_team {
	float: left;
	width: 206px; 
	height: 329px;
	padding: 17px;
	background-color: #B9BDA4;
	color: #fff;
}

#content_right_team {
	float: left;
	width: 622px;
	height: 329px;
	padding: 17px;
}

#team_navi_r {
	float: right;
	width: 105px;
	height: 30px;
	padding: 0;
	margin-top: 39px;
	text-align: right;
}

dl#team_kurse {
	float: left;
	width: 204px;
	padding: 17px 0 0 0;
	margin: 0;
	}
	
dl#team_vita {
	float: left;
	width: 620px;
	height: 260px;
	padding: 0;
	margin: 0;
	}
	
dl#team_kontakt {
	float: left;
	width: 350px;
	padding: 40px 0 0 0;
	margin: 0;
	}	
	
dl#team_c_1 {
	float: left;
	width: 160px;
	height: 329px;
	padding: 0;
	margin: 0;
	line-height: 25px;
	}	
	
dl#team_c_2 {
	float: right;
	width: 220px;
	height: 329px;
	padding: 0;
	margin: 0;
	line-height: 25px;
	}		
		
/* content team --- Ende --- */

/* style content profil */

#content_right_profil {
	float: left;
	width: 623px;
	height: 329px;
	padding: 17px;
	overflow: auto;
	overflow-x: hidden;
}

#buch_bestell_navi {
	float: right;
	width: 105px;
	height: 26px;
	padding: 0;
	margin-right: 10px;
	margin-top: -40px;
	text-align: center;
	background-color: #2E98D5;
	border: #fff 1px solid;
	color: #fff;
	line-height: 24px;
	font-weight: bolder;
	letter-spacing: 0.06em;
}

#pay_button {
	position: absolute;
	top: -115px;
	right: 0px;
}

#pay1_button {
	position: absolute;
	top: -105px;
	right: 7px;
}

#vorkasse {
	position: relative;
	top:30px;
}

/* content profil --- Ende --- */

/*  style content --- links --- */

.logo_blau {
	color: #2484BC;
}

.links a {
	color: #fff;
}

.links a:hover {
	color: #2484BC;
}

/* content links --- Ende --- */

/* style content anmeldung */

.anmelde_link a {
	color: #2484BC; 
}
.anmelde_link a:hover {
	color: #ffffff;
	}

/* content anmeldung --- Ende --- */

/* style content fotos */

#content_fotoundtext {
	float: left;
	padding: 17px 10px 17px 17px;
	width: 699px;
	height: 329px;
	overflow-x: hidden;
	overflow: auto;
}

#content_left_static {
	float: left;
	width: 130px; 
	height: 329px;
	padding: 17px 0px 17px 42px;
	background-color: #B9BDA4;
	color: #2484BC;
	text-align: center;
}

dl#fotoboxliste {
	width: 130px;
	margin: 0;
	padding: 0;
	line-height: 36px;
	font-weight: bold;
}

dl#fotoboxliste dd {
	display: block;
	background-color: #D7DBC5;
}

dl#fotoboxliste dd a {
	background-color: #B9BDA4;
	display: block;
}

#content_left_fotos {
	float: left;
	width: 234px;
	padding: 0;
	text-align: right;
	background-color: #D7DBC5;
}

.fototextbox {
	width: 214px;
	height: 247px;
	text-align: right;
	padding: 34px 20px 0 0;
}

.foto_navi {
	width: 214px;
	height: 50px;
	padding:0 20px 0 0;
	text-align: right;
	border-bottom: 1px #F1F1F1 solid;
}

.foto_anker {
	width: 20px;
	height: 15px;
	margin-top:35px;
	float: left;
}
	
#content_right_fotos {
	float: right;
	width: 440px;
	height: 329px;
	text-align: right;
}
#content_left_fotos2 {
	float: right;
	width: 640px;
	text-align: right;
}
/* 
content fotos --- Ende --- */

/* style content alle-kurse */

#content_allekurse {
	float: left;
	padding: 17px;
	width: 863px;
	height: 329px;
	overflow-x: hidden;
	overflow: auto;
}

/* content alle-kurse --- Ende --- */

/* style content downloads */

dl#downloads {
	float: left;
	width: 370px;
	margin: 0;
	padding: 0;
	line-height: 40px;
}
/* content downloads --- Ende --- */

/* styling preise content-right */
dl#preise_kurs {
	float: left;
	width: 220px;
	padding: 0;
	margin: 0;
	text-align: left;
	}

dl#preise_preis {
	float: right;
	width: 100px;
	padding: 0px;
	margin-right: 40px;
	text-align: right;
	}
	
dl#preise_kurs dt, dl#preise_preis dt {
	margin-bottom: 5px;
	font-weight: bold;
}

dl#preise_kurs dd, dl#preise_preis dd {
	margin-left: 0;
	padding-left: 40px;
	}
/* preise content-right --- Ende --- */

/* style erfolge content */

dl#erfolge_land {
	float: left;
	width: 100px;
	margin-left: 20px;
}

dl#erfolge_orte {
	float: left;
	width: 100px;
	margin-left: 20px;
}

dl#erfolge_orte_ausl {
	float: left;
	width: 100px;
	margin-left: 20px;
}

dl#erfolge_akademien {
	float: left;
	width: 400px;
	margin-left: 20px;
}

dl#erfolge_akademien_ausl {
	float: left;
	width: 280px;
	margin-left: 20px;
}

dl#erfolge_orte dt, dl#erfolge_akademien dt {
	margin-bottom: 7px;
	font-weight: bold;
}

dl#erfolge_orte dd, dl#erfolge_akademien dd, dl#erfolge_land dd {
	margin: 0;
	padding: 0;
}

dl#erfolge_land dt, dl#erfolge_akademien_ausl dt, dl#erfolge_orte_ausl dt {
	margin-bottom: 7px;
	margin-top: 15px;
	font-weight: bold;
}
/* content erfolge --- Ende --- */

/* style content presse */
dl#presse {
	float: left;
	width: 300px;
	margin-left: 40px;
	line-height: 35px;
}
/* content press --- Ende --- */

#name, #email, #telefon, #anfrage {
	background-color: #EAEBEB;
	border: #B9BDA4 1px solid;
}

/* preise & anmeldung */

.liste_voll_abend {
	display: block;
	background-color: #E7A96E;
	}

.liste_voll_morgen {
	display: block;
	background-color: #F6D67C;
	}
	
.liste_voll_morgen2 {
	display: block;
	height: 20px;
	padding-top: 6px;
	background-color: #F6D67C;
	}	

.liste_teilzeit {
	display: block;
	background-color: #B4DAEA;
	}	
	
.liste_teilzeit_3 {
	display: block;
   height: 27px;
	padding-top: 12px;
	padding-top: 12px;
	background-color: #B4DAEA;
	}		
	
.liste_anmeldung1 {
	display: block;
	background-color: #F0F0F0;
	}
	
.liste_anmeldung2 {
	display: block;
	height: 20px;
	padding-top: 6px;
	background-color: #F0F0F0;
	}
	
.liste_anmeldung3 {
	display: block;
	height: 27px;
	padding-top: 12px;
	background-color: #F0F0F0;
	}	
	
.anmeldung_breit_dunkel {
	display: block;
	height: 20px;
	padding-top: 6px;
	background-color: #fcfcfc;
	}	
	
.anmeldung_hell3 {
	display: block;
	height: 27px;
	padding-top: 12px;
	background-color: #fcfcfc;
	}		
	
.anmeldung_hell1 {
	display: block;
	background-color: #fcfcfc;
	}	

/* info-layer - preise */	
#info1 {
	position:absolute;
	width:200px;
	height:107px;
	z-index:100;
	left: 700px;
	top: 58px;
	visibility: hidden;
}
#info2 {
	position:absolute;
	width:200px;
	height:82px;
	z-index:101;
	left: 700px;
	top: 80px;
	visibility: hidden;
}

#info3 {
	position:absolute;
	width:200px;
	height:81px;
	z-index:102;
	left: 700px;
	top: 93px;
	visibility: hidden;
}

#info4 {
	position:absolute;
	width:200px;
	height:82px;
	z-index:103;
	left: 700px;
	top: 105px;
	visibility: hidden;
}

#info5 {
	position:absolute;
	width:200px;
	height:119px;
	z-index:104;
	left: 700px;
	top: 129px;
	visibility: hidden;
}

#info6 {
	position:absolute;
	width:200px;
	height:85px;
	z-index:105;
	left: 700px;
	top: 147px;
	visibility: hidden;
}

#info7 {
	position:absolute;
	width:200px;
	height:85px;
	z-index:106;
	left: 700px;
	top: 146px;
	visibility: hidden;
}

#info8 {
	position:absolute;
	width:200px;
	height:133px;
	z-index:107;
	left: 700px;
	top: 183px;
	visibility: hidden;
}

#info9 {
	position:absolute;
	width:200px;
	height:82px;
	z-index:108;
	left: 700px;
	top: 199px;
	visibility: hidden;
}

#info10 {
	position:absolute;
	width:200px;
	height:120px;
	z-index:109;
	left: 700px;
	top: 240px;
	visibility: hidden;
}

#info1, #info2, #info3, #info4, #info5, #info6, #info7, #info8, #info9, #info10 {
	background-color: #FFFFFF;
	border: #888888 2px solid;
	padding: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

.img_right {
	float: right;
	margin-top: 10px;
}

.tab100 {
	margin: 0px 0px 0px 100px;
}

.line_tab100 {
	color: #2484BC;
	margin: 0px 0px 0px 100px;
	font-size: 14px;
	font-weight: bold;
}

.line_tab20 {
	color: #5B5650;
	margin: 0px 0px 0px 20px;
	font-size: 13px;
	font-weight: bold;
}

.img_left_text {
	float: left;
	padding: 0 17px 10px 0;
}

#social {
	position: absolute;
	top:2px;
	left:-800px;
}


.pay_way {
	color: #fff;
	font-weight: bold;
	line-height: 30px;
	background-image: url(../images/navi/bg_books_line.gif);
	display: block;
	height: 30px;
	padding: 0 10px 0 10px;
}

.pay_info {
	color: #2E98D5;
	text-align: center;
	font-weight: bold;
	line-height: 30px;
	background-color: #FFF;
	display: block;
	height: 30px;
	padding: 0 10px 0 10px;
}

/* anmeldung tabelle */


#tab2, #tab3, #tab4 {
	margin-top: 2px;
}

.teilzeit {
	background-image: url(../images/navi/teilzeitsemester.png);
}

.teilzeit:hover {
	background-position: bottom;
}

.vollzeit_1 {
	background-image: url(../images/navi/vollzeit_1.png);
}

.vollzeit_1:hover {
	background-position: bottom;
}

.vollzeit_2 {
	background-image: url(../images/navi/vollzeit_2.png);
}

.vollzeit_2:hover {
	background-position: bottom;
}

/* application english */
.parttime {
	background-image: url(../en/images/parttime_button.png);
}

.parttime:hover {
	background-position: bottom;
}

.fulltime_1 {
	background-image: url(../en/images/fulltime_1_button.png);
}

.fulltime_1:hover {
	background-position: bottom;
}

.fulltime_2 {
	background-image: url(../en/images/fulltime_2_button.png);
}

.fulltime_2:hover {
	background-position: bottom;
}
/* application english end */

.faq_tab {
	display: block;
	color: #2484BC;
	margin: 7px 0px 40px 40px;
}

.faq, .faq a {
	color: Blue;
	margin: 0px 0px 0px 40px;
	text-decoration: underline;
	display: block;
}

.home_fach_1 {
	margin: 0; 
	font-size: 13px; 
	color: #3F3C37; 
	font-weight:bold;
}

.home_fach_2 {
	margin: 0px 0px 0px 20px; 
	font-size: 13px; 
	color: #5B5650;
}

.konzeptpunkte {
	display: block;
	width: 400px;
	margin-left: 20px;
}

.pdf_konzept {
	float: right;
	margin: 165px 20px 0 0;
}

#buecher {
	width: 40px;
}

.noborder {
	border: none;
}

#vollzeit1 {
	position: absolute;
	top: -408px;
	left: -559px;
	background-color: #555;
	width: 657px;
	height: 363px;
	opacity: 0.9;
	-moz-opacity: 0.9;
	filter: alpha(opacity=90);
	visibility: hidden;
}

#vz_content {
	margin: 140px auto;
	width: 350px;
	height: 66px;
	background-color: Fuchsia;
}

.vollzeit3 {
	background-image: url(../images/navi/3vollzeit/vollzeit3_button.png);
}
.vollzeit3:hover {
	background-position: bottom;
}

.vollzeit2 {
	background-image: url(../images/navi/3vollzeit/vollzeit2_button.png);
}
.vollzeit2:hover {
	background-position: bottom;
}

.vollzeit1 {
	background-image: url(../images/navi/3vollzeit/vollzeit1_button.png);
}
.vollzeit1:hover {
	background-position: bottom;
}

.fulltime3 {
	background-image: url(../images/navi/3vollzeit/fulltime3_button.png);
}
.fulltime3:hover {
	background-position: bottom;
}

.fulltime2 {
	background-image: url(../images/navi/3vollzeit/fulltime2_button.png);
}
.fulltime2:hover {
	background-position: bottom;
}

.fulltime1 {
	background-image: url(../images/navi/3vollzeit/fulltime1_button.png);
}
.fulltime1:hover {
	background-position: bottom;
}