/* Fashion Clear - An open source xhtml/css website template by Andreas Viklund - http://andreasviklund.com . Free to use in any way and for any purpose as long as the proper credits are given to the original designer.
modified by Kai Kajus Noack


Version: 1.0 mod */



* {margin:0; padding:0;}



/******** General tags ********/

body {

font:76% Helvetica,Tahoma,Arial,sans-serif;

background:#6D6D6D url(images/bodybg.png) top center repeat-y;

color:#202020;

line-height:1.2em;

margin:0px auto 0 auto;

padding:0;

}



a {

text-decoration:underline;

color:#666666;

}



a:hover{color:#339900;}

a img {border:0;}

p {font-size:1.1em; line-height:1.3em; margin:0 0 14px 5px;}

ul,ol,dl {margin:2px 0 16px 35px; font-size:1.1em;}

ul ul,ol ol {margin:4px 0 4px 30px; font-size:1.1em;}



h2 {

font-size:1.4em;

text-transform:uppercase;

border-bottom:2px solid #559900;

margin:15px 5px 10px 0;

padding:1px 2px 3px 1px;

}



h3 {

font-size:1.2em;

margin:10px 0 8px 0;

padding:0;

padding-left:4px;

color:#00B316;

}



blockquote{

font-size:0.9em;

border:1px solid #bababa;

margin:20px 10px;

padding:8px;

}



blockquote p {margin:0;}



/******** Main wrap ********/

#wrap {

color:#505050;

width:760px;

margin:0 auto;

padding-top: 28px;
padding-bottom: 18px;

}



/******** Header ********/

#header {

clear:both;

/* background:#ffffff url(images/modx-headerbg.jpg) bottom left no-repeat !important; */

}



#title {

float:left;

width:390px;

margin-left:40px;

text-align:left;

}

* html #title {
margin-left:20px;
}




#title h1 {

font-size:25px;

font-family: Tahoma,Helvetica,Arial;

letter-spacing: 1px;

line-height: 1em;

color:#00B316; /* 99cc00 */

padding:0px 0 20px 5px;

}



#title h1 .headersmall {

font-size:0.5em;

font-weight:normal;

font-family: Tahoma,Helvetica,Arial;

letter-spacing: 0px;

line-height: 1em;

color:#556655; /* 99cc00 */

}



#title h1 a {color:#00B316; text-decoration:none;}



#slogan {

color:#808080;

font-size:1.6em;

letter-spacing:-1px;

margin:0 0 10px 5px;

}



#mainmenu {

width:297px;

font-size:1.31em;

margin:0 0 0 457px;

padding:1px 1px 0 2px;

}



#mainmenu ul{

list-style:none;

margin:0;

padding:0;

}



#mainmenu li {

list-style:none;

border-bottom:1px solid #9FA19C;

background:url(images/menuarrow_grey.gif) center left no-repeat;

}



#mainmenu li a {

/*font-family: Helvetica,Tahoma,Arial;*/

font-weight:normal;

text-decoration:none;

color:#666666; /* 9922 */

display:block;

height:1em;

padding:5px 0 2px 22px;

}



#mainmenu li a:hover {

color:#99bb00;

background:url(images/menuarrow.gif) center left no-repeat;

text-decoration:none;

}



#mainmenu li .current {

color:#505050;

background: url(images/menuarrow.gif) center left no-repeat;

}



#mainmenu li .current:hover {

color:#505050;

background: url(images/menuarrow.gif) center left no-repeat;

}



/******** leftside, left sidebar ********/

#leftside {

clear:both;

float:left;

width:150px;

margin:0;

padding:1px 10px 5px 0;

}



#leftside h2{

margin:15px 0 10px 0;

font-size:1.1em;

}



#leftside ul{

list-style:none;

margin:0;

font-size:1.1em;

padding:0 0 0 5px;;

}



#leftside li{

list-style:none;

margin:0 0 8px 0;

padding:0;

}



#leftside li a{

padding:3px;

color:#669900;

}



#leftside li a:hover{

padding:2px;

text-decoration:none;

border:1px solid #99cc00;

}



#leftside ul ul{

margin:7px 0 6px 10px;

font-size:0.9em;

line-height:1.1em;

padding:0;

}



#leftside ul ul li a{

font-weight:normal;

}



#leftside ul ul li a:hover{

padding:2px;

text-decoration:none;

border:1px solid #99cc00;

}



/******** Content variations ********/

#contentwide {

text-align:left;

margin:0 0 0 170px;

padding:0;

}



#contentfull {

text-align:left;

margin:0;

padding:0;

}



#contentwide p,#contentfull p {

line-height:1.6em;

}



#contentwide h2,#contentfull h2 {

font-size:1.6em;

margin:20px 0 50px;

}



#contentwide h3,#contentfull h3 {

font-size:1.3em;

margin:10px 0 8px;

}



#contentwide li,#contentfull li{margin-bottom:4px;line-height:1.5em;}



/******** Footer ********/

#footer {

clear:both;

width:760px;

text-align:left;

color:#808080;

font-size:0.9em;

margin:25px auto 0 auto;

padding:4px 0;

}



#footer p {margin:3px 3px 3px 10px;}

#footer a {color:#505050; text-decoration:none;}

#footer a:hover, a:hover {text-decoration:underline;}



/******** Various classes ********/

.splitcontentleft {float:left; width:48%;}

.splitcontentright {float:right; width:46%;}



.important {

text-align:center;

color:#505050;

border:1px solid #bababa;

padding:2px;

}



.infobox{

width:240px;

float:right;

font-size:0.9em;

border:1px solid #bababa;

margin:0 0 5px 20px;

padding:5px;

}



.infobox p {margin:0;}

.infobox ul{margin:0 0 0 25px;}

.links a {font-weight:normal;}

.links li {line-height:1.1em;}

.left {float:left; margin:0 15px 4px 0;}

.right {float:right; margin:0 0 4px 15px;}

.textright {text-align:right;}

.readmore {text-align:right; margin:-10px 10px 18px 0;}

.center {text-align:center;}

.blue {color:#559900;}

.big {font-size:1.2em;}

.small {font-size:0.8em;}

.bold {font-weight:bold;}

.clear {clear:both;}

.hide {display:none;}



.photo {

border:1px solid #bababa;

padding:2px;

background-color:#ffffff;

margin:6px 18px 2px 5px;

}



#languageList {
	/*display:none;*/
	text-align: right;
	line-height:25px;
	margin-top:-15px;
	margin-bottom: 5px;
}
#languageList li {
	list-style-type: none;
}
#languageList a {
	text-decoration: none;
}

a .hidedonate	{display:none; }
a:hover .hidedonate	{display:block; }



/******** TAB DE right side ********/
body a#courses-tab-DE,
body a#courses-tab-DE:link {
	background-position: 2px 50% !important;
	position: fixed !important;
	top: 45% !important;
	display: block !important;
	width: 23px !important; /* 22+3*/
	height: 132px !important; /*90+8*/
	margin: -45px 0 0 0 !important;
	padding: 0 !important;
	z-index: 100001 !important;
	background-position: 2px 50% !important;
	background-repeat: none !important;
}
body a#courses-tab-DE:hover {
	cursor: pointer;
}
* html a#courses-tab-DE,
* html a#courses-tab-DE:link {
	position: absolute !important;
	background-image: none !important;
}
a#courses-tab-DE { 
	right: 0; 
	background-repeat: no-repeat; 
	background-color: #00B200; 
	background-image: url(/assets/templates/default/images/course_tab_de.png); 
	border: outset 1px #00B200; 
	border-right: none; 
	-moz-border-radius: 1em; 
	-moz-border-radius-topright: 0; 
	-moz-border-radius-bottomright: 0; 
	-webkit-border-radius: 1em; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0;
}
a#courses-tab-DE:hover { 
	background-color: #008A00; 
	border: outset 1px #008A00; 
	border-right: none; 
}
* html a#courses-tab-DE { 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/templates/default/images/course_tab_de.png'); 
}


/******** TAB EN right side ********/
body a#courses-tab-EN,
body a#courses-tab-EN:link {
	background-position: 2px 50% !important;
	position: fixed !important;
	top: 45% !important;
	display: block !important;
	width: 23px !important; /* 22+3*/
	height: 132px !important; /*90+8*/
	margin: -45px 0 0 0 !important;
	padding: 0 !important;
	z-index: 100001 !important;
	background-position: 2px 50% !important;
	background-repeat: none !important;
}
body a#courses-tab-EN:hover {
	cursor: pointer;
}
* html a#courses-tab-EN,
* html a#courses-tab-EN:link {
	position: absolute !important;
	background-image: none !important;
}
a#courses-tab-EN { 
	right: 0; 
	background-repeat: no-repeat; 
	background-color: #00B200; 
	background-image: url(/assets/templates/default/images/course_tab_en.png); 
	border: outset 1px #00B200; 
	border-right: none; 
	-moz-border-radius: 1em; 
	-moz-border-radius-topright: 0; 
	-moz-border-radius-bottomright: 0; 
	-webkit-border-radius: 1em; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0;
}
a#courses-tab-EN:hover { 
	background-color: #008A00; 
	border: outset 1px #008A00; 
	border-right: none; 
}
* html a#courses-tab-EN { 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/templates/default/images/course_tab_en.png'); 
}


/******** TAB FR right side ********/
body a#courses-tab-FR,
body a#courses-tab-FR:link {
	background-position: 2px 50% !important;
	position: fixed !important;
	top: 45% !important;
	display: block !important;
	width: 23px !important; /* 22+3*/
	height: 132px !important; /*90+8*/
	margin: -45px 0 0 0 !important;
	padding: 0 !important;
	z-index: 100001 !important;
	background-position: 2px 50% !important;
	background-repeat: none !important;
}
body a#courses-tab-FR:hover {
	cursor: pointer;
}
* html a#courses-tab-FR,
* html a#courses-tab-FR:link {
	position: absolute !important;
	background-image: none !important;
}
a#courses-tab-FR { 
	right: 0; 
	background-repeat: no-repeat; 
	background-color: #00B200; 
	background-image: url(/assets/templates/default/images/course_tab_fr.png); 
	border: outset 1px #00B200; 
	border-right: none; 
	-moz-border-radius: 1em; 
	-moz-border-radius-topright: 0; 
	-moz-border-radius-bottomright: 0; 
	-webkit-border-radius: 1em; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0;
}
a#courses-tab-FR:hover { 
	background-color: #008A00; 
	border: outset 1px #008A00; 
	border-right: none; 
}
* html a#courses-tab-FR { 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/templates/default/images/course_tab_fr.png'); 
}