/* 
    Document   : mcGrid
    Created on : May 30, 2010, 11:06:18 PM
    Author     : rislam
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root {  display: block;}
body{ margin:0; display:block;background:#83a3cc url(../images/bergketten.jpg) no-repeat fixed center top;font-family:Arial, Verdana, Helvetica, sans-serif; font-size:13px; height:100%;}
#container { width:902px; margin:0 auto;}
#banner{float:left; width: 100%; margin: 40px 0px 8px 0px;}
#banner #left{ float:left; display:inline;}
#banner #right{ float:right; display:inline;}
#newsletter{ margin-right: 10px; margin-top: 34px;}
#nav{height:25px;  float: left; clear:left; width: 100%;}
#topnav{ margin:0; float: left; list-style-type:none; padding:0;list-style-position:outside; color: #009999;}
#topnav li{float:left;  display: inline;width:104px; height:20px; padding-top:5px;  margin-right:8px; text-align:center; background: url(../images/nav_bg.png) no-repeat left top; cursor: pointer;}
#topnav li a{ color:#009999; text-decoration: none;}
#topnav li a:hover{ color:#009999; text-decoration: none; font-weight: bold;}
.selected {font-weight: bold;}
#content{ margin-top: 10px; width: 888px; float:left; clear: left;}
#c_body { float: left; width: 848px; background-color:#ffffff;   -moz-opacity:.85; filter:alpha(opacity=85); opacity:.85; padding: 16px 20px 16px 20px;}
#footer {margin: 8px 16px 16px auto; text-align: right; color:#ffffff;text-shadow: 0.1em 0.1em 0.2em black; }
h1{font-size:24px; font-weight: normal; color:#009999; margin: 0;}/*#0a6c9c*/
h2{font-size:18px; font-weight: normal;  margin: 0; color: #333333;}
h3{font-size:14px; font-weight: normal;  margin: 0; font-weight: bold; margin-bottom: 3px; color: #333333;}
p{margin-top:6px;}
#logo{margin-bottom: 10px;}
/*popups*/
#ds,#imp,#bgPop{cursor:pointer;}
#bgPop{display:none;position:fixed;_position:absolute; height:100%;width:100%;top:0;left:0;background:#000000;z-index:101;
}
#popImp{width:500px;  display: none; position:absolute;_position:absolute;z-index:102;overflow-x: hidden;overflow-y: hidden;}
#popDs{width:500px; height:500px; display: none; position:absolute;_position:absolute;z-index:102;overflow-x: hidden;overflow-y: hidden;}
.popClose{position:absolute; z-index:105;right:0;top:0; cursor:pointer;width:33px; height:32px;}
.popWrapper{margin-top:16px; margin-right:16px; border:2px solid #ffffff; background-color:#e2e9f1;}
.popContent{margin:14px 2px 14px 14px;overflow-y: auto;height:500px; }

/*vermietung*/
#ss_container{ width: 100%; float: left;}
#ss_left{ width: 566px; float:left; display:inline;}
#ss_right{ width: 262px; float:right;  display:inline;}
.rent { width: 848px;}
.rent th{ text-align: left;padding:4px 4px 4px 4px;}
.rent td{ text-align: left; width: 25%; padding:4px 4px 4px 4px;}
/*product*/
.program { width: 848px;}
.program th{ text-align: left;padding:4px 4px 4px 4px;}
.program td{ text-align: left; padding:4px 4px 4px 4px;}
/*kurse*/
.bubble{position:absolute;border:2px solid #ffffff; background-color:#fcf6db; z-index:59; display: none;}
.bubble div{margin:14px;}
/*kontakt*/
#canvas{width: 100%; height:400px; border:1px solid #666666; margin-top: 30px; clear:left;}

/*links*/
#c_body a {color:#c10f02; text-decoration: underline;}
#c_body a:hover {color:#c10f02; text-decoration: none;}
.highlight{color:#7e244b; font-weight: bold;}

/*kontakt* Registration*/
#kontakt_container,#reg_container{float: left; margin-bottom: 30px; width: 100%;}
#kontakt_lc,#reg_lc {width:415px; float:left; clear: left;}
#kontakt_rc,#reg_rc{width:415px; float:right; clear: right;}

#rform{margin-top:15px;}
#kontaktForm label,#regForm label{display: block;font-weight: 700;line-height: 1.2em;}
.kontaktForm_inputt{width: 280px;padding: 1px;color: #333333;border: 1px solid #cecece;}
.kontaktForm_input{width: 280px}
.regForm_input{width: 306px}
#kontaktForm input.error,#regForm input.error{background: #f8dbdb;border-color: #e77776;}
#kontaktForm div{margin-bottom: 5px;   clear:both;}
.no_captcha{margin-bottom: 5px; margin-left: 3px;   clear:both;}
#kontaktForm #send,#regForm #rsend{background: #009999;border:1px solid #cecece; padding:3px;color:#ffffff;font-weight: 700;	cursor: pointer;}
#kontaktForm #send:hover,#regForm #rsend:hover{background: #79a7f1;}

/*Boooks*/
.book_grp_header{border-bottom:1px dotted #666666; margin-bottom:14px; text-align:right;}
.book_row{float:left;  width:100%; margin-bottom: 14px;}
.book{border:1px solid #ffffff;}
.book_c1{float:left; width:102px; border:1px solid #666666;}
.book_c2{float:right; width:730px;}
/*team*/
.team_row{float:left;  width:100%; margin-bottom: 14px;}
.top20{margin-top:20px;}
.teamhead{display:inline;}
.team{border:1px solid #ffffff; background-color: #ffffff;}
.team_c1{float:left; width:102px; border:1px solid #2aa2a5;}
.team_c2{float:right; width:730px;}