/*===template for typo3, css-part===*/

/*
(c) 2008 by thomas gersdorf
http://www.thomasgersdorf.com
http://www.thomasgersdorf.de
*/

/*==colors==
main colors:
#3257a4 (header)
#6487dc (hrefs and footer)
#83a1e6 (hrefs hover)

old design:
3 blue light to strong:
#648ce6
#6487dc
#003399
text:
#274e90
*/

/*===standard values===*/
* {margin:0; padding:0;}

/*===general styles===*/
body {font: 75% Verdana,Arial,sans-serif; color:#363636; background:#e4e6e8; line-height:1.38em; text-align:center;}
img.left,img.center,img.right {padding:4px; border:1px solid #a0a0a0;}
img.left {float:left; margin:0 10px 5px 0;}
img.center {display:block; margin:0 auto 5px auto;}
img.right {float:right; margin:0 0 5px 10px;}

/*===fonts, hrefs===*/
a {color:#3257a4; background-color:inherit; font-weight:bold; text-decoration:none;}
a:hover {color:#29356e; background-color:inherit; text-decoration:none;}
p {padding:0 0 0.8em 0;}

/*===generic style classes===*/
.clear {clear:both;}
.small {font-size:0.8em;}
.hide {display:none;}
.mark {color:#b31e1e; font-weight:bold;}
.box {margin:0 0 20px 0; padding:10px; border:1px solid #c0c0c0; background-color:#ffffff; color:#505050; line-height:1.5em;}
.box h1 {margin: 0 0 10px 0; font-weight:normal;  font-size:0.9em}
.box h2 {margin: 0 0 10px 0;font-weight:normal; font-size:0.8em}
.box2 {margin:0 0 20px 0; padding:10px; border:0px; background-color:#ffffff; color:#505050; line-height:1.5em;}
.box2 h1 {margin: 0 0 10px 0; font-weight:normal;  font-size:0.9em}
.box2 h2 {margin: 0 0 10px 0;font-weight:normal; font-size:0.8em}
.leftfloat{float:left; width:48%;margin-left: 5px; margin-right: 5px;}
.rightfloat {float:right; width:48%;margin-left: 5px; margin-right: 5px;}
.nomargin {border-style: none; }


/*===header===*/
#main_title { width:760px; margin:10px auto; padding:1px 0; text-align:left; background:#ffffff; color:#303030; border:1px solid #a0a0a0;}
#header {height:110px; width:758px; margin:0 1px 1px 1px; background:#3257a4 url(header_eth_small.png) top right no-repeat; color:#ffffff;}
#header h1 {padding:35px 0 0 20px; font-size:2.4em; color:#ffffff; letter-spacing:-2px; font-weight:normal;}
#header h2 {margin:10px 0 0 40px; font-size:1.4em; background-color:inherit; color:#f0f2f4; letter-spacing:-1px; font-weight:normal;}

/*===content===*/
#content {float:right; width:545px; font-size:0.9em; padding:20px 0 20px 10px;}
#content h1 {display:block; margin:0 0 16px 0; font-size:1.8em; font-weight:normal; letter-spacing:0px; color:#575757; background-color:inherit;}
#content h1 a {font-weight:normal;}
#content h2 {display:block; margin:0 0 16px 0; font-size:1.7em; font-weight:normal; letter-spacing:0px; color:#575757; background-color:inherit;}
#content h2 a {font-weight:normal;}
#content h3 {margin:0 0 5px 0; font-size:1.4em; letter-spacing:-1px;}
#content ul, #content ol {margin:0 5px 16px 35px;}
#content dl {margin:0 5px 10px 25px;}
#content dt {font-weight:bold; margin-bottom:5px;}
#content dd {margin:0 0 10px 15px;}

/*===main_navi===*/
#main_navi {height:2.2em; line-height:2.2em; width:758px; margin:0 1px; background:#6487dc; color:#ffffff;}
#main_navi li {float:left; list-style-type:none; border-right:1px solid #ffffff; white-space:nowrap;}
#main_navi li a {display:block; padding:0 10px; font-size:0.9em; font-weight:bold; text-decoration:none; background-color:inherit; color: #ffffff;}
* html #main_navi a {width:1%;}
#main_navi .selected,#main_navi a:hover {background:#83a1e6; color:#ffffff; text-decoration:none;}
/*===shifted menus and boxes===*/
#shifted {float:right; width:170px; padding:20px 10px 10px 0; line-height:1.4em;}
#shifted h2 {display:block; margin:0 0 15px 0; font-size:1.6em; font-weight:normal; text-align:left; letter-spacing:-1px; color:#505050; background-color:inherit;}
#shifted p {margin:0 0 16px 0; font-size:0.9em;}

/*==menu===*/
.menu {margin:0 0 20px 4px; font-size:0.9em;}
.menu li {list-style:none; font-weight:bold; display:block; padding:2px; margin-bottom:2px;}
.menu li a { text-decoration:none; font-weight:bold; }
.menu li a:hover {font-weight:inherit; text-decoration:none;}
.menu li ul {margin:3px 0 3px 15px; font-size:1em; font-weight:bold;}
.menu li ul a {font-weight:bold;}
#path {text-decoration:none; text-align: right; color:#ffffff; font-size:0.8em; background-color:#6487dc; font-weight:normal; margin: 0 0 0 0; padding: 0 5px 0 0;}
#path a {color:#ffffff; font-weight: inherit; background-color: inherit; margin: inherit;}
#path a:hover {text-decoration:underline;color:#ffffff; font-weight:inherit; background-color: inherit; margin:inherit;}

/*===footer===*/
#footer {width:758px; padding:4px 0 4px 0; margin:0 1px; font-size:0.85em; color:#ffffff; background:#6487dc; clear:both; }
#footer p {padding:0 0 0 0; margin:0; text-align:center;}
#footer a {color:#ffffff; background-color:inherit; font-weight:bold;}
#footer a:hover {color:#ffffff; background-color:inherit; text-decoration: none;}