/* CSS fuer M-Artdesign */

*	{margin:0px; padding: 0px;} 
fieldset, img	{border:0px none;}
html	{height: 101%;} 
option	{padding-left: 0.4em}

/* # Allgemeine Angaben ##################################################### */
body	{ 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	color :#333333;	
	line-height:18px;
	margin:0px 0px 0px 8px;
	background-image:url(../images/gb.gif);
	background-repeat:repeat;	
} 

h1	{
	font-weight:bold;
	font-size:14px;
	color:#333333;
	padding:18px 0px 15px 0px;
}

h3.tt_newsH3	{
	float:left; 
	width:372px; 
	margin-bottom:10px;
}

input, select, textarea	{  
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	color:#333333;
	background-color:#FFFFFF;
	border:1px solid #333333;
	width:144px;
	height:17px;
	margin:4px 0px;
	padding:1px 0px 0px 4px;
}

input.button	{
	width:150px;
	height:20px;
	padding:0px;
}

input.radio	{
	width:25px;
	margin:0px 3px 0px 0px;
}

textarea	{
	width:348px;
	height:78px;
}

p	{
	line-height:14px;
	margin-bottom:14px;
}

ul	{
	margin:0px 0px 15px 15px;
	list-style-type:circle;
}

legend {
	/* display:none; */
	font-weight:bold;
	font-size:14px;
	color:#FFFFFF;
	text-shadow: -1px -1px 2px #666666, 1px 1px 2px #666666;
}

label {
	float:left;
	width:100px;
	padding-top:2px;
}

fieldset {
	background-color:#CECECE;
	margin-bottom:10px;
	padding:5px 5px 5px 15px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.tx-powermail-pi1_mandatory {
	color:#FF0000;
	background-color:#CECECE;
	margin-bottom:10px;
	padding:10px 5px 5px 15px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;	
}

ul.powermail_mandatory_list {
	color:#333333;
	margin-top:7px;
}



/* Klassen */
.activeInput	{
	background-color:#FF9900;
}

.bold {
	font-weight:bold;
}

.clearer	{
	clear:both;
}

.error	{
	font-weight:bold;
	color:#FF0000;
}

.news-single-imgcaption	{
	font-size:10px;
}

.spacer	{
	height:20px;
}

.tt_newsContent	{
	border-bottom:1px solid #7B8084; 
	padding-bottom:5px; 
	margin-bottom:5px;
}

.tt_newsContent img	{
	float:left;
	margin:0px 15px;
}

.tt_newsContentDetail	{
	border-bottom:1px solid #7B8084; 
	padding-bottom:5px; 
	margin-bottom:5px;
}

.news-single-img	{
	float:left;
}

.news-single-img img 	{
	margin:0px 15px 0px 0px;
}

.tt_newsAuthor	{
	padding-bottom:10px;
}

.tt_newsCat	{
	font-size:11px;
	font-weight:bold;
}

.tt_newsDate	{
	float:right; 
	width:200px; 
	margin-bottom:10px; 
	text-align:right; 
	font-size:11px;
	font-weight:bold;
}

.tt_newsContent img	{
	float:left;
	margin:0px 15px 0px 0px;
}

.td_0	{
	width:110px;
}

.td_1	{
	width:160px;
}

.td_2	{
	vertical-align:top;
	width:172px;
}


/* IDs */
#codeeingabe	{
	float:left;
	width:160px;
}

#codeselber img, #code	{
	margin-top:4px;
	border:1px solid #333333;
}

#contentbox	{
	float:left;
	margin:17px 0px 17px 17px;
	width:620px;
	background-color:#EFEFEF;
}

#errorbox	{
	border:1px solid #333333;
	height:176px;
	padding:10px 11px 0px 11px;
}

#download	{
	padding-bottom:12px;
}

#hint	{
	font-size:9px;
	margin:15px 0px 5px 0px;
}

#headerbox	{
	height:311px;
}

#headerPic, #profilPic, #wwwPic	{
	width:587px;
	height:23px;
	background-image:url(../images/homePic.jpg);
	border:1px solid #333333;
	margin:10px;
	color:#FF9900;
	font-size:18px;
	font-weight:bold;
	padding:275px 0px 0px 11px;
	letter-spacing:2px;
}

#profilPic	{
	background-image:url(../images/profilPic.jpg);
}

#wwwPic	{
	background-image:url(../images/linksPic.jpg);
}

#m-artdesign	{
	text-align:right;
	margin:0px 15px 10px 0px;
}

#navibox	{
	float:left;
	width:122px; 
	background-color:#EFEFEF; 
	border:1px solid #333333;
	padding:3px 0px 2px 2px;
	margin:235px 0px 0px 17px;
}

#navibox div	{
	width:120px; 
	height:20px;
	background-image:url(../images/naviBg.jpg);
	margin-bottom:1px;
}

#navibox div.second, #navibox div.second_last	{
	
	height:20px;
	background-image:url(../images/0.gif);
	margin-bottom:1px;
	border-bottom:1px solid #697277;
	margin:0px 5px;
}

#navibox div.second_last	{
	border-bottom:0px none;
}

#textbox	{
	padding:0px 21px 5px 21px;
}

#thumbnailDiv 	{
	margin:0px 0px 12px 0px;
}

#thumbnailDiv img	{
	margin:0px 2px 2px 0px;
}


/* Links */
#navibox a, #navibox div.second a	{
	background-image:url(../images/navipfeil.gif);
	background-repeat:no-repeat;
	width:100%;
	display:block;
	line-height:19px;
	color:#EFEFEF;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding-left:18px;
}

#navibox div.second a, #navibox div.second_last a	{
	background-image:url(../images/navipfeil_second.gif);
	color:#333333;
}

#navibox div.second a:active, #navibox div.second a:hover, #navibox div.second a.active,
#navibox div.second_last a:active, #navibox div.second_last a:hover, #navibox div.second_last a.active	{
	background-image:url(../images/navipfeil_a_second.gif);
	color:#FF9900;
}

#navibox a:active, #navibox a:hover, #navibox a.active	{
	background-image:url(../images/navipfeil_a.gif);
	color:#FF9900;
}

#textbox a	{
	color:#FF9900;
	text-decoration:none;
}

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


/* TOOLTIPS */
a.wt_csstooltip {
    position: relative;
    z-index: 240;
    	font-size: 12px;
	color: #CC0000;
	text-decoration: none;
    cursor: help;
}
a.wt_csstooltip:hover { 
	z-index: 250; 
	text-decoration: none; 
    background-color: #EBF1FA;
}
a.wt_csstooltip span,
a.wt_csstooltip dfn {
	display: none;
	font-style: normal;
	z-index: 250; 
}
a.wt_csstooltip:hover span,
a.wt_csstooltip:hover dfn {
    display: block;
    position: absolute;
    top: 2em;
    left: 2em;
    width: 17em;
    background-color: #FFFFFF;
    color: #000000;
    text-align: left;
    padding: 5px;
    font-size: 11px;
    /* border: 2px solid #2656AB; */
    border: 2px solid #CC0000;
    text-decoration: none;
    font-style: normal;
    font-weight: bold;
    z-index: 2500; 
}