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


/* general elements */
body {
	padding:0px 0px 10px 0px;
	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:0px;
	left:0px;
	width:193px;
	padding:0px;
	margin:0px;
}
#columnright {
	margin-left:193px;
  	margin-right:50px;
  	width:706px;
}

#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:10000;
	top:27px;
	left:760px;
}
#metanav2 {
	height:81px;
	background-image:url(/pict/bg_logobalken_2010.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;
  text-align:right;
}

#logo {
	width:193px;
	height:134px;
}
#logo_mk {
	clear:both;
	float:none;
	background-color:#fff;
	height:41px;
	margin:0;
	padding:10px;
	text-align:right;
}

#maincontent {
	background:#fff;
	padding:28px 0px 35px 13px;
	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;
}


#fusszeile {
	float:none;
	clear:both;
	height:16px;
/*	background-image:url(pict/footbg.gif); */
	background:#e65221;
	color:#FFFFFF;
	font-size:11px;
	padding:4px 10px 2px 16px;
	opacity: 1.0 !important;
	filter: alpha(opacity=100) !important;
	-moz-opacity: 1.0 !important;

}
#fusszeile a, #fusszeile a:hover {
	background:#e65221;
	color:#FFFFFF !important;
	text-decoration:none;
}
#fusszeile #webdesign {
	float:left;
	margin:0px;
	padding:0px;
	width:200px;
	color:#FFFFFF !important;
	opacity: 1.0 !important;
	filter: alpha(opacity=100) !important;
	-moz-opacity: 1.0 !important;
}
#fusszeile #copyright {
	margin:0px;
  	text-align:right;
	float:right;
	color:#FFFFFF !important;
	opacity: 1.0 !important;
	filter: alpha(opacity=100) !important;
	-moz-opacity: 1.0 !important;
}


/* Login Box */
#loginbox {
	background-color:#FFFF00; /* E5F214 */
	padding:4px 15px;
	color:#a93609;
	font-weight:bold;
}
#loginbox input.text {
	border:1px solid #415A00;
	font:1em Verdana, Arial, sans-serif;
	/*width:110px;*/
}
#loginbox input.button {
	font:0.95em Verdana, Arial, sans-serif;
	font-weight:bold;
}
#loginbox form {
	padding:0;
	margin:0;
}
#loginbox a, #login a:hover {
	font-size:10px;
	color:#a93609;
	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:0;
	padding:0;
}
h1, h1 a, h1 a:hover {
	font:1.4em Arial, Verdana, sans-serif;
	color:#a93609;
	margin:0;
	padding:0 0 20px 0;
	font-weight:bold;
}
h2, h2 a, h2 a:hover {
	font:1.1em Arial, Verdana, sans-serif;
	color:#a93609;
	font-weight:bold;
	margin:0px;
	padding:10px 0 5px 0;
}
h3, h3 a, h3 a:hover, .newsbox a, .newsbox a:hover {
	font:1em Arial, Verdana, sans-serif;
	color:#a93609;
	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:#a93609;
	padding:0px;
	margin:0px;
}
h5 {
	font:1em Arial, Verdana, sans-serif;
	color:#000;
	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;
}
table, .text {
	font:1em Arial, Verdana, sans-serif;
	color:#000;
	padding:0px;
	margin:0px;
}
#maincontent p.text {
	margin:0 0 10px 0;
}
.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:#000;
}


/* 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.sideboxes {
}

#maincontent div.videobox {
	border:solid #e65221;
	border-width:0 1px 1px 1px;
	width:250px;
	padding:0 0 10px 0;
	margin:0 2px 10px 10px;
}

#maincontent div.newsbox {
	border:solid #e65221;
	border-width:0 1px 1px 1px;
	background-image:url(/pict/bg_newsbox.gif);
	width:250px;
	padding:0 0 10px 0;
	margin:0 2px 30px 10px;
}
#maincontent .newsbox div.title, #maincontent .videobox div.title {
	font-size:1.2em;
	font-weight:bold;
	padding:0 0 2px 10px;
	color:#F3E611;
	background-color:#e65221;
}
#maincontent .newsbox div.subtitle {
	color:#a93609;
	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 #detail {
	margin-right:265px;
}
#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;*/
}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
newsletter form styles
*/
form {
	margin:0;
	padding:0;
}
form label {
	display:block;
	margin:6px 0 0 0;
	padding:0;
	font-size:100%;
}
fieldset {
	margin:0;
	padding:0;
	border:none;
}
p.errorMessage {
	color:#D80015;
	margin:3px 0;
	padding:0;
}
span.errorMessage label {
	color:#D80015;
}
#maincontent form span.errorMessage input.inputField,
#maincontent form span.errorMessage textarea {
	border:1px solid #D80015;
}

#maincontent form input.inputField,
#maincontent form textarea,
#maincontent form select {
	border:1px solid #000;
	margin:4px 0 0 0;
	padding:2px;
	width:98%;
	font:100% Verdana, Arial, Helvetica, sans-serif;
}
#maincontent form input.inputField:focus,
#maincontent form textarea:focus,
#maincontent form select:focus{
	background-color:#fff;
}
#maincontent form input.plz {
	border:1px solid #000;
	margin:4px 0 0 0;
	padding:2px;
	width:20%;
	font:100% Verdana, Arial, Helvetica, sans-serif;
}
#maincontent form input.ort {
	border:1px solid #000;
	margin:4px 0 0 0;
	padding:2px;
	width:75%;
	font:100% Verdana, Arial, Helvetica, sans-serif;
}



/* Tabs */

.tab
{
	margin:0px -1px -1px 0px !important;
	background-color:#efefef;
	border:1px solid #cccccc;
	padding:5px !important;
	float:left;
	color:#e65221;
	font-weight:bold;
       
	
}

.tabaktiv {
	margin:0px -1px -1px 0px !important;
	background-color:#fff;
	border:1px solid #cccccc;
	padding:5px !important;
	float:left;
	color:#e65221;
	font-weight:bold;
	border-bottom:1px solid white;
}


.tabcontent
{
	border:1px solid #cccccc;
        /*border-top:none;*/
	padding:5px;
	width:399px;
	margin:0px;
        clear:left;
}


/* -------------------------------------------------------------------------------------------------- */
/* Navigation --------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
#navigation {
	position:absolute;
	width:193px;
	font-size:13px;
}
#navigation ul a {
	color:#FFFF00;
	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:10px 0 0px 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_2010.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-top:solid #e65221;
	border-bottom:solid #e65221;
	border-width:1px;
	padding: 3px 5px 3px 0; 
	margin:0;
}
#workshoptable {
	border-collapse:collapse;
}

/* NL missing fields */
.missingInput {
	color:#f00;
}

/* tinyMCE */
.mceEditor {}

#bild1 {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}

#bild2 {
	opacity: 0.4;
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
}

#bild3 {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
}

#bild4 {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
}

#bild5 {
	opacity: 0.2;
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
}

/* meldungen NL-Formulare */
div.nlMsg {
	background-color: #faddb1;
	font-weight:bold;
	padding:5px;
	border: 1px solid #000;
}
p.errorMessage {
	color:#f00;
}