@charset "utf-8";
/* CSS Document for reitinger.co.at */


/********************** Layout **********************/
/** general **/
html, body {height: 100%; padding: 0px; margin: 0px;} 

#wrapper {float: left; position: relative; width: 925px; height: 100%; margin: 0px; padding: 0px; border-collapse: collapse;}

/** left column **/
#left { width: 625px; position: relative;  z-index: 2; margin: 0px; padding: 0px; vertical-align: top;}
#left .header {width: 100%; height: 259px; position: relative;}
#left .header #logo {position: absolute; left: 123px; top: 133px; display:block; z-index: 999;}
#left #menu {float: left; width: 195px;}
#left #content {float: left; width: 400px; padding-left: 5px;}

/** right column **/
#right {position: relative; z-index: 1; margin: 0px; padding: 0px; vertical-align: top;}
#right .header {height: 200px; width: 300px; position: relative;}
#right .header #sitelinks {position: absolute; top: 124px; left: 80px; width: 212px; }
#right #banner {margin-top: 6px; float: left; clear: both; padding-left: 16px;}
#right #banner .item {float: left; }
#right #banner .item .img {float: left; width: 96px; height: 94px;}
#right #banner .item .text {float: left; width: 160px;}

/** Workshop **/
#workshop .item {float: left; margin: 4px 0px;}
#workshop .item .img {float: left; width: 51px;}
#workshop .item .text {float: left; width: 344px;}
#workshop .item .text .facts {width: 100%;} /* table */
#workshop .item .text .facts td {width: 50%;}

/** News **/
#news .item {float: left; margin: 9px 0px;}
#news .item .img {float: left; width: 100px;}
#news .item .text {float: left; width: 300px;}

/********************** Design **********************/
/** general **/
body {background: url(/pics/site_bg.gif);}
body, textarea, input, p, td, a, h1, h2, h3, h4 {font-family: Arial, Helvetica, sans-serif;}
body, p, td {font-size: 11px; line-height: 18px; color: #666;}
p {padding: 0px; margin: 0px 0px 0px 0px;}
h1 {font-size: 20px; line-height: 25px; color: #CCC; text-transform: uppercase; font-weight: normal; padding: 0px; margin: 0px 0px 12px 0px;}
h2 {font-size: 18px; line-height: 20px; color: #afaeaa; text-transform: uppercase; font-weight: normal;}
h3 {font-size: 11px; line-height: 18px; color: #690; text-transform: none; font-weight: bold; padding: 0px; margin: 0px; }
a {font-size: 11px; color: #666; text-decoration: none;}
a:hover {color: #690;}
input, textarea {font-size: 12px;}

#content a, #banner a {text-decoration: underline; font-weight: bold;}
#banner a h2 {text-decoration: none;}

a img {border: none;}

#wrapper {background: url(/pics/bg_wrapper.gif) repeat-y;}

/** left column **/
#left {background: url(/pics/bottom_bg.jpg) no-repeat bottom left;}
#left .header {background: url(/pics/header_left.jpg) no-repeat;}
#left .header #logo {}
#left #menu {}
/* menu level 1 */
#left #menu ul {margin: 0px 10px 0px 30px; padding: 0px; list-style: none; border-top: 1px solid #cac8c5; display: block;}
#left #menu li { border-bottom: 1px solid #cac8c5; margin: 1px 0px 2px 0px; padding: 0px; text-transform: lowercase;}
#left #menu li a {display: block; line-height: 26px; width: 93px; background: url(/pics/mnu_ico.gif) no-repeat; padding-left: 54px; margin: 0px;}
#left #menu li a:hover, #left #menu a.act, #left #menu a.hassub_act {background: url(/pics/mnu_ico_act.gif) no-repeat; }
/* menu level 2 */
#left #menu ul ul {border: none; margin: 5px 0px 28px 50px;}
#left #menu ul ul li {border: none; margin: 0px; height: 14px; text-transform: none;}
#left #menu ul ul li a {line-height: 14px; background: url(/pics/mnu_ico_lvl2.gif) no-repeat; background-position: 0px 3px; padding-left: 12px;}
#left #menu ul ul li a:hover, #left #menu ul ul li a.act, #left #menu ul ul li a.hassub_act { color: #690; background: url(/pics/mnu_ico_lvl2.gif) no-repeat; background-position: 0px 3px; }

#left #content {}

/** right column **/
#right {}
#right .header {background: url(/pics/header_right.jpg) no-repeat;}
#right .header #sitelinks {text-align: right; font-size: 10px; text-transform: lowercase;}
#right #banner {}
#right #banner .item .img {padding: 8px 0px 0px 11px; background: url(/pics/banner_shadow.png) no-repeat;}
#right #banner .item .text {padding-top: 4px;}
#right #banner .item .text h2, #right #banner .item .text h2 a {color: #ccc; font-size: 17px; margin: 0px; padding: 0px; text-transform: none; font-weight: normal; text-decoration: none; }
#right #banner .item .text p {margin: 0px 0px; padding: 0px;}

/** Workshop **/
/* list */
#workshop .item {}
#workshop .item .img img {border: solid 1px white;}
#workshop .item .text h2 {margin: 0px 0px 4px 0px; padding: 0px;}
#workshop .item .text h2 a {text-decoration: none; font-size: 18px; font-weight: normal; color: #afaeaa;}
#workshop .item .text .facts {border-collapse: collapse; }
#workshop .item .text .facts td {padding: 2px; margin: 0px; font-size: 10px; text-transform: uppercase; line-height: 10px; }
#workshop .item .text .facts td.green {color: #360;}
#workshop .item .text .facts td strong { font-weight: bold;}
#workshop .item .text .facts td img {vertical-align: middle;}
#workshop .item .text p {margin: 0px; padding: 0px;}
#workshop .item .text .reg_link, #workshop .detail .reg_link {text-align: right; padding: 0px; margin: 0px;  }
#workshop .item .text .reg_link a, #workshop .detail .reg_link a 
   { text-transform: uppercase; color: #690; text-align: right; text-decoration: none; background: url(/pics/arrow_right.gif) no-repeat; background-position: 0px 4px; padding-left: 13px;  }
#workshop .item .text .reg_link a:hover, #workshop .detail .reg_link a:hover {text-decoration: underline;} 
/* detail */
#workshop .detail {float: left;}
#workshop .detail .img {float: right; padding-left: 4px; padding-bottom: 4px;}
#workshop .detail .backlink {margin-top: 20px;}

/** News **/
/* list */
#news .item {}
#news .item .img {}
#news .item .text {}
#news .item .text h3 {line-height: 12px; margin-bottom: 4px;}
#news .item .text h3 a {color: #690; text-decoration: none;}
#news .item .text p {margin: 0px; padding: 0px;}
/* detail */
#news .detail {}
#news .detail .date {font-weight: bold; color: #999; padding: 0px; margin: 0px;}
#news .detail h2 {margin: 0px 0px 2px 0px; padding: 0px; }
#news .detail .backlink {margin-top: 20px;}

.validation_error { color: red;}
#data_nav { text-align : center; }

/** Gallery **/
body.popup {background: url(/pics/popup_bg.gif) no-repeat;}
body.gallery_detail {background-image: none;}
body.gallery_list {background-image: none; padding: 0px; margin: 0px; overflow-y: hidden;}
body.gallery_list table {padding: 0px; margin: 0px; border-collapse: collapse;}
body.gallery_list td {padding: 0px 3px 0px 3px; margin: 0px;}
#gallery_sitex_list img {margin: 7px;}

.gallery_thumbs img {margin: 1px; }