/**
 *  copyright Alnovi
 *  All Rights resered 
 *  Author: Andreas Jonderko
 */

/***********************************************
FLOATINGS & CLEARINGS
***********************************************/
.fleft  {float: left;}
.fright {float: right;}
.cleft  {clear: left;}
.cright {clear: right;}
.cboth  {clear: both;} 
 
/* CLEARFIX */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

* html .clearfix { height: 1%; }
.clearfix { display: block; }

.clear{font-size: 1px; }

 
/***********************************************
Verwendete Farben:
***********************************************/

.bgr_black        {}
.bgr_white        {background-color: #ffffff;}
.bgr_grey         {background-color: #c8c8c8;}
.bgr_middlegrey   {background-color: #e6e6e6;}
.bgr_brightgrey   {background-color: #f5f5f5;}
.bgr_orange       {background-color: #ff5208;}
.bgr_red          {background-color: #fff;}
.bgr_blue         {background-color: #214e80;}
.bgr_green        {background-color: #2a802c;}
.bgr_brightorange {background-color: #f0a032;}
.bgr_brightgreen  {background-color: #39ad3a;}

.font_orange       {color: #eeb032;}
.font_brightorange {color: #f0a032;}
.font_grey         {color: #323231;}
.font_brightgrey   {color: #5b5b5a;}



/***********************************************
Image:
***********************************************/
.paddingImage{padding: 5px;}
img {border: 0;}


/***********************************************
  generelle Einstellungen
***********************************************/
* {margin: 0;padding: 0; }
iframe{border: 0px;}

body {text-align:center; background-color: #E6E6E6; margin: 0px 0px 0px 0px; }
html {}
table, table tr, table td{border-collapse: collapse;}
 

/***********************************************
  Links
***********************************************/
a:link, 
a:visited,
a:focus,
a:active {color: #ff5208;	text-decoration: none;} /*background: transparent url('../gfx/symbol_arrow.gif') 0% 50% no-repeat;*/
a:hover {color: #ff5208;text-decoration: underline;}
a[href^="http:"] {} /*background: transparent url('../gfx/symbol_arrow_outside.gif') 0% 50% no-repeat;*/

/*Button stylings*/ 
.button{height: 20px; background-color: #ff5208; padding: 0 5px; color:white !important; border: 1px solid white;}
.button:hover{border: 1px solid black; text-decoration: none;}

.developer a:link, 
.developer a:visited,
.developer a:focus,
.developer a:active {color: #66cccc;} 
.developer a:hover {color: #66cccc;}

.developer .button{background-color: #66cccc;}

.hosting a:link, 
.hosting a:visited,
.hosting a:focus,
.hosting a:active {color: #a9cc66;} 
.hosting a:hover {color: #a9cc66;}

.hosting .button{background-color: #a9cc66;}


/*Hosting Links */
#administration {background: transparent url('../gfx/dev/hosting_admin.gif') 0% 50% no-repeat; padding-left: 20px; color:black;}
#webmail      	{background: transparent url('../gfx/dev/hosting_webmail.gif') 0% 50% no-repeat; padding-left: 20px; color:black;}
#hostingpacket	{background: transparent url('../gfx/dev/hosting_packet.gif') 0% 50% no-repeat; padding-left: 20px; color:black;}
#information  	{background: transparent url('../gfx/dev/hosting_info.gif') 0% 50% no-repeat; padding-left: 20px; color:black;}
#radioChill   	{background: transparent url('../gfx/dev/radio.gif') 0% 50% no-repeat; padding-left: 20px; color:black;}
#radioRock    	{background: transparent url('../gfx/dev/radio.gif') 0% 50% no-repeat; padding-left: 20px; color:black;}
#help   	  	{background: transparent url('../gfx/hosting/help.gif') 0% 50% no-repeat; padding-left: 20px; color:black;}


/***********************************************
  Textformatierung
***********************************************/
body, h1, h2, h3, h4, h5, h6, 
p, td, form, input, select, 
textarea { font-family: Trebuchet MS; font-size: 0.9em; line-height: 1.2em; color: #323231;}


.hosting h3{color: #a9cc66;}

/***********************************************
FORMS
***********************************************/
input{border: 1px solid grey;}
fieldset{border: 0px;}

.alnovi textarea, .alnovi input{background-color : white; border: -1px solid: f7f7f7;}
.developer textarea, .developer input{background-color : white; border: -1px solid: f7f7f7;}
.hosting textarea, .hosting input{background-color : white; border: -1px solid: f7f7f7;}
.alnovi textarea:hover, .alnovi input:hover{background-color : #ffaa86; border: -1px solid #ffaa86; color: white;}
.hosting textarea:hover, .hosting input:hover{background-color : #a9cc66; border: -1px solid #a9cc66; color: white;}
.developer textarea:hover, .developer input:hover{background-color : #66cccc; border: -1px solid #66cccc; color: white;}



h1, h2, h3, h4, h5, h6 { letter-spacing: 0.01pt;margin-bottom: 0.5em; color: #595959; font-size: 1.1em;}
h2 {margin-bottom: 0.5em; font-size: 14px; font-weight: bold; }
h3 {margin-bottom: 0.4em; font-size: 11px; font-weight: bold;}
h4 {margin-bottom: 0.3em; font-size:  10px; font-weight: bold;}
h5 {margin-bottom: 0.2em; font-size:  9px; font-weight: bold;}
h6 {margin-bottom: 0.2em; font-size:  8px; font-weight: bold;}


/* rb tabs
///////////////////////////////////////////////////////////////*/
.rgtabs-wrapper {
border:1px solid #E6E6E6 !important;
clear:both;
margin:0px 5px 10px 2px;
overflow:hidden;
padding:10px;
}

/* gallery */
.jdGallery .slideInfoZone, .jdGallery .slideInfoZone p, .jdGallery a.carouselBtn, .jdGallery .carousel{
background:#FFFFFF !important;
color:#222222 !important;
}
.myGallery{border: 1px solid #EDEDED !important;}
.tx-rgsmoothgallery-pi1 {margin: 2px 0px 10px 5px;}

/* csc mailform properties
///////////////////////////////////////////////////////////////*/
.csc-mailform-field {
    clear: both;
    display: block;
    margin-bottom: 0.3em;
    width: 100%;
}
.csc-mailform legend {display: none;}
.csc-mailform-field input, .csc-mailform-field select,
.csc-mailform-field textarea {width: 200px;}
.csc-mailform-field label {float: left; width: 300px;}
.csc-mailform-radio fieldset{}
.csc-mailform-radio input, .csc-mailform-radio label {
    display: inline;
    float: left;
    margin-bottom: 0.3em;
}

.csc-mailform-field input.csc-mailform-radio,
.csc-mailform-field .csc-mailform-check {
    background: none;
    clear: left;
    border: none;
    margin-right: 4px;
    width: 20px;
}
.csc-mailform-radio label, .csc-mailform-check label {text-align: left;} 

.csc-mailform-submit {margin-left: 300px; margin-top: 20px;}

/***********************************************
  Sitemap
***********************************************/

.csc-sitemap{padding: 0 0 0 10px;}
.csc-sitemap a, .csc-sitemap a:hover, .csc-sitemap a:active, .csc-sitemap a:visited {background: transparent url(''); color: #5b5b5a;}
.csc-sitemap a:hover {text-decoration: underline;}
/* 0 */
.csc-sitemap  {margin: 0 0 30px 20px; }
.csc-sitemap ul li{list-style: none url();}
.csc-sitemap ul li a{margin-left: 20px;  font-weight: bold; font-size: 13px; text-transform: uppercase; }
/* 1 */
.csc-sitemap ul li ul{margin-bottom: 10px;}
.csc-sitemap ul li ul li{}
.csc-sitemap ul li ul li a{font-weight: bold; font-size: 12px; text-transform: capitalize; }
/* 2 */
.csc-sitemap ul li ul li ul{margin-bottom: 5px; }
.csc-sitemap ul li ul li ul li{}
.csc-sitemap ul li ul li ul li a{ font-weight: normal; font-size: 11px;}
/* 3 */
.csc-sitemap ul li ul li ul li ul{margin-bottom: 0px; }
.csc-sitemap ul li ul li ul li ul li{}
.csc-sitemap ul li ul li ul li ul li a{ font-weight: normal; font-size: 10px; }



/***********************************************
  Struktur
***********************************************/
.wrapper{width: 900px; margin-left:auto; margin-right:auto; text-align: left;}

.wrapper .right{float: right;}
.wrapper .left{float: left;}

.thumbnail{}
.thumbnail img{width: 60px; height: 44px;}

/*HEADER*/
div#header_top_container{height: 30px; background-color: #E6E6E6;}
div#header_top_container h3{color: #323231; font-size:0.8em; font-weight:bold; line-height: 1.5em; vertical-align:baseline; }
div#header_top_container .tx-felogin-pi1{margin-top: 5px; float: left; width: 500px;}
div#header_top_container .tx-felogin-pi1 h3{float: left; margin-right: 5px;}
div#header_top_container .tx-felogin-pi1 form legend{float: left; margin-right: 5px;}
div#header_top_container .tx-felogin-pi1 form div{float: left; margin-right: 5px;}
div#header_top_container .tx-felogin-pi1 input{width: 70px; height:16px;}
div#header_top_container .tx-felogin-pi1 .inputSubmit{height:18px;}

div#header_top_container #searchformWrapper{width: 220px;margin-top: 5px;}
div#header_top_container #searchformWrapper h3{float: left; margin-right: 5px;}
div#header_top_container #searchformWrapper #search_form{}
div#header_top_container #searchformWrapper #search_form dl dt{float: left; margin-right: 5px;}
div#header_top_container #searchformWrapper #search_form dl dd{float: left; margin-right: 5px;}
div#header_top_container #searchformWrapper #search_form input{height: 16px;}
div#header_top_container #searchformWrapper #search_form input.searchsubmit{height: 18px;}




div#header_container{ height: 80px; margin-bottom: 10px; }
.header_top     {height: 53px;  }
/*no link grafics in the header*/
.header_top a{background: transparent url(''); margin: 0; padding: 0;}
.header_bottom  {height: 17px;}
div#header_logo {height: 80px; width: 150px; float: left;}
/*no link grafics in the logo (Iexplorer nees this...)*/
div#header_logo a{background: transparent url(''); margin: 0; padding: 0;}
div#header_flash{height: 80px;}
div#header_menu {clear: left; text-align: right; height: 0px;}
div#header_menu img{margin-right: 5px;}

#menu1{float: right;}


ul#subnavlist { display: none;}
ul#subnavlist li { float: none;}
ul#subnavlist li a{padding: 0px;margin: 0px;}

/*LEFT*/
/*CONTENT*/
#contentWrapper{background-color: #f7f7f7; padding-top: 10px; padding-bottom:30px;}


div#content_container{margin: 0px 0 0 0; clear: left; width: 700px; float: left; } 
div#content_container .content_element_inner{padding: 3px 5px 3px 10px;}


.content_element_outer {border: 1px solid #f5f5f5; margin: 0 5px 10px 0px;  background-color: #fff;}
.content_element_shadow{border: 1px solid #e6e6e6;}
.content_element_inner{border: 0px solid #ffaa86; }
.content_element_inner ul{padding-left: 20px; list-style: square url();}






.ads{text-align: center;}
.ads .headline_box{text-align: left;}

.headline_top {margin: 3px 3px 5px 3px;}
.headline_bottom {height: 7px; margin: 5px 3px 3px 3px;}
.headline_box {color: #404040; margin: 0 0 0 0; }

.alnovi .content_selected{border: 1px solid #ffaa86;}
.alnovi .content_selected h1, .alnovi .content_selected h2, .alnovi .content_selected h3{color: #ff5208;}
/*.alnovi .headline_box {color: #ff5208; margin: 0 0 0 0; }*/


.hosting .content_selected{border: 1px solid #a9cc66;}
.hosting .content_selected h1, .hosting .content_selected h2, .hosting .content_selected h3{color: #a9cc66;}
/*.hosting .headline_box {color: #a9cc66; margin: 0 0 0 0; }*/

.developer .content_selected{border: 1px solid #66cccc;}
.developer .content_selected h1, .developer .content_selected h2, .developer .content_selected h3{color: #66cccc;}
/*.developer .headline_box {color: #66cccc; margin: 0 0 0 0; }*/

/*
#f5f5f5;}
#e6e6e6;}
#c8c8c8
*/

/*.bgr_headline{background: url(../gfx/headline_pixel.gif) no-repeat;}*/
/*.bgr_headline h2{background: url(../gfx/menu_bullet.gif) no-repeat;}*/

.full   {width: 693px; clear: left;}
.half   {width: 343px; float: left;}
.third  {width: 226px; float: left;}
.quarter{width: 245px; float: left;}

/*IE*/

/*RIGHT*/
div#right_container{margin-top: 0px; width: 198px; float: right;}
div#right_container .content_element_outer{margin-right: 0;}
div#right_container .content_element_inner h3{padding: 0 5px;}
div#right_container .content_element_inner p{padding: 0 5px;}


/*NEWS*/
/*news rechte box*/
div#news{}
/*news content box*/
.date{font-weight: normal;}
.news-single-item h2{font-size: 12px; background: transparent url('');}
.news-single-item p{padding-left: 25px;}
.news-single-img{float:left; margin-left: 20px; padding: 0 5px;}



div#projekte{}

/*FOOTER*/
div#footer_container{padding: 15px 0; clear: both; background-color: #E6E6E6;}
div#footer_container .content_element_inner{border: 0 !important; background-color: #e6e6e6 !important; margin:0 !important;padding:0 !important;}
div#footer_container .content_element_inner p{padding:0!important;}
div#footer_container .content_element_shadow{border: 0 !important;}
div#footer_container .wrapper{}
div#footer_container p{font-size: 11px; color: #5b5b5a;}
div#footer_container a{font-size: 11px; color: #5b5b5a; background: transparent url(''); margin: 0; padding: 0;}


div#footer_container #footer_col2{/*border-right: 1px solid white; border-left: 1px solid white; */line-height: 1.5em;}
div#footer_container .footer_col{float:left; width: 255px; padding: 5px 30px; color: #5b5b5a;}
div#footer_container #footer_col1{padding-left: 0;}
div#footer_container #footer_col3{padding-right: 0;}
div#footer_container .footer_col p{color: #5b5b5a; line-height: 1.5em;}
div#footer_container .footer_col a:link,
div#footer_container .footer_col a:visited,
div#footer_container .footer_col a:focus,
div#footer_container .footer_col a:active {color: #5b5b5a; line-height: 1.5em;}
div#footer_container .footer_col a:hover {color: #5b5b5a; line-height: 1.5em;}


/*COL1*/
div#footer_container #footer_col1 h1{color: #5b5b5a; font-size: 1.0em; margin: 0 0 1px 0; padding:0; width: 80px;}
div#footer_container #footer_col1 .content_element h1,
div#footer_container #footer_col1 .content_element h2,
div#footer_container #footer_col1 .content_element h3,
div#footer_container #footer_col1 .content_element h4,
div#footer_container #footer_col1 .content_element h5,
div#footer_container #footer_col1 .content_element h6{margin: 0; padding:0 10px 0 0; height: 20px; float: left; vertical-align: top; line-height: 1.4em;}

div#footer_container #footer_col1 .content_element h1{font-size: 1.3em;}
div#footer_container #footer_col1 .content_element h2{font-size: 1.2em;}
div#footer_container #footer_col1 .content_element h3{font-size: 1.1em;}
div#footer_container #footer_col1 .content_element h4{font-size: 1.0em;}
div#footer_container #footer_col1 .content_element h5{font-size: 0.9em;}
div#footer_container #footer_col1 .content_element h6{font-size: 0.8em;}


/*COL2*/
div#footer_container .footer_col .footer_col_inner h1{color: #5b5b5a; font-size: 1.0em;}
div#footer_container .footer_col .footer_col_inner{float: left; width: 126px;}
div#footer_container .footer_col .footer_col_inner_right h1{background: transparent url(../gfx/telefon.gif) no-repeat -3px 0; padding-left: 15px;}
div#footer_container .footer_col .footer_col_inner_right dd{background: transparent url(../gfx/formular.gif) no-repeat 0 50%; padding-left: 15px;}


/*COL3*/
div#footer_container #footer_col3 img{margin-bottom: 5px;}
div#footer_container .footer_col .footer_col_rights{margin-top: 5px;}
div#footer_container .footer_col .footer_col_rights dd{float: left; padding-right: 10px; font-size: 0.9em;}
div#footer_container .footer_col .footer_col_rights dd a:link,
div#footer_container .footer_col .footer_col_rights dd a:visited,
div#footer_container .footer_col .footer_col_rights dd a:focus,
div#footer_container .footer_col .footer_col_rights dd a:active {color: #5d5e60; line-height: 1.5em;}
div#footer_container .footer_col .footer_col_rights dd a:hover {color: #5d5e60; line-height: 1.5em;}



/*W3C XHTML*/
p#w3c{text-align: center;}
p#w3c a{background: transparent url(''); margin: 0; padding: 0;}



/*Reference*/
div.reference{}
div.reference h1.headline{float: left;}
div.reference div.time{padding: 5px 10px 0 5px; text-align: right;}
div.reference span.sub{padding: 0 5px;font-size: 11px; letter-spacing: 0.01pt;margin-bottom: 0.5em;color: #5b5b5a; font-weight: bold;}
div.reference span.timevalue{font-size: 11px;}
div.reference div.logo{float:right; padding-left: 10px; width:216px}
div.reference div.logo img{}
div.reference div.screenshotWrapper{clear: right; float: right; margin: 20px 0 20px 20px; width: 216px;}
div.reference div.screenshotWrapper img {float: left; padding-right: 1px; padding-left: 3px; padding-bottom: 5px;}
div.reference div.description{clear: left;}



/*News*/

.news-list-item{margin-bottom: 10px;}


/*Search*/
.tx-indexedsearch{}
.tx-indexedsearch .sword{height: 25px; width: 405px; font-size: 16pt;}
.tx-indexedsearch select{width: 200px;}
.tx-indexedsearch fieldset div label{display: block; height: 15px; font-weight: bold;}
.tx-indexedsearch fieldset div{margin-bottom: 5px;}
.tx-indexedsearch-browsebox{padding: 20px 0px;}
.tx-indexedsearch-browsebox ul {padding:0;}
.tx-indexedsearch-browsebox ul li{float: left; list-style-type: none; margin-right: 10px; font-size: 0.9em}
.tx-indexedsearch-res{padding-top: 20px;}
.tx-indexedsearch-redMarkup{color: #ff5208;}
.tx-indexedsearch-icon icon{}
.tx-indexedsearch-result-number result-number{}
.tx-indexedsearch-title a{font-size: 14pt;}
.tx-indexedsearch-percent {font-weight: bold;}
.tx-indexedsearch-info {margin-top: 5px; font-style: italic; font-size: 11px;}
.tx-indexedsearch-desc{white-space: normal;}
.tx-indexedsearch-percent{float: right; font-size: 12pt;}





/* FORMULAR */


/*captcha*/
.tx-srfreecap-pi2-image {float:left; margin-left:1em;}
.tx-srfreecap-pi2-cant-read {
 display:block;
 float:left;
 font-size:0.9em;
 width:150px;
 margin-left: 10px;
 margin-top: 10px;
 color: inherit;
}

.powermail_check_inner{width:50px;}
.powermail_check_inner input{border: 0;}

.form dt, .form dd{color: #5d5e60}

.tx_powermail_pi1_fieldwrap_html_checkbox_title  {display: none;}

.date2cal_img_help {display: none;}
.calendar {background-color: #61162d; }
.jscalendar_cb {display: none; }


.tx-powermail-pi1_fieldset{margin-top: -20px;}
.tx-powermail-pi1 legend{display: none;}
.tx-powermail-pi1 input{width: 300px; height: 18px; padding-top: 2px; font-size: 1.15em;} 
.tx-powermail-pi1 textarea{width: 300px; height: 80px;}


.tx_powermail_pi1_fieldwrap_html{margin-left: 250px; margin-bottom: 5px;}
.tx_powermail_pi1_fieldwrap_html label{display: block; font-weight: bold;}
.tx_powermail_pi1_fieldwrap_html_label{
	margin-left: 0px; 
	font-size: 1.1em; 
	margin-bottom: -15px; 
	margin-top: 25px; 
	color: #5d5e60; 
	font-weight: bold;
	width: 240px;
}

.powermail_radio_inner{height: 20px;}
.tx_powermail_pi1_fieldwrap_html_radio_title{}
.tx_powermail_pi1_fieldwrap_html_radio label{width: 400px; float: right;}
.tx_powermail_pi1_fieldwrap_html_submit{width: 70px; height: 50px; float: left; margin: 30px 20px 30px 150px;}



.tx_powermail_pi1_fieldwrap_html_reset{width: 70px; float: right; margin:0; padding:0; margin-top: 30px; margin-right: 180px}

input.jscalendar{width: 145px;}
input.jscalendar_cb{width: auto;}
input.powermail_submit{background-color: #f9611d; color: white; border: 0; padding: 3px; width: auto; height: auto; font-size: 1.0em;}
input.powermail_reset{background-color: #5d5e60; color: white; border: 0; padding: 3px; width: auto; height: auto; font-size: 1.0em;}
.powermail_mandatory_js{color: #f9611d;}

.tx-powermail-pi1_mandatory_submit{height: 20px !important; font-size: 1em !important;}


/* rgtabs */
.tx-rgtabs-pi1 .content_element_outer{border: 0; margin: 0;}
.tx-rgtabs-pi1 .content_element_inner{border: 0; margin: 0;}
.tx-rgtabs-pi1 .content_element_shadow{border: 0;}
.tx-rgtabs-pi1 .full{width: 663px;}