/* (c) copyright 2006 by bugnplay, zurich */

/*
Color-Codes (Links, Background) fuer die verschiedenen Wettbewerbs-Jahrgaenge
2006: 
2007: 
2008: #730041
2009: #CD0073
2010: #e65221
2011: 
2012: 
*/

/* general elements */
body {
    padding:0px 0px 10px 10px;
    margin:0px;
    background:#ECECED;
    font-family:Arial, Verdana, sans-serif;
    /*background-image:url(/pict/bg_columnleft.gif); 
    background-repeat:repeat-y;
    background-position:top left;*/
}

/* main page parts */
#columnleft {
    position:absolute;
    top:34px;
    left:10px;
    width:193px;
    padding:0px; 
    margin:0px;
}
#columnright {
    margin-left:193px;
      margin-right:50px;
      width:357px;
}

#metanav {
    position:relative;
    z-index:100;
    font-size:11px;
    word-spacing:5px; 
}
#metanav2 {
    font-size:11px;
    word-spacing:5px;
}
#metanav {
    height:23px;
    background:#e65221;
    color:#FFFF00;
    font-weight:bold;
    text-decoration:none;
    padding:3px 0px 0px 5px; 
    voice-family: "\"}\"";
    voice-family:inherit;
    height:20px;
}
#metanav a {
    background:#e65221;
    color:#FFFF00;
    font-weight:bold;
    text-decoration:none; 
}
#metanav a:hover {
    text-decoration:underline;
}
img#bigbug {
    position:absolute;
    z-index:110;
    top:40px;
    left:760px;
}
#metanav2 {
    height:81px;
    background-image:url(/pict/bg_logobalken.jpg); 
    background-repeat:repeat-y;
    background-position:top left;
    color:#F4E600;
    font-weight:bold;
    text-decoration:none;
}
#metanav2 a {
    color:#F4E600;
    font-weight:bold;
    text-decoration:none;
}
#metanav2 a:hover {
    text-decoration:underline;
}
#metanav2 .left {
    float:left;
    margin:0px;
    padding:0px;
    width:50%;
}
#metanav2 .right {
    float:right; 
    height:81px;
    margin:0px;
}

#header {
    width:550px;
    height:24px;
      text-align:right;
      background-color:#e65221;
}
#logo_mk {
    clear:both;
    float:none;
    background-color:#fff;
    height:41px;
    margin:0;
    padding:10px;
    text-align:right;
}

#maincontent {
    background:#fff;
    padding:10px 0px 10px 15px;
    margin:0;
    font-size: 0.8em;
}

#maincontent a:link, #maincontent a:visited {
    color:#e65221;
    /*background-color:#FFFFFF;*/
    text-decoration:none;
    font-weight:bold;
}
#maincontent a:hover, #maincontent a:focus { 
    color:#e65221;
    text-decoration:underline;
}


#footer {
    float:none;
    clear:both;
    height:16px;
    background-image:url(pict/footbg.gif);
    background:#e65221;
    color:#FFFFFF; 
    font-size:11px;
    padding:4px 10px 2px 16px;
}
#footer a, #footer a:hover {
    background:#e65221;
    color:#FFFFFF;
    text-decoration:none;
}
#footer .left {
    float:left;
    margin:0px; 
    padding:0px;
}
#footer .right {
    margin:0px;
    text-align:right;
    float:right;
}


/* Login Box */
#loginbox {
    background-color:#FFFF00;
    margin:70px 0 0 0;
    padding:4px 15px; 
    color:#e65221;
    font-weight:bold;
}

#loginbox a, #loginbox a:hover {
    font-size:12px;
    color:#e65221;
    text-decoration:underline;
}


/* Promotion Layer */
#promotion { 
    width:190px;
    background:#fff;
    font-size:13px;
    font-weight:bold;
    color:#FFFFFF;
    padding:12px 0px 12px 2px;
    margin:40px 0 0 0;
    voice-family: "\"}\""; 
    voice-family:inherit;
    width:188px;
}
#promotion #promopic {
    margin:5px 0px 0px 0px;
}

/* text elements */
p {
    margin:5px 0;
    padding:0;
}
h1, h1 a, h1 a:hover {
    /*font:1.4em Arial, Verdana, sans-serif;*/
    font:16px Arial, Verdana, sans-serif;
    color:#e65221;
    margin:0;
    padding:5px 0 10px 0;
    font-weight:bold;
}
h2, h2 a, h2 a:hover {
    /*font:1.1em Arial, Verdana, sans-serif;*/
    font:14px Arial, Verdana, sans-serif;
    color:#e65221; 
    font-weight:bold;
    margin:0px;
    padding:10 0 5px 0;
}
h3, h3 a, h3 a:hover, .newsbox a, .newsbox a:hover {f
    font:1em Arial, Verdana, sans-serif;
    color:#e65221;
    padding:0px;
    margin:0px;
    font-weight:bold;
    text-decoration:none;
}
h4, h4 a, h4 a:hover {
    font:1em Arial, Verdana, sans-serif;
    font-weight:bold;
    color:#e65221;
    padding:0px;
    margin:0px; 
}
h5 {
    font:1em Arial, Verdana, sans-serif;
    color:#000000;
    padding:0px;
    margin:0px;
    font-weight:bold;
}
h6 {
    font:1.2em Arial, Verdana, sans-serif;
    color:#000; 
    margin:0;
    padding:0 0 20px 0;
    font-weight:bold;
}
#maincontent p {
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	font-weight: normal;
	color: #000;
	padding: 3px 0;
	margin: 0 0 10px 0;
}
#loginbox h1 {
    font-size:12px;
    font-weight:bold;
    color:#000;
    text-decoration:none;
    margin:10px 0 25px 0;
    padding:0;
}

.legende {
	font-size: 10px;
	font-family: Arial, Verdana, sans-serif;
	font-weight: normal;
	color: #000;
	padding: 2px 0;
	margin: 0px;
}

table, .text {
    font:1em Arial, Verdana, sans-serif;
    color:#000000;
    padding:0px;
    margin:0px;
}
.text a, .text a:hover { 
    color:#e65221;
    font-weight:bold;
    text-decoration:none;
}
.imgcomment {
    font:0.9em Arial, Verdana, sans-serif;
    font-style:italic;
    color:#000000;
}


/* content layouts */ 
#maincontent .left {
    float:left;
    margin:0px;
    padding:0px;
}
#maincontent .right {
    float:right;
    margin:0px;
  padding:0px;
}
.clearfloat {
    float:none;
    clear:both; 
    width:1px; 
    margin:0;
    padding:0;
    font-size:0em;
    line-height:0px;
    height:1px;
}
#maincontent .newstitle, #maincontent .newstitle a, #maincontent .newstitle a:hover {
    margin-left:10px; 
    width:390px;
    height:88px;
}
#maincontent div.newsbox {
    border:solid #e65221;
    border-width:0 1px 1px 1px;
    background-image:url(/pict/bg_newsbox.gif);
    width:250px;
    float:right; 
    padding:0 0 10px 0;
    margin:0 2px 30px 10px;
}
#maincontent .newsbox div.title {
    font-size:1.2em;
    font-weight:bold;
    padding:0 0 2px 10px;
    color:#F3E611;
    background-color:#e65221; 
}
#maincontent .newsbox div.subtitle {
    color:#e65221;
    margin:15px 0 0 0;
    padding:0;
    font-weight:bold;
}
#maincontent .newsbox div.text {
    padding:0 10px;
}
#maincontent .newsbox p { 
    padding:0;
}
#maincontent .newsbox a {
    color:#e65221;
    background-color:#F4EFF5;
    text-decoration:none;
    font-weight:bold;
}
#maincontent .newsbox a:hover {
    text-decoration:underline; 
}
#maincontent .linklist {
    font:1em Arial, Verdana, sans-serif;
    margin:30px 0 0 0;
    padding:0px;
    font-weight:100;
}
#maincontent .linklist a {
    font-weight:100;
    color:#e65221; 
    text-decoration:none;
}
#maincontent .picright {
    padding:60px 10px 10px 10px;
    float:right;
}

#maincontent .formular {
    font:1.2em Arial, Verdana, sans-serif;
    color:#000;
    margin:0;
    padding:0;
    font-weight:bold;
}

/*#maincontent input {
    width:217px;
}*/

#maincontent #submit {
    /*font-size:1.2em;
    font-weight:bold;
    padding:0;
    color:#F3E611;
    border:none;
    background-color:#e65221;*/
}

/* -------------------------------------------------------------------------------------------------- */
/* Navigation --------------------------------------------------------------------------------------- */ 
/* -------------------------------------------------------------------------------------------------- */
#navigation {
    position:absolute;
    width:193px;
    font-size:13px;
}
#navigation ul a { 
    color:#F4E600;
    text-decoration:none;
    font-family:Verdana, Arial, sans-serif;
}
#navigation ul.mainmenu, #navigation ul.submenu {
    margin:0px;
    padding:0px;
    list-style:none;
}
#navigation li.nav {
    position:relative;
    width:193px;
    background-color:#e65221;
    color:#FFFFFF;
    font-weight:bold;
    padding:2px 0px 2px 15px;
    margin:0 0 10px 0;
    voice-family: "\"}\""; 
    voice-family:inherit;
    width:178px;
}
#navigation li.navAkt {
    position:relative;
    width:193px;
    background-color:#FFFF00;
    color:#e65221;
    font-weight:bold;
    padding:2px 0px 2px 15px; 
    margin:0 0 10px 0;
    voice-family: "\"}\"";
    voice-family:inherit;
    width:178px;
}
#navigation li.navAkt a {
    background-color:#FFFF00;
    color:#e65221;
}
#navigation li.nav ul.submenu {
    z-index:22;
    left:193px;
    top:0;
}


/* Button: register now! */
#navigation li.registerbtn {
    position:relative;
    width:193px;
    background-color:#FFFF00; 
    color:#e65221;
    font-weight:bold;
    padding:2px 0px 2px 15px;
    margin:70px 0 10px 0;
    voice-family: "\"}\"";
    voice-family:inherit;
    width:178px;
}
#columnleft div#navigation ul.mainmenu li.registerbtn a {
    color:#e65221;
}


/* Submenu */
#navigation ul.submenu {
    display:none;
    font-size:12px;
    list-style:none;
    margin:-21px 0px 0px 193px;
    z-index:21; 
    margin:0px;
    position:absolute;
    border:0;
    width:193px;
}
#navigation .submenu li.subnav {
    font-size:12px;
    display:block;
    color:#FFFFFF;
    font-weight:100;
    background:#e65221; 
    padding:5px 0px 4px 11px;
    width:191px;
    voice-family: "\"}\"";
    voice-family:inherit;
    width:182px;
}
#navigation .submenu li.subnav a:hover {
    text-decoration:underline; 
}
* html #navigation li.nav ul.submenu li.subnav { /* This is the Tan hack */
    margin:0px 0px 0px -16px;
    padding:3px 0px 2px 30px; /* ie 5.5 win */
    ma\rgin:0px 0px 0px 0px;
    padd\ing:3px 0px 2px 15px; /* ie mac */ 
}
    

/* Aktive Navigation */
#navigation ul.submenuAkt  {
    list-style:none;
    position:relative;
    top:0px;
    left:0px;
    margin:0px;
    padding:0px;
    background-color:transparent; 
}
#navigation .submenuAkt li.subnav {
    font-size:11px;
    display:block;
    color:#FFFFFF;
    font-weight:100;
    padding:3px 0px 2px 11px;
    width:153px;
    voice-family: "\"}\""; 
    voice-family:inherit;
    width:142px;
}



/* Rollover Effekt */
#navigation li:hover ul.submenu {
    display:block;
}
#navigation li:hover ul.submenu, 
#navigation li.over ul.submenu { /* for ie -> navigation.js */
    display:block;
}
* html #navigation ul.mainmenu li.navAkt ul.submenuAkt { /* This is the Tan hack */
    display:block; /* ie 5.5 win */
    d\isplay:block; /* ie mac */ 
}

/* Auflistung */
#maincontent ul {
    list-style-image:url(/pict/ico_liste.gif);
    margin:0px 35px 10px 18px;
    padding:5px 0px;
}
#maincontent ul li {
    margin-bottom:0.6em;
}

/* Han */
#uploadhref {
    color:#e65221;
    text-decoration:none;
}

/* Table borders */
#workshoptable td {
    border-top:solid #e65221;
    border-bottom:solid #e65221;
    border-width:1px; 
    padding: 3px 5px 3px 0; 
    margin:0;
}
#workshoptable {
    border-collapse:collapse;
}

/* tinyMCE */
.mceEditor {}