@font-face {
	font-family: 'Conv_calibri';
	src: url('calibri.eot');
	src: local('?'), url('calibri.woff') format('woff'), url('calibri.ttf') format('truetype'), url('calibri.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_pristina';
	src: url('pristina.eot');
	src: local('?'), url('pristina.woff') format('woff'), url('pristina.ttf') format('truetype'), url('pristina.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

*{
	margin: 0;
	padding: 0;
	text-decoration: none;
	border: 0;
	font-weight: normal;
	font-family: 'calibri','Conv_calibri';
	color: #fff;
	font-size: 22px;
}

#wrapper{
	width: 1080px;
	margin: auto;
	background-color: #666;
}

#header{
	width: 1080px;
	height: 273px;
}

#content{
	width: 1080px;
	margin-top: -100px;
	background-color: #666;
	margin-bottom: -100px;
}

#navi{
	width: 250px;
	background-color: #666;
	float: left;
	padding-top: 100px;
	min-height: 1000px;
}

#inhalt{
	width: 825px;
	background-color: #000;
	float: left;
	border-left: 5px solid #b0db68;
	padding-top: 100px;
	min-height: 1000px;
	padding-bottom: 150px;
}

select, option{
	color: #000;
}

a:link, a:visited, a:active{
	border-top: 1px solid #b0db68;
	border-bottom: 1px solid #b0db68;
}

a:focus, a:hover{
	background-color: #888;
}

ul{
	margin-bottom: 20px;
	list-style: none inside;
}

#navi_ul{
	list-style-type: none;
	list-style-position: inside;
	text-align: right;
}

#navi_ul li{
	border-top: 1px solid #b0db68;
	border-bottom: 1px solid #b0db68;
	margin-top: -1px;
}

#navi_ul li a.navilink{
	font-size: 16px;
	font-weight: bold;
	color: #000;
	padding: 5px;
	display: block;
	border: none;
}

#navi_ul li a.navilink:hover{
	background-color: #888;
}

#inhaltsbereich{
	margin: 20px;
	width: 785px;
}

label{
	display: inline-block;
	width: 150px;
}

#benutzername, #passwort, #eventname, #select_event, #select_kategorie, #eventpasswort, #anrede, #name, #email, #telefon, #mitteilung, #spamschutz, #bestellung_vorname, #bestellung_nachname, #bestellung_strasse, #bestellung_nr, #bestellung_plz, #bestellung_ort, #bestellung_adresszusatz, #bestellung_telefon, #bestellung_email, #bestellung_mitteilung, #abschlussfeiern, .login_pw, .status_select, #settings_email, #settings_passwort, #eventpasswort2, #passwort_aendern, #neuespw1, #neuespw2, #event_umbenennen, #neuername{
	width: 200px;
	border: 1px solid #b0db68;
}

.status_select, .eventspeicher{
	width: 200px;
}

#abschlussfeiern, #settings_email, #settings_passwort, .bildgroesse{
	width: 400px;
}

#bestellung_herr{
	margin-left: 50px;
}

#bestellung_strasse, #bestellung_ort{
	width: 300px;
}

#bestellung_nr{
	width: 100px; 
	margin-left: 10px;
}

#bestellung_plz{
	width: 100px;
	margin-right: 10px;
}

#bestellung_mitteilung{
	height: 200px;
	width: 410px;
}

#anrede{
	width: 205px;
}

#mitteilung{
	width: 420px;
	height: 300px;
}

.preise_input{
	width: 100px;
	border: 1px solid #b0db68;
	text-align: right;
}

#select_kategorie{
	margin-left: -4px;
}

#eventname, #eventpasswort, #eventpasswort2, #passwort_aendern, #neuespw1, #neuespw2, #event_umbenennen, #neuername{
	width: 300px;
}

#rubrik, #event_loeschen, #passwort_aendern, #event_umbenennen, #event_loeschen{
	border: 1px solid #b0db68;
	width: 305px;
}

#rubrik, #rubrik option{
	color: #000;
}

#einloggen, #ausloggen, #event_anlegen, .event_loeschen, #hochladen, .gbbutton, .gbloeschen, #preise_speichern, #senden, #reset, #bestellung_bestellen, #bestellung_zuruecksetzen, .editorder, .best_speichern, #settings_speichern, #loeschenbutton, #umbenennenbutton, #aendernbutton, #event_ausloggen{
	width: 200px;
	margin-left: 153px;
	border-left: 20px solid #b0db68;
	border-top: 1px solid #b0db68;
	border-bottom: 1px solid #b0db68;
	border-right: 1px solid #b0db68;
}


#reset{
	margin-left: 20px;
}

#bestellung_bestellen, #event_ausloggen{
	width: 300px;
}

#bestellung_zuruecksetzen{
	margin-left: 10px;
}

#ausloggen, .gbbutton, .eventlogin, #preise_speichern, #settings_speichern, #event_ausloggen{
	margin-left: 0;
}

#event_anlegen{
	margin-left: 154px;
}

.event_loeschen{
	margin-left: 0px;
}
.gbloeschen, .gbloeschen:active, .gbloeschen:visited, .gbloeschen:focus, .gbloeschen:hover, .eventlogin, .eventlogin:active, .eventlogin:visited, .eventlogin:focus, .eventlogin:hover, .editorder, .editorder:active, .editorder:visited, .editorder:focus, .editorder:hover, .rechnungslink, .rechnungslink:active, .rechnungslink:visited, .rechnungslink:focus, .rechnungslink:hover{
	background-color: #eee;
	display: inline-block;
	width: 200px;
	border-left: 20px solid #b0db68;
	border-top: 1px solid #b0db68;
	border-bottom: 1px solid #b0db68;
	border-right: 1px solid #b0db68;
	text-align: center;
	color: #000;
	padding: 3px;
	margin-left: 500px;
	margin-top: -25px;
}

.login_link, .eventlogin, .eventlogin:active, .eventlogin:visited, .eventlogin:focus, .eventlogin:hover{
	margin-left: 10px;
}

.editorder, .editorder:active, .editorder:visited, .editorder:focus, .editorder:hover, .rechnungslink, .rechnungslink:active, .rechnungslink:visited, .rechnungslink:focus, .rechnungslink:hover{
	margin-left: 0;
	margin-top: 0;
	width: 120px;
}

.best_speichern{
	margin-left: 0;
	margin-top: 0;
	width: 150px;
}

.fehler{
	background-color: #f99;
	border: 2px solid #c00;
	color: #c00;
	padding: 5px;
}

.erfolg{
	background-color: #9f9;
	border: 2px solid #0c0;
	color: #0c0;
	padding: 5px;
}

input{
	color: #000;
	padding: 2px;
}

p{
	margin-bottom: 20px;
	line-height: 1.4em;
}

.preistabelle{
	margin-bottom: 20px;
	width: 350px;
}

.bilderkategorie_td{
	width: 150px;
	vertical-align: top;
}

.pfeil_ul{
	list-style-image: url('listenpfeil.jpg');
	list-style-position: outside;
	margin-left: 30px;
}

.pfeil_ul li{
	margin-bottom: 20px;
}

h1{
	font-family: 'Conv_pristina';
	font-size: 48px;
	margin-bottom: 35px;
	color: #b0db68;
	text-align: center;
	font-weight: bold;
}

h2{
	font-size: 30px;
	margin-bottom: 35px;
	margin-top: 20px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	border-bottom: 1px dotted #666;
}

.zentriert{
	text-align: center;
}

.gruenerrand{
	border: 3px solid #b0db68;
}

.vorher-nachher{
	font-family: 'Conv_pristina';
	color: #b0db68;
	font-size: 24px;
	text-align: center;
}

.hundertprozent{
	width: 100%;
	margin-bottom: 20px;
}

.schreibschrift{
	text-align: center;
	margin-top: 25px;
	margin-bottom: 25px;
	font-size: 36px;
	color: #b0db68;
	font-family: 'Conv_pristina';
}

.bildgroesse_td{
	width: 250px;
	text-align: left;
}

.preis_td{
	width: 100px;
	text-align: right;
}

.zusatzinfo{
	font-size: 14px;
	text-align: left;
}

.anmerkung{
	font-size: 14px;
	margin-top: -35px;
}

.zusatz{
	font-style: italic;
	text-align: left;
}

.400breite{
	width: 400px;
}

.border{
	margin-top: 50px;	
	border-bottom: 1px dotted #666;
}

.upload_input{
	border: 1px solid #b0db68;
}

.loginpw_input{
	border: 1px solid #b0db68;
	margin-left: 38px;
	width: 221px;
}

.ul_gruen{
	list-style-image: url('listenpfeil_gruen.jpg');
	list-style-position: inside;
}

.ul_gruen li, .passfotos_intro{	
	color: #b0db68;
	font-family: 'Conv_pristina';
	font-size: 30px;
}

#home_bildwrapper{
	margin-top: 20px;
}

#home_links{
	width: 332px;
	float: left;
}

#home_rechts{
	width: 332px;
	float: left;
	margin-top: -50px;
	margin-left: 20px;
}

#home_links img, #home_rechts img{
	border: 3px solid #b0db68;
}

#home_links a, #home_rechts a{
	background-color: #000;
	border-bottom: none;
}

.ueberuns_namen{
	text-align: center;
	color: #b0db68;
	font-family: 'Conv_pristina';
	font-size: 30px;
}

.abstand_oben{
	margin-top: 100px;
}

.alles_oben td{
	vertical-align: top;
	padding-bottom: 25px;
}

.fett{
	font-weight: bold;
}

.rot{
	color: #c00;
}

textarea{
	color: #000;
}

.kursiv{
	font-style: italic;
}

.passfotos_verwendung{
	margin-top: -20px;
	margin-left: 250px;
	list-style-image: url('listenpfeil.jpg');
	list-style-position: inside;
}

.endgueltigloeschen, .eventeinloggen, .saveorder{
	display: none;
}

#footer, .footer_bild{
	width: 1080px;
	height: 135px;
	margin-top: -100px;
}

#impressum{
	margin-top: -235px;
}

#spalte_1, #spalte_2, #spalte_3{
	float: left;
	font-size: 14px;
	color: #000;
}

.preise_label{
	width: 410px;
}

.gruen{
	margin-top: 50px;
}

.gruen_fett{
	font-weight: bold;
	font-size: 36px;
	font-family: 'Conv_pristina';
	color: #b0db68;
}

.preisinfo_schulbilder{
	width: 600px;
	font-family: 'Conv_pristina';
	font-size: 30px;
	color: #b0db68;
}

.rechts{
	text-align: right;
}

.preisinfo{
	font-family: 'Conv_pristina';
	font-size: 30px;
	color: #b0db68;
}

.kontaktform{
	margin-top: 100px;
	margin-bottom: 100px;
}

.event_bilder_tabelle{
	width: 100%;
	margin-bottom: 35px;
	border-bottom: 1px solid #111;
}

.event_bilder_tabelle_artnr{
	font-weight: bold;
}

.event_bilder_tabelle_bild{
	width: 220px;
	height: 220px;
	vertical-align: middle;
	text-align: center;
}

.event_bilder_tabelle_abmessungen{
	width: 220px;
}

.event_bilder_tabelle_input{
	width: 60px;
}

.event_bilder_tabelle_klick{
	font-size: 12px;
}

.gesamtkostenberechnung_label{
	width: 75px;
}

.gesamtkostenberechnung_preis{
	width: 50px;
	text-align: right;
}

.gesamtkostenberechnung_summe{
	font-weight: bold;
	padding-top: 3px;
	border-top: 1px solid #fff;
}

#gesamtkostenberechnung_tabelle{
	border-collapse: collapse;
}

#gesamtkostenberechnung_tabelle td{
	font-size: 12px;
}

#gesamtberechnung{
	box-shadow: 0 0 5px 5px #fff;
	background-color: #000;
	padding: 5px;
	width: 125px;
	position: fixed;
	top: 280px;
	margin-left: 670px;
}

#status{
	display: none;
}

.status_offen{
	color: #f00;
}

.status_inbearb{
	color: #ff0;
}

.status_erledigt{
	color: #0f0;
}

.admin_bestellungen_150{
	width: 150px;
}

.bestelldetails{
	border: 1px solid #666;
	margin-top: 25px;
	margin-bottom: 25px;
}

.detail_edit td{
	padding-bottom: 25px;
}

.detail_show{
	padding-top: 25px;
}

.orderlist_nr{
	display: none;
}

.gruen_link_gross:link, .gruen_link_gross:active, .gruen_link_gross:visited{
	font-family: 'Conv_pristina';
	color: #B0DB68;
    font-size: 48px;
    font-weight: bold;
	border: none !important;
	text-decoration: underline;
}

.gruen_link_gross:focus, .gruen_link_gross:hover{
	background: none;
	color: #666;
}

.form_preis{
	background: #000;
	color: #fff;
	border: none;
	width: 55px;
}

.form_summe{
	background: #000;
	color: #fff;
	border: none;
	width: 40px;
	font-size: 12px;
	text-align: right;
}

.kleineschrift{
	font-size: 12px;
}

.rechnungstabelle{
	width: 780px;
	border-collapse: collapse;
}

.abstand{
	padding-bottom: 15px;
	padding-top: 15px;
}

.abstand_universal{
	height: 15px;
}

.linie_oben{
	border-top: 1px solid #666;
}

.linie_unten{
	border-bottom: 1px solid #666;
}

.linie_links{
	border-left: 1px solid #666;
}

.linie_rechts{
	border-right: 1px solid #666;
}

.doppellinie{
	border-bottom: 3px double #666;
}

.breite250{
	width: 300px;
}

.breite85{
	width: 100px;
}

.saveorder{
	margin-top: 25px;
	border-collapse: collapse;
	vertical-align: top;
}

.saveorder td{
	padding: 2px;
}

.zwischensumme_inp{
	background-color: #000;
	color: #fff;
	width: 35px;
	font-size: 12px;
	text-align: right;
}

.form_anzahl{
	width: 50px;
}

#layer{
	width: 100%;
	height: 100%;
	background-image: url('bg_status.png');
	position: fixed;
	top: 0;
	left: 0;
	display: none;
}

.upload_erfolg{
	width: 600px;
	margin: auto;
	margin-top: 200px;
	box-shadow: 0 0 10px #0c0;	
}

.linksbuendig{
	text-align: left;
}

.status{
	margin-top: 50px;
}

.form_realpreis{
	display: none;
}

.dunklelinie{
	border-bottom: 1px solid #111;
}

.einzelsumme{
	width: 50px;
	display: none;
}

.rot2{
	border: 1px solid #c00;
	background-color: #f99;
}

#login_p{
	text-align: right;
	line-height: 1em;
}

.loginlink:link, .loginlink:active, .loginlink:visited, .loginlink:focus, .loginlink:hover{
	border: none;
	background-color: #666;
	color: #666;
}

#dankestext_1, #dankestext_2{
	width: 450px;
	height: 120px;
}

#dankestext_1{
	background-color: #ccc;
}

.speichertabelle{
	margin-bottom: 25px;
}

.webdesign_link, .webdesign_link a{
	font-size: 10px;
	text-align: right;
	color: #000;
	text-decoration: none;
	margin: -10px 0 0 0;
	background-color: #edf7d4;
}

/* TICKER */

/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
border: 3px solid #b0db68;
background: #000; 
width: 750px; 
height: 200px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
top: 20px;
width: 750px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #000;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
}