/***************************************************************************************************************************************

Embedded Wizard

Autor: stefansenn, mail@stefansenn.com
Datum: Mai 2010

Hauptstylesheet

Achtung: Veränderungen an dieser Datei beeinflussen die komplette Website!

************************************************************************************************************************************* */

*							{ margin:0; padding:0 }

html, body					{ height:100%; }

body 						{ font-family:Verdana,Arial, sans-serif; font-size:14px; color:#505e60; background:#dfdfdf; }

img							{ border:none }

.logo						{ float:right; width:312px; height:152px; margin:80px 32px 0 0 }

.search						{ float:left; padding:76px 0 0 85px }
.search #ctrl_1				{ width:105px; height:23px; background:transparent url(../img/searchBg.png) top left no-repeat; border:none; padding:1px 30px 0 15px; font-size:12px; color:#505e60 }
*html .search #ctrl_1		{ background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/tl_files/tara/img/searchBg.png' sizingMethod=scale); }

#nav						{ position:static }

/* --- HEADER HOME -------------------------------------------------------------------------------------------------------------------------- */

#headerBgHome										{ width:100%; height:436px; background:transparent url(../img/headerBg.png) top left repeat-x }

#headerContentHome									{ position:relative; width:1002px; height:436px; margin:0px auto; background:transparent url(../img/headerHomeBg.png) bottom left no-repeat }
#headerContentHome a.topLink						{ position:absolute; top:14px; right:0; font-size:13px; color:#bebdbd; text-decoration:none  }

#headerContentHome .navBox							{ position:absolute; top:209px; left:4px; width:995px; height:90px; background:transparent url(../img/navBg.jpg) top left no-repeat }
#headerContentHome .navBox .mainNav ul				{ overflow:hidden; list-style:none; margin:21px 0 0 76px; background:transparent url(../img/spacer.jpg) left center no-repeat; }
#headerContentHome .navBox .mainNav	li				{ float:left; height:48px; background:transparent url(../img/spacer.jpg) right center no-repeat; }

#headerContentHome .navBox .mainNav	li 				{ width:0; white-space:nowrap; }
#headerContentHome .navBox .mainNav ul > li 		{ width:auto; }

#headerContentHome .navBox .mainNav a				{ display:block; color:#FFF; height:34px; margin:0 2px 0 0; padding:14px 25px 0 25px; text-align:center; text-decoration:none; }
#headerContentHome .navBox .mainNav a:hover			{ background:transparent url(../img/navBgActive.jpg) 0px 0px repeat-x; }
#headerContentHome .navBox .mainNav a.active		{ display:block; color:#FFF; text-align:center; background:transparent url(../img/navBgActive.jpg) 0px 0px repeat-x; }
#headerContentHome .navBox .mainNav span.first		{ display:block; color:#FFF; height:34px; margin:0 2px 0 2px; padding:14px 25px 0 25px; text-align:center; text-decoration:none; background:transparent url(../img/navBgActive.jpg) 0px 0px repeat-x; }


#headerContentHome .quickNavBox						{ position:absolute; top:310px; left:12px; width:978px; }
#headerContentHome .quickNavBox .quickNav ul		{ list-style:none; }
#headerContentHome .quickNavBox .quickNav li		{ float:left; width:326px }
#headerContentHome .quickNavBox .quickNav a			{ display:block; font-size:20px; font-weight:bold; color:#FFF; text-align:center; text-decoration:none; }
#headerContentHome .quickNavBox .quickNav a:hover	{ text-decoration:underline; }

/* --- HEADER -------------------------------------------------------------------------------------------------------------------------- */

#headerBg											{ width:100%; height:291px; background:transparent url(../img/headerBg.png) top left repeat-x }

#headerContent										{ position:relative; width:1002px; height:291px; margin:0px auto; background:transparent url(../img/headerSubBg.png) bottom left no-repeat }
#headerContent a.topLink							{ position:absolute; top:14px; right:0; font-size:13px; color:#bebdbd; text-decoration:none  }

#headerContent .navBox								{ position:absolute; top:219px; left:4px; width:995px; height:70px; }
#headerContent .navBox .mainNav ul					{ overflow:hidden; list-style:none; margin:11px 0 0 76px; background:transparent url(../img/spacer2.jpg) left center no-repeat; }
#headerContent .navBox .mainNav	li					{ float:left; height:48px; background:transparent url(../img/spacer2.jpg) right center no-repeat; }

#headerContent .navBox .mainNav	li 					{ width:0; white-space:nowrap; }
#headerContent .navBox .mainNav ul > li 			{ width:auto; }

#headerContent .navBox .mainNav a					{ display:block; color:#FFF; height:34px; margin:0 2px 0 0; padding:14px 25px 0 25px; text-align:center; text-decoration:none; }
#headerContent .navBox .mainNav a.trail				{ background:transparent url(../img/navBgActive2.jpg) 0px 0px repeat-x; }
#headerContent .navBox .mainNav a.first				{ display:block; color:#FFF; height:34px; margin:0 2px 0 2px; text-align:center; text-decoration:none; }
#headerContent .navBox .mainNav a:hover				{ background:transparent url(../img/navBgActive2.jpg) 0px 0px repeat-x; }
#headerContent .navBox .mainNav a.active			{ display:block; color:#FFF; text-align:center; background:transparent url(../img/navBgActive2.jpg) 0px 0px repeat-x; }
#headerContent .navBox .mainNav span				{ display:block; color:#FFF; height:34px; margin:0 2px 0 0; padding:14px 25px 0 25px; text-align:center; text-decoration:none; background:transparent url(../img/navBgActive2.jpg) 0px 0px repeat-x; }

/* --- CONTENT -------------------------------------------------------------------------------------------------------------------------- */

#content									{ clear:both; min-height:500px; height:auto !important; height:500px; padding:0 32px 0 32px; margin:0px auto; overflow:hidden; width:938px; background:transparent url(../img/contentBg.jpg) top left repeat-y; }
*html #content								{ overflow:visible }

#content .box				        { clear:both; margin:0 0 0 0; padding:10px 10px 10px 10px; border:1px solid #e0e0e0; background:#f8f8f8; }

#content h1									{ font-size:16px; font-weight:normal; color:#4874b7; padding:30px 0 20px 30px }
#content h4									{ font-size:12px; font-weight:bold; color:#4874b7; padding:0 0 0 0 }
#content p				 					{ line-height:19px; }
#content a				 					{ color:#4874b7; }
#content a:hover			 				{ text-decoration:none }

#content .articleLeft						{ float:left; width:424px; margin:30px 0 0 30px; text-align:justify; }
#content .articleLeft ul					{ list-style:none; }
#content .articleLeft li					{ line-height:19px; padding:0 0 0 12px; background:transparent url(../img/bullet.jpg) 0px 8px no-repeat; }

#content .articleRight						{ float:left; width:424px; text-align:justify; margin:30px 0 0 30px; }
#content .articleRight ul					{ list-style:none; }
#content .articleRight li					{ line-height:19px; padding:0 0 0 12px; background:transparent url(../img/bullet.jpg) 0px 8px no-repeat; }

#content .subNav							{ float:left; padding:40px 0 0 0; width:305px; margin:0; border-bottom:1px solid #dfdfdf; }
#content .subNav a				 			{ display:block; text-decoration:none; padding: 13px 0 15px 20px; cursor:pointer; border-top:1px solid #dfdfdf; font-size:16px; color:#4874b7; }
#content .subNav a:hover		 			{ background:transparent url(/tl_files/tara/img/mooTabBg.png) top left repeat-x; color:#FFF; }
#content .subNav span				 		{ display:block; background:transparent url(/tl_files/tara/img/mooTabBg.png) top left repeat-x; color:#FFF; text-decoration:none; padding: 13px 0 15px 20px; cursor:pointer; border-top:1px solid #dfdfdf; font-size:16px; }
#content .subNav a.trail			 		{ display:block; background:transparent url(/tl_files/tara/img/mooTabBg.png) top left repeat-x; color:#FFF; text-decoration:none; padding: 13px 0 15px 20px; cursor:pointer; border-top:1px solid #dfdfdf; font-size:16px; }

#content .ce_accordion .toggler				{ clear:both; cursor:pointer; margin:15px 0 0 0; padding:18px 0 18px 30px; border:1px solid #e0e0e0; background:#f8f8f8 url(../img/arrow.jpg) right center no-repeat; color:#4874b7; font-size:25px; }
#content .ce_accordion .toggleActive		{ background:#f8f8f8 url(../img/arrowActive.jpg) right center no-repeat; }

#content .ce_tabcontrol_tabs				{ padding:15px 0 0 0; width:305px; margin:0; border-bottom:1px solid #dfdfdf; }
#content .ce_tabcontrol_tabs li 			{ padding: 13px 0 15px 20px; cursor:pointer; border-top:1px solid #dfdfdf; font-size:16px; color:#4874b7; }
#content .ce_tabcontrol_tabs li.selected 	{ background:transparent url(/tl_files/tara/img/mooTabBg.png) top left repeat-x; color:#FFF; }
#content .ce_tabcontrol_tabs li:hover	 	{ background:transparent url(/tl_files/tara/img/mooTabBg.png) top left repeat-x; color:#FFF; }

#content .panes 							{ border:1px solid #e1e1e1; float:right; background:#f8f8f8; width: 555px; padding:30px; margin:15px 0 0 15px; }

#content .accordion .block					{ float:left }
#content .accordion .block a				{ color:#4874b7; }
#content .accordion .block a:hover			{ text-decoration:none }

#content .contentInhalt						{ float:right; width:600px; padding:52px 0 0 0 }
#content .contentInhalt	h1					{ padding:0 0 20px 0 }
#content .contentInhalt p				 	{ line-height:19px; }
#content .contentInhalt a				 	{ color:#4874b7; }
#content .contentInhalt a:hover			 	{ text-decoration:none }
#content .contentInhalt ul				 	{ list-style:none; }
#content .contentInhalt li				 	{ line-height:19px; padding:0 0 0 12px; background:transparent url(../img/bullet.jpg) 0px 8px no-repeat; }

/* --- Faq ----------------------------- */

#content .contentInhalt .mod_faqlist h2		{ font-size:16px; font-weight:normal; color:#4874b7; padding:0 0 20px 0 }
#content .contentInhalt .mod_faqlist ul		{ list-style:decimal-leading-zero; padding:0 0 0 33px }
#content .contentInhalt .mod_faqlist li		{ list-style:decimal-leading-zero; background:none; padding:0 0 5px 0 }
#content .contentInhalt .mod_faqlist span	{ display:block; padding:0 0 15px 0; }

/* --- Kontaktformular ----------------- */

#content .contentInhalt .formular				{ padding:16px 0 0 0 }
#content .contentInhalt .formular span			{ color:#CC0000 }
#content .contentInhalt .formular textarea		{ font-family:Verdana,Arial, sans-serif; font-size:14px; color:#505e60; padding:2px 2px; width:390px; border:1px solid #dfdfdf }
#content .contentInhalt .formular input			{ font-family:Verdana,Arial, sans-serif; font-size:14px; color:#505e60; padding:2px 2px; border:1px solid #dfdfdf }
#content .contentInhalt .formular .checkBox		{ border:none }
#content .contentInhalt .formular .radioBtn		{ border:none }
#content .contentInhalt .formular .inputText	{ width:390px }
#content .contentInhalt .formular .it350		{ width:390px; font-family:Verdana,Arial, sans-serif; font-size:14px; color:#505e60; padding:2px 2px; border:1px solid #dfdfdf }
#content .contentInhalt .formular .disabled		{ width:390px; background:#EEEEEE; }
#content .contentInhalt .formular .dongleText	{ border-top:1px solid #505e60; padding:10px 0 0 0; }
#content .contentInhalt .formular .borderTop	{ border-top:1px solid #505e60; padding:10px 0 0 0; }
#content .contentInhalt .formular select		{ font-family:Verdana,Arial, sans-serif; font-size:14px; color:#505e60; padding:2px 2px; border:1px solid #dfdfdf }
#content .contentInhalt .formular .postalCode	{ margin:0 0 0 0px; }
#content .contentInhalt .formular .version		{ font-size:10px; color:#74888b }
#content .contentInhalt .formular .sendBtn		{ cursor:pointer; text-align:center; padding:0 0 4px 0; margin:20px 0 0 0; font-size:12px; color:#FFF; width:77px; height:28px; border:none; background:transparent url(../img/sendBtn.jpg) 0px 0px no-repeat; }
#content .contentInhalt .formular .clearBtn		{ cursor:pointer; text-align:center; padding:0 0 4px 0; margin:20px 0 0 0; font-size:12px; color:#FFF; width:77px; height:28px; border:none; background:transparent url(../img/clearBtn.jpg) 0px 0px no-repeat; }
#content .contentInhalt .formular .sendBtn:hover	{ background-position:0px -28px }
#content .contentInhalt .formular .clearBtn:hover	{ background-position:0px -28px }

/* --- Content ohne Unternavigation ----- */

#content .contentInhaltWide					{ width:938px; padding:40px 0 0 0 }
#content .contentInhaltWide	h1				{ padding:0 0 20px 0 }

/* --- Search ------------------------- */

#content .contentInhaltWide .mod_search	.radio_container	{ clear:left; margin:0 0 30px 0 }
#content .contentInhaltWide .mod_search	.header				{ display:none; }
#content .contentInhaltWide .mod_search	.url				{ display:none; }
#content .contentInhaltWide .mod_search	.context			{ margin:0 0 30px 0 }
#content .contentInhaltWide .mod_search h3					{ margin:0 0 7px 0 }
#content .contentInhaltWide .mod_search h3	a				{ font-size:16px; font-weight:normal; color:#4874b7; }
#content .contentInhaltWide .mod_search h3	span			{ font-size:12px; font-weight:normal; }
#content .contentInhaltWide .mod_search .searchtext					{ float:left; display:block; margin:23px 0 10px 0; font-family:Verdana,Arial, sans-serif; font-size:14px; color:#505e60; padding:2px 2px; border:1px solid #dfdfdf }
#content .contentInhaltWide .mod_search .submit				{ float:left; cursor:pointer; text-align:center; padding:0 0 4px 0; margin:20px 0 0 0; font-size:0px; color:#FFF; width:77px; height:28px; border:none; background:transparent url(../img/searchBtn.jpg) 0px 0px no-repeat; }
#content .contentInhaltWide .mod_search .submit:hover		{ background-position:0px -28px }

/* --- Registration ------------------ */

#content .contentInhaltWide .formular				{ padding:16px 0 0 0; float:right }
#content .contentInhaltWide .formular span			{ color:#CC0000 }
#content .contentInhaltWide .formular textarea		{ font-family:Verdana,Arial, sans-serif; font-size:14px; color:#505e60; padding:2px 2px; width:390px; border:1px solid #dfdfdf }
#content .contentInhaltWide .formular input			{ font-family:Verdana,Arial, sans-serif; font-size:14px; color:#505e60; padding:2px 2px; border:1px solid #dfdfdf }
#content .contentInhaltWide .formular .inputText	{ width:390px }
#content .contentInhaltWide .formular .it350		{ width:390px; font-family:Verdana,Arial, sans-serif; font-size:14px; color:#505e60; padding:2px 2px; border:1px solid #dfdfdf }
#content .contentInhaltWide .formular .disabled		{ width:390px; background:#EEEEEE; }
#content .contentInhaltWide .formular .dongleText	{ border-top:1px solid #505e60; padding:10px 0 0 0; }
#content .contentInhaltWide .formular .borderTop	{ border-top:1px solid #505e60; padding:10px 0 0 0; }
#content .contentInhaltWide .formular select		{ font-family:Verdana,Arial, sans-serif; font-size:14px; color:#505e60; padding:2px 2px; border:1px solid #dfdfdf }
#content .contentInhaltWide .formular .postalCode	{ margin:0 0 0 0px; }
#content .contentInhaltWide .formular .version		{ font-size:10px; color:#74888b }
#content .contentInhaltWide .formular .sendBtn		{ cursor:pointer; text-align:center; padding:0; margin:20px 0 0 0; font-size:12px; color:#FFF; width:77px; height:28px; border:none; background:transparent url(../img/sendBtn.jpg) 0px 0px no-repeat; }
#content .contentInhaltWide .formular .clearBtn		{ cursor:pointer; text-align:center; padding:0; margin:20px 0 0 0; font-size:12px; color:#FFF; width:77px; height:28px; border:none; background:transparent url(../img/clearBtn.jpg) 0px 0px no-repeat; }
#content .contentInhaltWide .formular .sendBtn:hover	{ background-position:0px -28px }
#content .contentInhaltWide .formular .clearBtn:hover	{ background-position:0px -28px }


#contentBottom									{ clear:both; overflow:hidden; margin:0px auto; width:1002px; height:30px; background:transparent url(../img/contentBgBottom.jpg) top center no-repeat; }

/* --- FOOTER -------------------------------------------------------------------------------------------------------------------------- */

#footerBg 						{ clear:both; width:100%; height:200px; background:transparent url(../img/footerBg.png) top left repeat-x; }

#footerContent					{ width:995px; height:200px; margin:0px auto; background:transparent url(../img/footerContentBg.png) center 4px no-repeat; }

#footerContent .navBox1			{ float:left; padding:30px 55px 0 30px }
#footerContent .navBox1 ul		{ list-style:none }
#footerContent .navBox1 li		{ line-height:19px }
#footerContent .navBox1 a		{ font-family:Arial, sans-serif; font-size:13px; color:#bebdbd; text-decoration:none; }
#footerContent .navBox1 a:hover	{ color:#FFF; }
#footerContent .navBox1 span	{ font-family:Arial, sans-serif; font-size:13px; color:#FFF; text-decoration:none; }

#footerContent .navBox2			{ float:left; padding:30px 55px 0 0 }
#footerContent .navBox2 ul		{ list-style:none }
#footerContent .navBox2 li		{ line-height:19px }
#footerContent .navBox2 a		{ font-family:Arial, sans-serif; font-size:13px; color:#bebdbd; text-decoration:none; }
#footerContent .navBox2 a:hover	{ color:#FFF; }
#footerContent .navBox2 span	{ font-family:Arial, sans-serif; font-size:13px; color:#FFF; text-decoration:none; }

#footerContent .navBox3			{ float:right; padding:30px 30px 0 0 }
#footerContent .navBox3 ul		{ list-style:none; text-align:right }
#footerContent .navBox3 li		{ line-height:19px }
#footerContent .navBox3 a		{ font-family:Arial, sans-serif; font-size:13px; color:#bebdbd; text-decoration:none; }
#footerContent .navBox3 a:hover	{ color:#FFF; }
#footerContent .navBox3 span	{ font-family:Arial, sans-serif; font-size:13px; color:#FFF; text-decoration:none; }