/*
    Document   : main.css
    Created on : 01.04.2009, 21:07:51
    Author     : Gerold Hinzen, Open New Media GmbH
    Description: Standard formatting
*/

* {
    margin: 0;
    padding: 0;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

html,
body {
    height: 100%; 
    width: 100%;
	background: #f1f1f1;
}

body#bg_sendto {
	background: #fff;
	padding: 10px;
}

body#bg_sendto form input.submit{
	background: #ccc;
}


/*
[if EDITOR]
html,body {
    padding: 10px;
	background: none;
}
p {
    line-height: 140%;
    color: #474747;
}

ul {
    list-style: none;
}
ul li {
    background: url(../img/arrow_li.gif) 2px 4px no-repeat;
    padding: 0 0 0 13px;
    height: 20px;
}
a {
    color: #8793b9;
    text-decoration: none;
    cursor: pointer;
}
a:focus {}
a:hover {
    color: #303030;
    text-decoration: underline;
}
a:active {}

a img {
    border: 0;
}
[endif]
*/

/* Text */

p {
    line-height: 140%;
    color: #666666;
	padding: 0px 0px 0 0px;
}

h1 {
    font-size: 17px;
    color: #444444;
    font-weight: bold;
	padding: 0px 5px 10px 0px;
}

h2  {
    font-size: 13px; 
    color: #666666;
    font-weight: bold;
    margin-top: 20px;
	padding: 0px 0 5px 0;

}



h3  {
    font-size: 14px;
    color: #444444;
    font-weight: bold;
    padding: 20px 5px 10px 0px;
}

h4 {
    font-size: 11px;
    color: #444444;
    font-weight: bold;
    padding: 15px 5px 0px 5px;
}

h5 {
    font-size: 13px; 
	color: #333333;
    font-weight: bold;
    padding: 5px;
	background: transparent url(../img/bg_h2.jpg) center 0 repeat-x;
	margin-top:20px;
}

h6 {}

/* Links */

a {
    color: #84af01;
    text-decoration: none;
    cursor: pointer;
	font-weight: bold;
}

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

a img {
    border: 0;
	background-image: none;
}

/* Tables */

table {
    width: 100%;
}
td {
    text-align: left;
    padding: 2px;
    vertical-align: top;
}

th { /* [asn] keine Ahnung wofür das gedacht ist */
    background: #ffffff;
    height: 20px;
    vertical-align: middle;
    text-align: center;
}

table tr th,
table thead th {}

table tr td,
tbody td {}

/* Listings */
ul {
    list-style: none;
}

#content ul {
    list-style: none;
    padding: 4px 5px 5px 5px;
}
#content ul li {
    background: url(../img/arrow_li.gif) 2px 4px no-repeat;
    padding: 0 0 4px 13px;
	color: #666666;
}

#content ol {
    margin: 0 0 0 25px;
	color: #666666;
}
	
ol li {}

.imageborder    { 
	border: 1px solid #ebeced;  
	margin: 3px 10px 3px 0px; 
	padding: 1px;
}


/* Form fields */

input.text {
    border: 1px solid #CCC;
    background: #FFFFFF;
    padding: 2px;
}
input.submit {
    border: 1px solid #ccc;
	background: #cccccc;
    color: #444444;
    border: 0;
    margin: 0;
    padding: 2px;
	font-weight: bold;
}

strong {
    font-weight: bold;
}

abbr {
    border: 0;
}

/*  Template    : alle Templates
    Author      : Gerold Hinzen, Open New Media GmbH
    Description : Selektoren die ueberall Verwendung finden
*/


.clear {
    clear: both;
}

.clear-fix {
    clear: both;
    height: 1px;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.float-left190px { 
	float: left; width:190px; padding-right:10px;
}

.float-left346px { 
	float: left; width:346px;  
}

.float-left268px { 
	float: left; width:268px;  
}

.ul-neben-img     { 
	float: left; width:340px; 
}

.small-text {
    font-size: 9px;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}
em {
    font-style: italic;
}



tr.hightlight_light {
    background: #f2f2f2;
}

tr.hightlight_dark {
    background: #e5e5e5;
}

.nomargin {
    margin: 0 !important;
}

.noborder {
    border: 0 !important;
}

.move {
    position: absolute;
    left: -9000px;
    top: -9000px;
}

.requiredmarker {
    color: #8793b9;
}

/*  Template    : alle Templates
    Author      : Gerold Hinzen, Open New Media GmbH
    Description : Link-Darstellung mit Icons
*/

.download_link_default {
    display: block;
    height: 16px;
    padding: 1px 0 2px 20px;
    background: url(../img/icons/icon_download_image.gif) 0 0 no-repeat;
    cursor: pointer
}
.download_link_pdf {
    height: 16px;
    padding:0px 0 2px 20px;
    background: url(../img/icons/icon_download_pdf.gif) 0 0 no-repeat;
    cursor: pointer
}
.download_link_zip {
    height: 16px;
    padding: 1px 0 2px 20px;
    background: url(../img/icons/icon_download_zip.gif) 0 0px no-repeat;
    cursor: pointer
}
.download_link_jpg {
    height: 16px;
    padding: 1px 0 2px 20px;
    background: url(../img/icons/icon_download_image.gif) 0 0 no-repeat;
    cursor: pointer
}
.download_link_png {
    display: block;
    height: 16px;
    padding: 1px 0 2px 20px;
    background: url(../img/icons/icon_download_image.gif) 0 0 no-repeat;
    cursor: pointer
}
.download_link_gif {
    height: 16px;
    padding: 1px 0 2px 20px;
    background: url(../img/icons/icon_download_image.gif) 0 0 no-repeat;
    cursor: pointer
}
.download_link_doc {
    height: 16px;
    padding: 0px 0 2px 20px;
    background: url(../img/icons/icon_download_word.gif) 0px 0px no-repeat;
    cursor: pointer;
}
.download_link_cal {
    display: block;
    height: 16px;
    padding: 0px 0 0px 20px;
    background: url(../img/icons/icon_cal.gif) 0px 0px no-repeat;
    cursor: pointer;
}



.link_intern  {
    line-height: 18px;
	padding: 0px 0px 0 13px;
	background: url(../img/icons/icon_linkintern.gif) 0px bottom no-repeat;
	cursor: pointer
 }
 
.teaser-morelink  {
    line-height: 18px;
	margin-left: 5px;
	padding: 0px 0px 0 13px;
	background: url(../img/icons/icon_linkintern.gif) 0px bottom no-repeat;
	cursor: pointer
}

.link_extern {
    line-height: 18px;
	padding: 0px 0px 0 20px;
	background: url(../img/icons/icon_linkextern.gif) 0px bottom no-repeat;
    cursor: pointer
}
.link_mail {
    line-height: 18px;
    padding: 0px 0 0px 20px;
    background: url(../img/icons/icon_email.gif)  0px bottom no-repeat;
    cursor: pointer
}


.link_media {
    display: block;
    height: 16px;
    padding: 1px 0 2px 20px;
    background: url(../img/icons/icon_media.gif) 0 0 no-repeat;
    cursor: pointer
}




.phone {
    line-height: 18px;
	padding: 0px 0px 0px 20px;
	background: url(../img/icons/icon_phone.gif) 0px bottom no-repeat;
    cursor: pointer
}

.fax {
    line-height: 18px;
	padding: 0px 0px 0px 20px;
	background: url(../img/icons/icon_fax.gif) 0px bottom no-repeat;
    cursor: pointer
}



/*  Template    : alle Templates
    Author      : Gerold Hinzen, Open New Media GmbH
    Description : Status-Boxen zum Anzeigen des Status (erfolgreich, fehler, geloescht)
*/

.warning_success {
    font-size: 11px;
    color: #a7ce17;
    border: 1px solid #a7ce17;
    padding: 10px;
}

.infobox_info {
    border: 1px solid #d6d6d6;
    background: #f8f8f8 url('../img/icons/icon_information.gif') 10px 6px no-repeat;
    color: #264a5a;
}

.infobox_info strong{
    color: #669900;
}

.infobox_alert p {
	margin: 0px 5px 10px 25px;
}
.infobox_alert li {
	margin-left: 25px;
}

.infobox_info,
.infobox_success,
.infobox_alert,
.infobox_error {
    font-size: 11px;
    margin: 0 0 10px 0;
    /*width: 450px;*/
    padding: 8px 8px 8px 36px;
	color: #669900;
}

.infobox_success {
    border: 1px solid #d7f07f;
    background: #e7f6b2 url(../img/icons/icon_success.gif) 10px 6px no-repeat;
    color: #889a47;
}

.infobox_alert {
    border: 1px solid #f0d17f;
    background: #f6e7b2 url(../img/icons/icon_alert.gif) 10px 6px no-repeat;
    color: #cf8f54;
}
.infobox_error {
    border: 1px solid #d4d4d4;
    background: #ededed url(../img/icons/icon_error.gif) 10px 6px no-repeat;
    color: #a6a6a6;
}
.infobox_info li {
    color: #264a5a;
}
.infobox_success li {
    color: #889a47;
}
.infobox_alert li {
    color: #cf8f54;
}
.infobox_error li {
    color: #a6a6a6;
}

.infobox_alert a {
    color: #cf8f54 !important;
    text-decoration: none;
}
.infobox_alert a:hover {
    text-decoration: underline;
}


/*  Template    : alle Templates
    Author      : Gerold Hinzen, Open New Media GmbH
    Description : Werbebanner
*/

#content-advertising {
    width: 536px;
    height: 75px;
    position: relative;
    margin: 0 0 10px 6px;
    background: url(../img/bg_advertising_en.gif) 0 0 no-repeat;
}

#content-advertising a {
    position: absolute;
    top: 2px;
    left: 2px;
}

#content-advertising.calang-de {
    background: url(../img/bg_advertising_de.gif) 0 0 no-repeat;
	width: 536px;
    height: 75px;
}

img .banner_new {
	display: block;
    text-align: center;
}

a img .banner_new {
    height: 60px;
	width: 500px;
	display: block;
    text-align: center;

}

/* NEU 17.06.2009 / 14:00 Uhr ONM */

#print_header {
    display: none;
}

/* FORMULARE */
form {
	margin: 6px;
}
form label {
	width: 140px;
	float: left;
	margin-bottom: 3px;
}
form input.text {
	width: 200px;
	margin-bottom: 3px;
}
form select {
	width: 206px;
	margin-bottom: 3px;
}
form input.radio {
	float: left;
	margin-right: 2px;
	margin-left: 6px;
	display: block;
}
form input.checkbox {
	margin-right: 3px;
	margin-top: 3px;
}

#plz {
	width: 55px;
	margin-right: 0px;
}

#ort {
	width: 135px;
	margin-left: 0px;
}
#herr, #frau {
	float: none;
	display: inline;
}
orm #standkalk { 
    /* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#EAF4CF), color-stop(0.1, #fff));
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(left top, #ffffff, #EAF4CF 100%);
    /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#FFFFFFFF, endColorStr=#FFEAF4CF, GradientType=1);
    /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FF256f89, GradientType=1)";
    /* For WebKit (Safari, Google Chrome etc) */
    -webkit-border-radius: 15px;
    /* For Mozilla/Gecko (Firefox etc) */
    -moz-border-radius: 15px;
    /* For Opera */
    border-radius: 15px;
    display: block;
    margin-bottom: 5px;
    height: 40px;
}
form #standkalk h3{
    font-size: 11px;
    color: #444444;
    margin: 13px 5px 0px 0px;
    padding: 0px;
    float: left;
    margin-bottom: 0px;
}
form  #standkalk #standkalkzahl  {
    float: left;
    margin: 5px 7px 0px 0px;
    height: 26px;
    width: 21px;
    padding: 0px 0px 0px 4px;
    border: #444444 2px solid;
    font-size: 20px;
    background-color: #EAF4CF;
    color: #ffffff;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
form #standart  {
	margin-left: 0px;
}