@import url(tripoli/tripoli.base.css); 
@import url(tripoli/plugins/tripoli.visual.css); 
@import url(tripoli/plugins/tripoli.type.css); 


/* 	INHALTSVERZEICHNIS
	-------------------
	Body
	Layout
	Intro
	Navigation
	Sidebar
	
	Typography
	Colors
	Base Sizes
	Margins & Paddings
	HR
	Quotes
	
	Lists
	Suche
	News
	Formulare
	Kommentare
	Poll
	Tabellen
	Images
	Image Gallery
	Verschiedenes
*/


/* 	COLORS
   	Body Background:       	#f3f3f3
   	Main Text:             	#585858
   	Headlines:				#000
   	Links:                 	#807e74
   	Visited Links:			#0085cf
   	Hovered Links:			#525354
   	Active Links:			#000
	
	#content Visited Links:	#0085cf
   	#content Hovered Links:	#525354
   	#content Active Links:	#000
*/


/* Dreispalter */
.startseite #wrapper {width: 960px; min-height: 100%;}
.startseite .content {width:950px; float:left; }
.startseite #right {float:left; width:230px; padding:73px 0 0 50px;}

.startseite #right p {font-size:12px; color:#7d7d7d; line-height:1.4em; }

.startseite #right h3 {font-size:14px; color:#333; margin-bottom:8px;}
.startseite #right input {padding:5px; margin-right:5px;}

/* LAYOUT */

* { padding: 0; margin: 0; }
html {background:#fff url("tl_files/i/bk.gif") 0 0 repeat-y; font-family: Georgia,Helvetica,Arial,Verdana,sans-serif; padding-bottom:60px;}
.logo {margin:39px 0 0 35px; position:fixed;}
#wrapper {width: 950px; min-height: 100%;}
#left {padding: 0; width:250px; }

#content { margin:0 0 0 280px; padding:70px 0 0 0; min-height: 100%; color:#434343; }
#content h1,#content h2,#content h3,#content h4,#content h5 {color:#000; font-family: Georgia,Helvetica,Arial,Verdana,sans-serif; font-weight:normal;}
#content .mod_upcoming_events h2 {color:#000; font-family: Helvetica,Arial,Verdana,sans-serif; font-weight:bold; background:transparent url("../i/slash.gif") 95px 2px no-repeat; margin-bottom:3px;}
#content h2 a {border: none;}

#content h1 {font-size:22px; line-height: 1.2em;}
#content h2 {line-height: 1.4em;}
#footer { clear: both;}
.invisible {display:none;}

/* TYPOGRAPHIE */
#content p {font-size:13px; }
#content em {color:#d53c20; }
#content .event {line-height:1.4em; padding-top:2px; }
#content .kursdaten {line-height:1.3em; margin-bottom:15px; font-style: italic;}
#content .autor {font-style: italic; line-height:1.3em;}

/* NEWSLETTER */
.mod_subscribe p.confirm {background:#000; color:#fff; padding:1px 4px; display: inline;}

/* EVENTS ATTEND */
#content .mod_eventsattend h1 {background:#d53c20; padding:1px 5px; display:inline; color:#fff;}
#content .mod_eventsattend h2 {background:none; font-family: Georgia, Times, serif; font-size:25px; margin-bottom:6px;}
#content .mod_eventsattend h3 {font-family: Helvetica,Arial,Verdana,sans-serif; line-height: 1.2em; margin:0 0 20px 0; font-size:15px;}
#content .mod_eventsattend strong {color:#d53c20; }
#content .mod_eventsattend .info { color:#000; font-weight:bold; display:inline; padding:2px 7px; font-size:16px;}
#content .mod_formautofree h2 {background:#000; padding:1px 5px; display:inline; color:#fff; font-size:12px; font-weight:normal;}

#content .mod_upcoming_events h3 {font-size:13px; font-weight:bold; line-height:1.3em; margin-top:0;}
#content .mod_upcoming_events p.more {margin-top:7px; display:block;}
#content .ce_form h1 {background-color:#000; font-size:17px;}
#content .mod_eventsattend p.lastdatemsg {color:#fff; font-size:3px; display:none;}

#content .mod_eventlist h3 {font-size:13px; font-weight:bold; line-height:1.3em; margin-top:0;}
#content .mod_eventlist p.more {margin-top:7px; display:block;}
#content .mod_eventlist h2 {color:#000; font-family: Helvetica,Arial,Verdana,sans-serif; font-weight:bold; background:transparent url("../i/slash.gif") 95px 2px no-repeat; margin-bottom:3px;}
#content .mod_eventlist .time {display:none;}
#content .mod_eventlist .header {display:none;}


/* NAVIGATION */
.mod_navigationMain ul {font-size:14px; list-style-type: none; text-align: right;}
.mod_navigationMain ul li {margin:0 0 10px 0;}
.mod_navigationMain ul li p {font-weight:bold;}
.mod_navigationMain ul li.first p {font-weight:bold; margin:0 0 5px 0;}
.mod_navigationMain ul li a {text-decoration: none;}
.mod_navigationMain ul li a:link, .mod_navigationMain ul li a:visited {color: #828282;}
.mod_navigationMain ul li a:hover {color: #000;}
.mod_navigationMain ul li.trail a {font-weight:bold; color:#000;}

.mod_navigation {position:fixed; margin: 0; padding:125px 0 0 5px; width:160px;height:100%;}
.mod_navigation ul {font-size:14px; list-style-type: none; text-align: right;}
.mod_navigation ul li {margin:0 0 10px 0;}
.mod_navigation ul li p {font-weight:bold; padding:2px 4px;margin:15px 0 5px 0; background:#d53c20; display:inline; color:#fff;}
.mod_navigation ul li.first p {font-weight:bold; margin:0 0 5px 0;}
.mod_navigation ul li a {text-decoration: none;}
.mod_navigation ul li a:link, .mod_navigation ul li a:visited {color: #828282;}
.mod_navigation ul li a:hover {color: #000;}
.mod_navigation ul li.trail a {font-weight:bold; color:#000;}

.mod_navigation .level_2 { margin:10px 0 20px 0; font-size:12px; font-weight:normal; text-transform: none; color:#000000;}
.mod_navigation .level_2 li {color:#000; margin:5px 0;}
.mod_navigation .level_2 li.first p {margin:0; }
.mod_navigation .level_2 li p {margin:3px 0; padding:0px 3px; background:#d53c20;}
.mod_navigation .level_2 li:hover {}
.mod_navigation .level_2 li a {color:#000;}
.mod_navigation .level_2 li.first.active {}
.mod_navigation .level_2 li.first p.active {}
.mod_navigation .level_2 li.last p.active {}
.mod_navigation .level_2 li a:hover {}
.mod_navigation ul li.trail .level_2 a {font-weight:normal;}
.mod_navigation ul.level_2 li a {color:#000;}



#content a { color:#000; border-bottom:1px dotted #000; text-decoration:none;}
#content p.back {display:block; margin:15px 0 0 0;}

#content .mod_eventsattend p.lastdatemsg {display:block; font-weight:bold; margin-top:10px;}
#content .mod_eventsattend p.error {background:#f7ffed; border:1px solid #b6cc9d; padding:8px; font-weight:bold; margin-top:25px;}


/* FORMULARE */
			
			/* Allgemeine Formatierung */
			fieldset {}
			legend {}
			textarea, input[type='text'], input[type='password'], select { border: 1px solid #ccc; background: #fff; }
			textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; } /* Hoverfarbe des Feldes */
			textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ddd; } /* Wenn das Feld aktiviert ist */
			input[type='button'], input[type='submit'], input[type='checkbox'], input[type='image'], input[type='radio'], input[type='reset'], select, button { cursor: pointer; }
			input[type='hidden'] { display:none; }

			/* Login */
			#content .mod_login {margin:20px 0 0 0;} /* Einrücken des Loginformulars */
			#content .mod_login .formbody p {padding:0; margin:0;}
			#content .mod_login .formbody input#username, 
			#content .mod_login .formbody input#password {margin:0 0 0.5em 0;width:120px;}
			#content .mod_login .formbody .submit_container {margin:0.8em 0 0 0;}
			#content .mod_login .formbody .error {background:#baf379; color:#414d33; padding:1px 0 1px 20px; margin:0; font-size:1.1em;}
			
			/* Formular */
			#content .mod_article .ce_form {width:500px; margin-top:50px;}
			#content .mod_article .ce_form form {}
			#content .mod_article .ce_form .formbody {}
			#content .mod_article .ce_form .formbody .headline {clear:both; padding:25px 0 15px 0; margin:0; } /* Die �?berschrift */
			#content .mod_article .ce_form .formbody .row_0.headline {padding-top:0;} /* Die erste �?berschrift */
			
			/* Error */
			#content .mod_article .ce_form .formbody .error {background:#9E1616; font-size:7px; color:#fff; font-weight:bold; line-height:1.2em; padding:.15em .45em; margin:0;}
			
			
			/* Label */
			#content .mod_article .ce_form .formbody  li label.mandatory:after { padding:0 0 0 .35em; content: '*'; color:#838166; font-weight:bold;}
			#content .mod_article .ce_form .formbody  li label {font-size:10px; display:block;}
			#content .mod_article .ce_form .formbody  li label.mandatory {font-weight:bold;}
			
			/* Formatierung der einzelnen Felder */
			#content .mod_article .ce_form .formbody ul {margin:0 0 20px 0; clear:both;}
			#content .mod_article .ce_form .formbody br { clear:both}
			#content .mod_article .ce_form .formbody ul li {list-style: none; float:left; margin-left:10px;}
			#content .mod_article .ce_form .formbody ul li.first { margin-left:0px;}
			#content .mod_article .ce_form .formbody ul li input {padding:4px;}
			
			/* Breite der einzelnen Felder */
			#content .mod_article .ce_form .formbody  .firma input {width:400px;}
			#content .mod_article .ce_form .formbody  .vorname input {width:150px;}
			#content .mod_article .ce_form .formbody  .nachname input {width:229px;}
			#content .mod_article .ce_form .formbody  .strasse input {width:329px;}
			#content .mod_article .ce_form .formbody  .nummer input {width:50px;}
			#content .mod_article .ce_form .formbody  .plz input {width:90px;}
			#content .mod_article .ce_form .formbody  .ort input {width:289px;}
			#content .mod_article .ce_form .formbody  .telefon input {width:189px;}
			#content .mod_article .ce_form .formbody textarea {width:403px; height:200px; display:block; clear:both;}
			
			/* Checkbox, Radiobutton */
			#content .mod_article .ce_form .formbody .radio_container span,
			#content .mod_article .ce_form .formbody .checkbox_container span {display:block;} /* vertikale Anordnung der Elemente */
			#content .mod_article .ce_form .formbody ul.checkbox label {display:inline; font-size:11px;}
			
			/* Typographie */
			#content .mod_article .ce_form .formbody h3 {font-family: Georgia, Times, serif; color:#fff; background:#000; display:inline; margin:25px 0 0 0; padding:1px 5px;font-size:12px;}
			
			/* Captcha */
			#content .mod_article .ce_form input.captcha {margin-bottom:20px;}



/* KOMMENTARE */
			
			
			/* Kommentare */
			.ce_comments .comment {}
			.ce_comments .comment_default {margin:0 0 30px 0;}
			.ce_comments .comment_default .info {position: relative;margin: 0px; padding-top: 7px;top: -1px; font-style: normal; font-weight:bold;}
			.ce_comments .comment_default .name {font-weight:bold;}
			.ce_comments .comment_default .date {font-weight:normal;}
			.ce_comments .comment_default .comment {color:#5d5d5d; line-height:1.6em; font-weight:normal;}
			
			
			/* Fehler */
			.ce_comments .form .error {background:#baf379; color:#414d33; }
						
/* Pagination */
			#content .pagination {text-align:left;}
			#content .pagination ul { margin:0; padding:0;}
			#content .pagination ul li {display:inline;padding:2px 0; margin:0;border:1px solid #ccc}
			#content .pagination ul li span {display:inline; margin:0 3px; padding:2px 2px; color:#000;}
			#content .pagination ul li a {border:none;padding:2px 5px; text-decoration:none;}
			#content .pagination ul li a:hover {color:#000;}