/*
Base CSS

@site       exportwegweiser.at v.2009
-------------------------------------------------------------------*/
html, body, div, span, a, form, textarea, input, select, h1, h2, h3, h4, h5, h6, p, ol, ul {font-family:'Arial', Verdana, Helvetica, sans-serif;margin:0;padding:0; height:auto; }
body {color:#353535;font-size:12px;position:relative;text-align:center; background-color: #ebebeb;}

/* @section =base
-------------------------------------------------------------------*/
#c-parent, #wrapper {margin: 0 auto; position: relative; text-align:left; width:990px; background-color:#fff; padding:0 15px 0 15px;background: #ebebeb url(../_img/shadow.jpg) repeat-y top center;}

#wrapper{ background:none; background-color:none; padding:0; width:1024px; }

#c-content { color:#353535; font-size:1em; min-height:200px;  width:100%;  float:left; padding: 60px 0 20px 0; background:url(../_img/shadow-bottom.jpg) repeat-x 100% 100%; }
* html #c-content{height:200px;}

#footer {height:61px; width:100%; float:left; background-color:#ebebeb; padding-top:10px; }

#imprint{ width:100%; margin-top:35px;}
#imprint ul{ margin:0 15px 0 20px;}
#imprint ul li{ float:left; margin-right:10px;}

#imprint .initiative li{ float:left;}

#social-bookmarks{ float:right; margin:0 18px 0 0 ;}
#social-bookmarks li{ float:left; margin:0 0 0 10px;}
#social-bookmarks span{ display:block; padding:9px 0 0 0;}

#c-header {height:auto; padding:19px 0 0 0; }


#font-size{ position:absolute; right:30px; top:20px; display:none;}
#font-size li{ float:left; margin:0 5px;}

#c-logo{ margin:0 0 30px 30px; padding:0; }


/*------------ Easy Slider --------------*/
#slider{   width:990px; overflow:hidden; }
#slider ul, #slider li{ overflow:hidden; margin:0; padding:0; list-style:none; }
#slider li{ width:990px; height:394px; overflow:hidden; }

span#nextBtn{ margin-right:20px;}
span#prevBtn, span#nextBtn{ float:right; position:relative; bottom:30px;}
span#prevBtn a, span#nextBtn a{ display:block; background:transparent url(../_img/previous.png) no-repeat top left; height:16px; width:10px; text-indent:-8000px; position:absolute; right:40px; }
span#nextBtn a{background:transparent url(../_img/next.png); position:absolute; right:0;}					

.header-pic-sub{ margin:20px 0 0 0; padding:0;}


/* ----- =header navigation ------------ */
#nav{background: url(../_img/nav-bg/nav_bg.jpg) repeat-x scroll left top; width: 100%; }
#nav li{margin:0;padding:0; float:left; }
#nav li a{ color:#fff; display:block; font-size:1em; padding:9px 15px; text-decoration:none; text-transform:uppercase; }
#nav li a:hover, #nav li a:active, #nav li a.active {background: transparent url(../_img/nav-bg/menu_bg_hover.jpg) repeat-x scroll right top;}

#searchbox{ float:left; width:100%; position:relative;}

#subnav{ font-size:1em; text-transform:uppercase;}
#subnav li, #subnav li a { margin:0 0 10px 0; padding:5px 0 0 0; background:url(../_img/nav-bg/sub_bg_top.gif) no-repeat top left; width:219px; height:auto;}
#subnav li a { display:block; margin:0; padding:0 0 5px 0; background:url(../_img/nav-bg/sub_bg_bottom.gif) no-repeat bottom left;}
#subnav li a span{display:block; border-left: solid 1px #dedede; border-right:solid 1px #dedede; padding-left:5px;}
#subnav a:hover, #subnav span.active{ color:#e2001a;}

#subnav li:hover, #subnav li a:hover { margin:0 0 10px 0; padding:5px 0 0 0; background:url(../_img/nav-bg/sub_bg_top.gif) no-repeat top left; width:219px; height:auto;}
#subnav li a:hover { display:block; margin:0; padding:0 0 5px 0; background:url(../_img/nav-bg/sub_bg_bottom.gif) no-repeat bottom left;}
#subnav li a span:hover{display:block; border-left: solid 1px #dedede; border-right:solid 1px #dedede; padding-left:5px;}


/* ----- =cols ------------ */
.col-1, .col-2, .col-3, .col-4, .col-2-3, .col-2-3-4{ width:220px; float:left; height:auto; margin:0 0 0 20px ; padding:0; position:relative; min-height:300px;  }
.col-3, .col-4 { float:right; margin:0 23px 0 0 ;}

.split-left, .split-right{ width:232px; float:left;}
/*.split-left a, .split-right a{ padding:0;}*/

.col-1 p, .col-2 p, .col-3 p, .col-4 p, .col-2-3 p, .col-2-3-4 p,
.col-1 h1, .col-2 h1, .col-3 h1, .col-4 h1, .col-2-3 h1, .col-2-3-4 h1,
.col-1 h2, .col-2 h2, .col-3 h2, .col-4 h2, .col-2-3 h2, .col-2-3-4 h2,
.col-1 h3, .col-2 h3, .col-3 h3, .col-4 h3, .col-2-3 h3, .col-2-3-4 h3,
.col-1 h4, .col-2 h4, .col-3 h4, .col-4 h4, .col-2-3 h4, .col-2-3-4 h4
{ padding:0 10px 0 10px;}

.col-1 h2{ padding-left:0 !important;}

.col-2-3{ width:464px;}
.col-2-3-4{ width:704px;}

#ajax-content .col-2-3{ width:360px; padding-bottom:30px; }


* html .col-1, * html .col-2, * html .col-3, * html .col-4, * html .col-2-3 {height: 270px; margin:0 0 0 14px ; }
* html .col-3, * html .col-4 { margin:0 14px 0 0 ;}
* html .box-top, * html .box-end{ height:270px;}

.box-top, .box-end{ background:url(../_img/box_top.jpg) no-repeat center top; min-height:270px;}

.box-end{ background:url(../_img/box_end_light.jpg) no-repeat center bottom; padding-bottom:15px;}
.box-end h1{ color:#e2001a; margin-top:2px; text-transform:uppercase;}

#calendar-wrap .box-top, #calendar-wrap .box-end{ min-height:170px;}
* html #calendar-wrap .box-top, * html #calendar-wrap .box-end{ height:170px;}

/* @section =snippets
-------------------------------------------------------------------*/
/* ----- =layout ----- */
ul#c-sitenav, .v {height:0;left:-1000px;display:inline;overflow:hidden;position: absolute;top:-1000px;width:0;}
.none {display:none;visibility:hidden;}
.block {display:block;visibility:visible;}
.cfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.cfix {display:block;}
.ofix {overflow:hidden;}

/* ----- =standard ----- */
.auto {width:auto;}
.brd img {border:1px solid;display:block;}
.c 	{clear: both;}
.cl {clear:left;}
.cr {clear:right;}
.fright {float:right;}
.fleft {float:left;}
.fnone {float:none;}
.p0{ padding:0;}
.m0 {margin:0;}
.mtd {margin-top:2em;}
.mt0 {margin-top:0;}
.mb0 {margin-bottom:0;}
.pad {padding:.5em 1em;}
.tcenter {text-align:center;}
.tleft {text-align:left;}
.tright {text-align:right;}
.vcenter {vertical-align:middle;}
.vcenter img {vertical-align:middle;}
.versal {text-transform:uppercase;}
.none{ display:none;}
.inone{ background-image:none;}

/* ----- =ie debug ----- */
* html .iefix {zoom:1;}

/* ----- +form elements ----- */

/* ----- +c-search----- */
#c-search{ width:190px; margin:0; padding:0; float:right; position:absolute; top:9px; right:7px;}
#c-search #go{ border:none; padding:0; margin:0;}
#c-search #suche{ background:url(../_img/bg_image_search.jpg) no-repeat right top; height:18px; width:166px; padding:1px 0 0 0; margin:0; border:none;}
* html #c-search #suche{ width:162px;}

.col-1 .select-start, .select-sub{ width:100%; background-color:#eaebeb;}
.select-sub{ width:100%; margin:10px 0 10px 0;}
#contact-form select{width:98%; margin:0;}
#contact-form .plz{ width:20%; margin-right:15px; }
#contact-form #plz { width:75%;}
#contact-form #city{ width:92%;}
#contact-form .city{ width: 76%;}
#required{ color:#E2001A; font-weight:bold; margin-bottom:0; text-transform:uppercase;}

#contact-form li input{ background: #ebebeb url(../_img/input-bg-left.jpg) no-repeat left top; border:none; height:18px;  }
#contact-form li { background:url(../_img/input-bg-right.jpg) no-repeat 98% 100%; margin-top:7px; padding:0; }
#contact-form .inone{ background-image:none;}

#contact-form #message textarea{ background:url(../_img/bg_textarea.gif) no-repeat top left; border:none; height:83px; width:431px; padding-bottom:10px; overflow:auto; white-space:normal;}
#contact-form #message { background:none;}

#contact-form input, #contact-form textarea { width:95%;}
#contact-form ul{padding:0 10px 0 10px;}


#contact-form #submit{ background-image:url(../_img/submit.png); height:21px; width:154px; background-repeat:no-repeat; border:none; color:#FFF; text-transform:uppercase; font-size:.95em; float:right; margin-right:15px;}

form {clear:both;margin: 1em 0;padding:0;width:100%;}
form.bg {padding:2%;width:96%;}
fieldset {border:0 none;margin:0;padding:0;text-align: left;}
legend {font-weight:bold;font-size:1.1em;margin-bottom: .5em;}
form h2 {margin-top:0;}
form p {margin:.5em 0;}
form ul {list-style-type:none;margin:0;overflow:hidden;padding:0;}
form ul li {background-image:none;float:left;list-style-image:none; padding:4px 0;width:100%;}
form ul label { display:block; float:left; width:8em;}
form li.req {background-color:#ccc;}

/* ----- +form label ----- */
form small {clear:both;}
label {float:left;margin:.2em .5em 0 0;width:7em;}
form .checktxt, form .radioktxt {margin-top:.15em;vertical-align:top;width:13.5em;}
label span{ color:#e8e4e1;}

/* ----- +form elements ----- */
input, select, textarea {background-color: #fff;border: 1px solid #e8e4e1;color:#636363; font-size:1em; padding:.2em .4em;}
select {margin-right:.3em; padding:0; width:auto;}
option {padding-left: 0.4em;} /* resets rendering error */
textarea {vertical-align:top;}
input.button {padding:.2em .4em; text-align:center; width: 15.8em;}
input.nobutton { border:0 none;font-weight:bold;padding:.2em .4em;width: auto;}
input.noborder { background-color: transparent; border: 0 none; margin-bottom:.7em;margin-right:.2em;padding:0;width:auto;}
input.check { background-color: transparent; border: 0 none;margin:.3em .3em 0 0;padding:0;width:auto;}
input.radio { background-color: transparent; border: 0 none;margin:.3em .3em 0 0;padding:0;width:auto;}
/*input:focus, select:focus, textarea:focus {border-color:#9ab830;}*/
label, input[type=checkbox], input[type=radio], input[type=submit] {cursor:pointer;}

/* ----- +form standard----- */
form .auto {width:auto;}
form .info {background-color:#ccc;color:#333;font-size:0.85em;margin: 0 0 1em;padding:.5em;}
form .inline {display:inline;}
form .long {width:20em;}
form .right {margin-left:7.5em;text-align:left;}
form .short {width:7em;}
form .top {margin-top:.2em;vertical-align:top;}