/*
Original design: Variant Creative Alt (v1.5 - Jan 25, 2011) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/variant-creative/
modified by Harry Kretzschmar - http://webdesign.hkmusic.de
*/


html {height: 100.5%; }
* {margin: 0px; padding: 0px; border: 0px;}

/* Main layout and header */
body {background:url(img/bg.gif) repeat-y top center #eaeaea; color:222; font:67.5% 'UbuntuRegular',Tahoma,Arial,sans-serif; line-height:1.2em; margin:0 auto; padding:0;}
#wrap {background:url(img/xcontent_bg.jpg) repeat-y top left #bed6ea; color:#503030; margin:0 auto; padding:0; width:980px;}
#header {background:url(img/head3c.jpg) no-repeat top left #3a3a3a; color:#fff; height:240px; margin:0 0 10px; padding:0;}

a {color:#802a55; text-decoration:none;}
a:hover {color:#400025; text-decoration:underline;}
a:hover {color:#400025; text-decoration:none; border-bottom:1px dotted #888;}

#header h1 {font-size:4.8em; font-weight:600; letter-spacing:0px; margin:0px 0 25px 15px; padding:10px 0 20px 20px; font-family: Tahoma,Arial,sans-serif; text-align:left; text-shadow: #000 2px 2px 7px;}
#header h1 a,#header h1 a:hover {font-weight:600; padding:0; color:#fff; text-decoration:none;}
#header h2 {font-size:2.4em; font-weight:600; letter-spacing:0px; margin:0px 0 15px 25px; padding:10px 0 10px 20px; font-family: Tahoma,Arial,sans-serif; text-align:left; text-shadow: #000 2px 2px 7px;}
#header p {font-size:2.8em; xletter-spacing:-1px; margin:0 0 20px 45px; padding:0 0 0 3px; text-align:left; text-shadow: #000 2px 2px 7px;}
#header img { padding:0; float:right;}

/* Left sidebar and menu */
#leftside { margin:-50px 15px 45px 20px;  padding:5px; }
div#leftside li {margin: 10px auto;} 

#leftside ul.avmenu {list-style:none; font-size:1.2em; padding:0; text-align:center; margin: 0 auto; }
#leftside ul.avmenu li {display:inline; padding:0; width:140px; }
#leftside ul.avmenu li a {background:url(img/test/menubg3.png) no-repeat bottom center; color:#404040; float:left; font-size:1.1em; font-weight:400; margin-bottom:10px; padding:7px 3px 7px 3px; text-decoration:none; width:125px; }
#leftside ul.avmenu li a:hover,
#leftside ul.avmenu li a.current {background:url(img/test/menubg4.png) no-repeat bottom center; color:#303030; text-shadow: #f09ac5 1px 1px 2px; xtext-decoration:none; border-bottom:0;}
#leftside ul.avmenu ul {font-size:1.0em; margin:0 0 0 15px; padding:0 0 0px 0; width:137px;}

#leftside h2 {font-size:1.3em; font-weight:400; text-shadow: #d07aa5 1px 1px 3px;}

#leftside .announce {background:url(img/menubg.gif) repeat-x bottom left #f4f4f4; border:1px solid #d8d8d8; clear:left; color:#505050; line-height:1.3em; margin:20px 0; padding:5px 5px 5px; width:138px;}
#leftside p,.announce p {font-size:1em;}


/* Main content */
#content {line-height:1.8em;margin:5px 15px 10px 15px; padding:10px; text-align:left; xbackground:#ddd;}
#content h2 {font-size:2.8em; font-weight:400; letter-spacing:-1px; xmargin:5px 0 10px; padding:0; color:#733; }
#content h2 a {color:#555; text-decoration:none;}
#content h2 a:hover {color:#222; text-shadow:#802a55 2px 2px 5px; text-decoration:none;}
#content h3 {font-size:2.0em; font-weight:400; margin:6px 0; padding:0; text-shadow: #ccc 2px 2px 3px;}
#content h4 {font-size:1.8em; font-weight:400; margin:6px 0; padding:0; text-shadow: #ccc 2px 2px 3px;}
#content ul,#content ol {margin:0 0 16px 20px; padding:0;}
#content ul ul,#content ol ol {margin:2px 0 2px 15px;}
#content li {margin:0 0 2px 5px; padding:0 0 0 4px;}
#content p {font-size:1.4em; letter-spacing:1px; color:#733; } 



.extras {background:url(img/menubg.gif) repeat-x bottom left #f4f4f4; border:1px solid #d8d8d8;float:right; margin:10px 10px 10px 10px; padding:5px; xwidth:150px; border:1px solid  #ccc;}
/* Right sidebar 
#extras {float:right; margin:10px 10px 10px 10px; padding:5px; width:150px; border:1px solid  #ccc;}*/
.extras p,.extras ul {line-height:1.2em; margin:0 0 15px; padding:0;}
.extras li {list-style:none; margin:0 0 3px; padding:0;}
.extras h2 {font-size:1.4em; font-weight:200; line-height:1.3em; margin:0 0 6px; text-shadow: #d07aa5 1px 1px 3px;}

/* Footer */
#footer {clear:both; color:#777; font-size:0.9em; margin:0 auto; padding:0; text-align:center; width:960px; height:86px; border-top:1px solid #dadada;}
#footer p {margin:0 auto; padding:20px 0 0; width:765px;}
#footer a {background:inherit; color:#666; font-weight:400; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer span {font-size:1.2em;}

/* Links and paragraphs */

#header h1 a:hover {color:#ddf; text-decoration:none; border:none;}
a img {border:0;}
p {margin:0 0 16px;}


/* Header texts */
h2,h3,h4 { font-weight:400; line-height:1.2em;}

/* Images */
#content img {max-width:610px;}
#content h2{ padding: 0px 50px;}
#content img.alignleft {display:inline; float:left; margin:5px 15px 5px 0;}
#content img.alignright {float:right; margin:5px 0 5px 15px;}
#content img.aligncenter {display:block; margin:10px auto;}
#content img.border {background:#ccc; border:4px solid #ddd; color:#333; padding:1px;}

/* Tables and forms */
table {border:1px solid #d8d8d8; border-collapse:collapse; line-height:1.3em; width:95%; margin:0 0 16px; padding:0;}
caption {font-size:1.5em; font-weight:400; margin:0; padding:6px 0 8px; text-align:left;}
th {background:url(img/menubg2.gif) repeat-x bottom left #eaeaea; color:#555; padding:7px; text-align:left;}
td {background:url(img/menubg.gif) repeat-x bottom left #f4f4f4; color:#303030; font-size:0.9em; padding:7px; text-align:left;}
input,textarea {border:1px solid #ccc; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:1em; margin:0; padding:4px;}

textarea {width:400px;}

/* half content */
.half { width:100%; clear:left; border-top:1px solid #ccc;}
.halfleft,.halfright {width:47%; float:left; margin:10px 0; padding:5px; }
.halfright {float:right;} 
/* Additional classes */
.announce h2 {margin:0 0 10px; padding:0;}
.announce p {margin:0 0 5px 0;}
.center {text-align:center;}

.small {font-size:0.8em;}
.large {font-size:1.3em;}
.red {color:#802a55;}
.green {color:green;}
.blue {color:blue;}
.line { border-top:1px solid #ccc; margin-top:30px;}
.highlighted {background:#f0f0f0; border:1px solid #b0b0b0; color:#303030; padding:3px;}
.button {background:url(img/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#555; font-weight:400; font-size:1.2em; margin:0 0 15px; padding:7px 7px 7px 11px; width:150px;}
.left {float:left; margin:10px 10px 5px 0;}
.right {float:right; margin:10px 0 5px 10px;}
.hide {display:none;}
.invisible { visibility:hidden;}
.textright { text-align:right;}
.clearright { clear: right;} 
.clearleft { clear:left;} 
.clearboth { clear:both;}
.triple { width: 33%; text-align:center; float:left; margin 0 5px 20px; height: 350px;}