/**
 *	Theme. Anweisungen zu Schriftarten, Farben und sonstigem Design
 *
 *	@project Vorlagengestalter Typolight Template
 *	@copyright	Copyright (c) 2009 by Leonid Lezner
 *	@link	http://www.leolezner.de  
 *	@date	2009-02-18
 *	@lastmodified	2009-02-18
 *	@versoin 0.1
 */


body {
	font-family: "trebuchet MS",sans-serif;
	font-size: 14px;
	background: url('../images/body.jpg') repeat 0 0 #4EA9FC;
}




/**
 *	Hauptcontainer
 *
 *	@section main container
 */

/*	Der Inhalt der Seite ist in diesem Div	*/
#page {
	background: url('../images/page.jpg') repeat-x 0 0;
}


/*	Container für den Kopfbereich	*/
#header_container .wrapper {
	background: url('../images/header_shadow.jpg') no-repeat 0 0;	
}

/*	Container für den Mittelbereich	*/
#middle_container .wrapper {
	background: url('../images/middle_shadow.jpg') repeat-y 0 0;	
}

/*	Container für den Mittelbereich	*/
#middle_container .auxwrapper {
	background: url('../images/header_shadow.jpg') no-repeat 0 -95px;	
}

/*	Container für den Fußbereich	*/
#footer_container .wrapper {
	background: url('../images/footer.jpg') no-repeat 0 0;
}

/*	Kopfbereich	*/
#header {
	background: url('../images/header.jpg') no-repeat 0 0 #5BBEFE;
}


/*	Fusszeile	*/
#footer {

}

/*	Fusszeile	*/
#footer .copyright{
	
}



/**
 *	Spalten
 *
 *	@section columns
 *
 *	| M | = col1
 *	| L | M | = col12
 *	| L | M | R | = col123
 *	| M | R | = col23
 *
 */

/*	1 Spalte	*/
.col2 {
	background: url('../images/middle.jpg') no-repeat 0 30px #fff;
}

/*	2 Spalten	*/
.col12 {
	background: url('../images/middle.jpg') no-repeat 0 30px #fff;
}

/*	2 Spalten	*/
.col23 {
	background: url('../images/middle.jpg') no-repeat 0 30px #fff;
}

/*	3 Spalten	*/
.col123 {
	background: url('../images/middle.jpg') no-repeat 0 30px #fff;
}




/**
 *	Navigation
 *
 *	@section navigation
 *
 */

/*	Hauptmenu, Container	*/
#mainmenu {
	background: url('../images/mainmenu.jpg') no-repeat 0 0 #265686;	
}

/*	Hauptmenu, Innencontainer	*/
#mainmenu .block {

}

/*	Hauptmenu, Link	*/
#mainmenu .block li a {
	color: #B6DCFF;
	font-weight: bold;	
	text-decoration: none;
	letter-spacing: 1.1pt;
}

/*	Hauptmenu, Link Mouseover	*/
#mainmenu .block li a:hover {
	color: #E9D449;
}

/*	Hauptmenu, Link aktiv	*/
#mainmenu .block li.active a, #mainmenu .block li.trail a {
	background: url('../images/mainmenu_link.jpg') no-repeat 0 0;
	color: white;
}

/*	Hauptmenu, Link aktiv, Span	*/
#mainmenu .block li.active a span, #mainmenu .block li.trail a span {
	background: url('../images/mainmenu_link.jpg') no-repeat 100% 0;
}


/*	Vertikale Navigation. Liste	*/
.vnavigation ul li {
	
}

/*	Vertikale Navigation. Link. Normal	*/
.vnavigation ul li a {
	border-bottom: 1px solid #DADBDB;
	background: url('../images/bullet_ball_glass_yellow.jpg') no-repeat 0 50%;
	color: #515151 !important;
	text-decoration: none;
}

/*	Vertikale Navigation. Link. Aktiv, Normal	*/
.vnavigation ul li.active a {
	color: #4274A9 !important;
	border-bottom: 1px solid #377cc1;
	font-weight: bold;
	background-image: url('../images/bullet_ball_glass_blue.jpg');
}

/*	Vertikale Navigation, Untermenu. Link. Aktiv, Normal	*/
.vnavigation ul li.active ul a {
	font-weight: normal;
}

/*	Vertikale Navigation. Link. MouseOver	*/
.vnavigation ul li.active a:hover {
	color: #4274A9 !important;
	border-bottom: 1px solid #377cc1;
}


/*	Vertikale Navigation. Link. MouseOver	*/
.vnavigation ul li a:hover {
	border-bottom: 1px solid #CAB22C;
	color: #CAB22C !important;	
}

/*	Vertikale Navigation. Liste	des Untermenus. 2. Ebene	*/
.vnavigation ul.level_2 a {
	background-position: 4px 50%;
}

/*	Vertikale Navigation. Liste	des Untermenus. 3. Ebene	*/
.vnavigation ul.level_3 a {
	background-position: 10px 50%;
}

.vnavigation a:hover span {
	background: url('../images/Pfeil.jpg') no-repeat 100% 0;
}



/*	Menu über dem Header	*/
#topmenu a {
	background: url('../images/loginbutton.gif') no-repeat 0 0;
	color: white;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 1.1pt;
}

/*	Menu über dem Header. Mouseover	*/
#topmenu a:hover {
	/*background-position: 0 -42px;*/
	
	color: #E9D449;
}

/*	Menu über dem Header. Span	*/
#topmenu a span {
	background: url('../images/loginbutton.gif') no-repeat 100% 0;
}

/*	Menu über dem Header. Span,	Mouseover	*/
#topmenu a:hover span {
	/*background-position: 100% -42px;*/
}

#fader h2 {
	color: White;
	
	font-size: 220%;
}


/**
 *	Formulare
 *
 *	@section forms
 *
 */


/*	Form	*/
ol.form_elements {
	
}

/*	Listenelemente des Formulars	*/
ol.form_elements li {
	background: none !important;
	/*border-bottom: 1px dashed #86C1FD;*/
	list-style: none !important;
}

/*	Liste mit Formelementen, Label	*/
ol.form_elements li label {
	border-left: 1px solid white;
}

/*	Liste mit Formelementen, nur der Button o.ä.	*/
ol.form_elements li .only_input {
	
}

/*	Liste mit Formelementen, Textfeld und Textarea	*/
ol.form_elements li .text, ol.form_elements li .textarea, ol.form_elements li .captcha {
	border: 1px solid #F6DC3F;
	background-color: #FAFFD4;
}

/*	Liste mit Formelementen, Button	*/
ol.form_elements li .submit {
	
}

/*	Liste mit Formelementen, Button	*/
ol.form_elements li label.mandatory {
	border-left: 1px solid red; 
	font-weight: bold;
}

/*	Container mit Fehlern	*/
#middle .vg_warnings {
	
}

/*	Container mit einer Fehlerbeschreibung	*/
#middle .vg_warnings .error{
	color: #fb0000;
}




/**
 *	Typo
 *
 *	@section typo
 *
 */

/*	Text in der linken Spalte	*/
#left {
	color: #000;
}

/*	Text in der rechten Spalte	*/
#right {
	color: #000;
}

/*	Text in der mittleren Spalte	*/
#main {
	color: #000;
}



#middle a {
	color: #0070C0;
}

#middle a:hover {
	color: #CCA40F;
}

/*	Links im Footer	*/
#footer a  {
	color: #3371ae;
	text-decoration: none;
}

#footer a:hover {
	color: #132b42;
}

#footer {
	font-size: 80%;
	color: #265382;
}



/*	Überschrift 1	*/
h1 {
	color: #4274A9;
	font-weight: bold;
	font-size: 160%;
}

/*	Überschrift 2	*/
h2 {
	color: #4274A9;
}

/*	Überschrift 3	*/
h3 {
	color: #427FC0;
}

/*	Überschrift 4	*/
h4 {
	color: #000000;
}

/*	Überschrift 5	*/
h5 {
	color: #000000;
	font-size: 120%;
}


/*	Zitat	*/
blockquote, blockquote p {
	
}

/*	Fettschrift	*/
strong {
	font-weight: bold;
}

/*	Kursiv	*/
em {
	font-style: italic;
}

#header h1 {
	text-indent: -9999px;
}





/**
 *	Listen
 *
 *	@section lists
 *
 */


/*	Ungeordnete Liste	*/
#middle #main ul {
	/*padding-bottom: 0.5em;*/
	margin: 0 0 0 1.2em;
}

/*	Ungeordnete Liste. Listenelement	*/
#middle #main ul li {
	list-style: disc;	
	margin: 0;
	padding-left: 0.4em;
}


/*	Geordnete Liste	*/
#middle #main ol {
	/*padding-bottom: 0.5em;*/
	margin: 0 0 0 1.4em;
}

/*	Geordnete Liste. Listenelement	*/
#middle #main ol li {
	list-style: decimal;	
	margin: 0;
	padding-left: 0.2em;
}

.checklist ul {
	margin: 1.8em 0 0 0 !important;
}

.checklist ul li {
	list-style: none !important;
	background: url('../images/check2.jpg') 0 2px no-repeat;
	margin-bottom: 2em !important;
	padding-left: 2.3em !important;
	font-size: 105%;
}



/**
 *	Bilder
 *
 *	@section images
 *
 */


/*	Bilder	*/
#middle #main img {
	
}
	
#homegrafik {
	background: url('../images/home2.jpg') 50% 0 no-repeat;
	height: 420px;
}

#homegrafik .checklist2 ul li{
	background: url('../images/check_bl.jpg') 0 2px no-repeat;
}