/*************************************
   WELCOME TO THE CUSTOM STYLESHEET
--------------------------------------
              style.css
        BlueTrip CSS Framework
    Put your custom styles in here.
***************************************/

/**************************************/
/*           COLOR SCHEME             */
/**************************************
- black		#000
- white		#fff
-           #
-           #
-           #
***************************************/
a, a:link, a:visited {color:#b10c27; text-decoration:none;}
a:hover {color:#808080; text-decoration:underline;}
/**************************************/
/*              GLOBALS               */
/**************************************/
body {margin:0; padding:0; background:url(../img/gradient_background2.jpg) repeat-x 0 -108px; background-color:#eeeeee;color:#404040; padding-top:0px; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;}
html, body {width:100%; height:100%;}
.container {}
.sitebg{ width:100%; height:100%; margin:0; padding:0; background:url(../img/fb_background.png) no-repeat center top; min-height:900px;}

/**************************************/
/*              HEADER                */
/**************************************/
#header .inner {margin:0; padding:0; width:178px; height:80px; background:url(../img/logo.png) no-repeat top; margin-left:10px; margin:10px 0;}
#header h1 {margin:0; padding:0; visibility:hidden; display:none;}

/**************************************/
/*             NAVIGATION             */
/**************************************/

#breadcrumbs {/*background:url(../img/white-trans.png) repeat; border:1px solid #808080;*/}
#breadcrumbs .breadcrumbs {line-height:20px; height:20px; color:#404040;display:block; float:left; }
#breadcrumbs a {color:#b10c27; padding:0; margin:0; text-decoration:none;line-height:20px; height:20px;}
#breadcrumbs a:visited {color:#b10c27;}
#breadcrumbs a:hover {color:#404040; text-decoration:underline;}
#breadcrumbs .home_path { background:url(../images/home_pathway.gif) no-repeat; height:15px; width:15px;float:left; margin-left:8px; margin-top:3px;}
#breadcrumbs a .home_path  { background:url(../images/home_pathway_active.gif) no-repeat; }
#breadcrumbs .home_path span {display:none;visibility:hidden;}
#breadcrumbs a, #breadcrumbs img  {float:left;}
#breadcrumbs img {margin:5px 4px 0 4px;}

#topmenu .inner { height:80px; margin:10px 0;}
#topmenu ul {margin: 0; padding: 0; list-style-type: none; width:100%; }
#topmenu li {float:left; padding: 0px;  margin:0; display:inline;}
#topmenu a { width:150px; text-decoration:none; color: #b10c27; margin:0; margin-top:25px; padding:0; display:block; font-size:16px; line-height:40px; height:40px; text-align:center;}
#topmenu a span { display:block; margin:0;text-align:center;}
#topmenu a:hover {color: #404040; display:block; background:url(../img/hover.png) no-repeat center; }

/*
#topmenu .item1 a {background:url(../images/home_off.gif) no-repeat top center;}
#topmenu .item1 a:hover {background:url(../images/home.gif) no-repeat top center;}
#topmenu .item2 a {background:url(../images/arminia_off.gif) no-repeat top center transparent;}
#topmenu .item2 a:hover {background:url(../images/arminia.gif) no-repeat top center; color:#0848a8;}
#topmenu .item27 a{background:url(../images/service_off.gif) no-repeat top center;}
#topmenu .item27 a:hover {background:url(../images/service.gif) no-repeat top center;}
#topmenu .item37 a {background:url(../images/partner_off.gif) no-repeat top center;}
#topmenu .item37 a:hover {background:url(../images/partner.gif) no-repeat top center;}
#topmenu .item41 a {background:url(../images/kontakt_off.gif) no-repeat top center;}
#topmenu .item41 a:hover {background:url(../images/kontakt.gif) no-repeat top center;}
*/
#submenu {}
#submenu .inner { /*background:url(../img/red-trans.png) repeat; border: 1px solid #606060;*/  margin:0 0; padding: 0 0px}
#submenu ul {margin: 0; padding: 0; list-style-type: none; none; width:100%; }
#submenu li { padding: 0;  margin:0 8px; width:100%;}
#submenu a {color: #808080; font-size:14px; }
#submenu a:hover {color: #b10c27; text-decoration:none;} 
#submenu h3 {color: #303030; border-bottom:1px solid #b10c27; font-weight:lighter; padding:8px; margin: 10px 0;}
/**************************************/
/*            MAIN CONTENT            */
/**************************************/
#content .inner {/*background:url(../img/white-trans.png) repeat; border: 1px solid #dedede;*/ display:block; padding:8px; margin:0px 0;}
#content .module { display:block; padding:0px; margin:10px 0 0 0; position:relative;}

.componentheading, .componentheadingservice {color:#202020; font-weight:lighter;}
.contentheading, .contentheadingservice{color:#b10c27; font-weight:lighter;  padding-bottom:0;}
.iteminfo, .articleinfo{font-size:10px; display:block; margin-top:0; margin-bottom:8px;}
.iteminfo span, .articleinfo span {display:block;}
.buttonheading{}


ul#productfader { width:950px; }
ul#productfader li {width:950px; /*background:url(../img/gradient_background2.jpg) repeat-x 0 -198px;*/}
ul#productfader.ucd_jqueryfader li ul li {height:auto; }
ul#productfader { width:710px; }
ul#servicefader li {width:710px; /*background:url(../img/gradient_background2.jpg) repeat-x 0 -202px;*/}

.ucd_title {position: absolute; left: 40px; top: 40px; font-size:16px; color:#b10c27; z-index:10;}
.ucd_title a {color: #b10c27; text-decoration:none; z-index:50; position:relative;}
.ucd_title a:hover {color: #eeeeee;}
.ucd_date {position: absolute; left:40px; top:60px; z-index:5; font-color:#eeeeee;}
.ucd_sec_cat {position: absolute; left: 40px; top: 60px;z-index:5;}
.ucd_introtext {position: absolute; left: 0px; top: 0px; width:950px;z-index:5;}
.ucd_readon {position: absolute; right: 40px; bottom: 10px;z-index:5;}

#page {position:relative;}
.article_separator{display:block; border-bottom:1px dotted #cccccc}

.contact input.invalid,.contact textarea.invalid {
border:solid 1px red;
}

.contact .marker {color:#b10c27; font-weight:bold; font-style:italic;}
.contact label.invalid {
color:red;
}

.contact_address {

}
.contact_address p {float:left; clear:both;}

.inputbox {
float:left;
margin-bottom:10px;
width:300px;
}


#contact_email_copy {
float:left;
clear:both;
margin-bottom:10px;
}

#emailForm {
display:bock;
border-left:1px dotted #cccccc;
padding-left: 10px;
float:right;
top:100px;
right:0;
width:520px;
}

#emailForm label {
width:200px; display:block; float:left; clear:both;
}

#emailForm label.copy {width:450px; display:block; float:left; clear:none; padding-left:10px;}


#emailForm .button{ float:right; clear:both; }

/*Top level menu*/
ul.pagination{margin: 0; padding: 0; list-style-type: none;}
/*Top level list items*/
ul.pagination  li{position: relative; display: inline; float: left;}

p.readon, p.readonservice{  clear:both; padding:10px 0;}
/**************************************/
/*               FOOTER               */
/**************************************/
#footer {align:center; text-align:center; font-size:10px; margin-top:10px;}

.blogservice .column1 {width:330px; float:left; margin-right:10px; padding-right:10px;  border-right:1px dotted #cccccc;}
.blogservice .column2 {width:330px; float:left; }
.blogservice .article_separator{visibility:hidden; display:none; float:left; height:0; width:0; margin:0; padding:0;}
.blogservice .article_column {margin-bottom:10px;} 
.blogservice .cols2 {}
.blogservice .article_rowservice {display:block; clear:both; border-top:1px dotted #cccccc; padding-top:10px; }