/* --------------------------------------------------------
 * CSS for bellanet.de
 * (c) 2007 at|newmedia
 * Andreas Tschirpke
 * Suedstrasse 5 - 46414 Rhede
 * +49 2872 809269
 *
 * Vers. 0.01
 * ========================================================*/


/* --------------------------------------------------------
 * Global
 * ========================================================*/
bodys {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
}

a, a:link, a:visited {
 text-decoration: none;
 color: #3066A6;
 /*background: none;*/
}

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

#content p, 
#content li, 
#content dt, 
#content dd, 
#content td, 
#content th {
	font-size: 1.3em;
	line-height: 1.8em;
	color: #333;
}


#content td li,
#content li p  {
	font-size: 100%;
}

#content p {
	text-align: justify;
}

#content p,
#content ul,
#content ol {
	margin: 0 0 1em 0;
}

strong {
	font-weight: bold;
}

.companyname {
	font-weight: bold;
	color: #3d7a6e;
	/*color: #b1d27c;*/
}


hr {
	color: #ccc;
	background: #ccc;
	height: 1px;
	border: none;
	clear: both;
}
	
.csc-frame {} 

.csc-frame-rulerBefore {
    border-top: 1px solid #ccc;
    padding-top: .5em; 
}

.csc-frame-rulerAfter {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}

.align-justify {
	text-align: justify;
}
.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}
.align-center {
	text-align: center;
}


/* --------------------------------------------------------
 * Lists
 * ========================================================*/
 ul { }
 
 ul li {
 	padding-left: 18px;
	background: url(../i/li.png) no-repeat 5px 7px;
 }
 
 ul.duo,
 ul.trio {
 	width: 540px;
	overflow: hidden;
 	list-style: none;
	margin: 1em -20px 1em 0;
 }
 ul.trio {
 	background: url(../i/trio_bg.png) repeat-y;
 } 
 
 
 ul.duo li,
 ul.trio li  {
 	background: none;
 	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
 	width: 50%; }
 
 ul.trio li {
 	overflow: hidden;
	padding-right: 20px;
 	width: 160px; }
 


/**
 * @section headlines
 */
h1,h2,h3,h4,h5 {
	margin: 1em 0 .5em 0;
    line-height: 140%;	
}

h1 {
	color: #3066A6;
	font-size: 2em;
}

h2 {
    font-size: 16px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif; 
}

h3 {
	font-size: 14px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif; 	
}

h4 {
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 .5em 0;
}



/* --------------------------------------------------------
 * Address
 * ========================================================*/
.addressitem {
	padding-top: 5px;
	margin-bottom: 1em;
}

.addressitem img {
	float: left;
	margin-right: 10px;
}

.addressitem .address {
	float: left;
	width: 230px;
}

.addressitem .legal {
	display: block;
	margin-top: .5em;
}

.addressitem .contactpersons {
	float: right;
	width: 220px;
}

/* --------------------------------------------------------
 * Form
 * ========================================================*/
form {
	width: 520px; }

fieldset {
	padding: 10px;
	background: #fff;
	border: 1px solid #ccc;
	margin-bottom: 10px;	 }
	
legend {
	font-size: 1.2em;
	font-weight: bold;
	padding: 0px .7em 0px; }
	
label {
	color: #333;
	font-size: 1.2em;
	padding-right: 10px;
	text-align: right;
	display: block;
	float: left;
	clear: both;
	width: 130px; }

	form label span {
		color: #666;	}
		
	input {
		float: left;
		margin-bottom: 2px;
		width: 200px;
	}
	
	input.small {
		width: 50px;
	}	

form div {
	clear: both;
	margin-bottom: 4px; }		

form fieldset fieldset {
	margin: 20px  0px 0px 140px;
}

fieldset fieldset div {
	margin: 0;
}

fieldset fieldset input {
	width: auto;
	float: left;
}

form fieldset fieldset, 
textarea, 
input, 
select {
	padding: 2px; }

textarea, 
input, 
select {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	margin-right: 5px;
	font-size: 1.2em;
	border: 1px solid #ccc;

}

form span {
	font-size: 1.1em;
}

form fieldset {
	padding-bottom: 0.83em;
	clear: left; }
	
form fieldset fieldset {
	border: none; }
	
	form fieldset fieldset legend {
		padding: 0;
	}
		
	form fieldset fieldset input{
		margin: 0;
		height: 1.25em;
		display: block;
		border: 1px solid #ccc;
		float: none;
		clear: both;	}
	
	form fieldset fieldset label{
		margin: -1.2em 0 5px 20px;
		width: 0;
		display: inline;
		float: left;
		width: 200px;
		text-align: left;	}
	
.submit {border: 0; padding: 0.17em;}
.inputInline {margin: -1em 0 0 0;}

.errorBox,
.noticeBox,
.successBox {
	list-style: none;
	padding: 4px 5px 3px;
	margin: 10px 0;
}
.errorBox li,
.noticeBox li,
.successBox li {
	background: none;
	margin: 0;
	padding: 0;
}
.errorBox,
form .error input,
form .error textarea  {
	border: 1px #c00 solid;
	background: #fcc; }
.noticeBox,
form .notice input,
form .notice textarea {
	border: 1px #dd0 solid;
	background: #ffffd4; }
.successBox,
form .success input,
form .success textarea {
	border: 1px #b1d27c solid;
	background: #e9f2db; }

form label.top {
	margin: -1.2em 0 5px 0;
	width: auto;	
}

.hidden {
	display: none;
}

.tx_powermail_pi1_fieldwrap_html_submit,
.tx_powermail_pi1_fieldwrap_html_reset {
	clear: none;
	float: left;
}

.tx_powermail_pi1_fieldwrap_html_submit input {
	width: auto;
	padding: 4px 15px;
    margin: 0 10px 0 140px;
}

.tx_powermail_pi1_fieldwrap_html_reset input {
    background: none;
    border: none;
	padding: 4px 0px;
	width: auto;
}


.validation-failed {
    border: 1px #dd0 solid;
    background: #ffffd4;	
}
.powermail_mandatory_js {
	margin: 0 0 4px 140px;
}

/**
 * @section tables
 */
td, th {
	padding: 2px 5px 3px 2px;
}

caption,
#content .news-single-imgcaption {
	font-size: 1.2em;
	margin: 0 0 .3em 0;
	color: #666;
}

#content .liste th {
	font-weight: bold;
	background: #3066A6;
	border-bottom: 1px solid #ffffff;
	color: #ffffff;
}

#content .liste td {
	border-bottom: 1px solid #ccc;
}

.tr-odd td {
	background: #F2F8FF;
}

/**
 * @section tt_news
 */
hr.clearer {
	margin-bottom: 20px;
}

.news-amenu-item-year {
	background: none;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}

.news-single-img,
.news-latest-img,
.news-list-img {
	float: right;
	margin: 0 0 15px 30px;
}

.news-single-img img,
.news-latest-img img,
.news-list-img img {
    border: 1px solid #ccc;
}