/* =STYLESHEET FOR CAPTAINFOERSTER.DE
================================================ */
* {margin: 0; padding: 0;}
body {font-size: 62.5%; font-family: Georgia, "Times New Roman", serif; color: #333; text-align: center;
	background: #ffe6bf url(/images/bg_banner.png) 0 90px repeat-x;	margin: 0; padding: 0; height: 100%;}	
img {border: none;}
a {color: #369;}
a:hover {color: #036;}
.outer-wrap {margin: 0 auto; width: 758px; background: url(/images/bg_outer_wrap.png) 50% 50% repeat-y;}	
.inner-wrap {margin: 0 auto; width: 750px; text-align: left; background: #fff url(/images/bg_inner_wrap.png) 50% 50% repeat-y;}
.foot {border-bottom: 8px solid #005192;} 

/* =HEADER
================================================ */
#header {position: relative; height: 90px; background: url(/images/bg_bar.png) 0 0 repeat-x;}
#header h1 a, #header h1 a:hover {position: absolute; top: 30px; left: 20px; width: 261px; height: 40px;
	background: url(/images/logo.png) no-repeat; text-indent: -9999px; text-decoration: none; border: none;}
#language {position: absolute; top: 0; left: 0; width: 750px; height: 13px; background: #00528f;}
#language a {float: right; font: normal 9px "Lucida Grande", Arial, sans-serif;	color: #fc0;
	text-transform: uppercase; text-decoration: none; letter-spacing: 0.2em; margin-right: 18px;}

/* =NAVIGATION
================================================ */
#nav {position: absolute; bottom: 0; right: 10px;}
#nav li {float: left; list-style: none; padding: 10px;}
#nav li a:link,
#nav li a:visited {font: bold 1.3em "Lucida Grande", Arial, sans-serif;	color: #369; text-decoration: none;}
#nav li:hover a,
#index #nav li#button1 a,
#about_us #nav li#button2 a,
#gallery #nav li#button3 a,
#contact #nav li#button4 a {color: #369; border-bottom: 3px solid #369;}

/* =BANNER
================================================ */
#banner-wrap {width: 758px; height: 200px; margin: 0 auto; background: url(/images/bg_banner_wrap.png) 50% 50% no-repeat;}
#banner {width: 750px; height: 200px; margin: 0 auto; background: url(/images/banner/1.jpg) 50% 50% no-repeat;}
#index #banner {background-image: url(/images/banner_1.jpg);}
#about_us #banner {background-image: url(/images/banner_2.jpg);}
#gallery #banner {background-image: url(/images/banner_3.jpg);}
#contact #banner {background-image: url(/images/banner_4.jpg);}
#info #banner {background-image: url(/images/banner_5.jpg);}

/* =SIDEBAR
================================================ */
#sidebar {float: left; font-family: "Lucida Grande", Arial, sans-serif;	width: 180px; padding: 20px 0 0 20px;}
#sidebar h3 {font: bold 1.3em "Lucida Grande", Arial, sans-serif; margin-bottom: 0.8em;}
#sidebar p {font-size: 1em; line-height: 1.8em; color: #555; margin-bottom: 2em;}
#sidebar ul {font-size: 1em; color: #555; margin: 0.8em 0 2.2em 0;}
#sidebar li {list-style: none; background: url(/images/tick.png) 0 50% no-repeat; padding: 0.6em 0 0.6em 22px;}
#sidebar img {float: left; width: 180px; height: 80px;}

/* =CONTENT
================================================ */
#content {float: right; display: inline !important; width: 490px; position: relative !important; 
	padding: 0 20px; background: url(/images/bg_content.png) repeat-y; margin-top: -40px;}
#content h2 {font: bold 2.2em "Lucida Grande", Arial, sans-serif; color: #111;
	padding: 15px 0 0 20px;	background: url(/images/bg_content_top.png) no-repeat; margin: 0 -20px 1em -20px;}
#content h3 {font: bold 1.4em "Lucida Grande", Arial, sans-serif; color: #111; margin: 1.5em 0 0.8em 0;}
#content p {font-size: 1.2em; line-height: 1.9em; margin: 0.8em 0 1.5em 0;}

/* =FOOTER
================================================ */
#footer {float: right; width: 490px; background: #69c url(/images/bg_footer.png) repeat-y; padding: 12px 20px;}
#footer p {font: normal .9em "Lucida Grande", Arial, sans-serif; color: #fff;}
#footer a, #footer a:visited {color: #fff;}

/* =SERVICES TABLE
================================================ */
#index table {width: 100%; font-family: "Lucida Grande", Arial, sans-serif; border-bottom: 3px solid #eee;}
#index th {width: 50%; font-size: 1em; font-weight: normal; line-height: 1.8em; color: #fff; text-transform: uppercase; letter-spacing: 0.2em;
	background: #00528f; padding-left: .8em; border-right: 1px solid #069; margin-right: 2em;}
#index td {vertical-align: top; line-height: 2em; padding: .2em 2em 1.3em .8em;}
#index td ul {list-style-type: none;}
#index td li {background: url(/images/bullet.gif) 0 .7em no-repeat; padding-left: 10px;}

/* =BIO
================================================ */
.bio {float: left; width: 200px; height: 138px; padding: 0 40px 40px 0;}
.bio img {width: 160px; height: 113px; background: url(/images/bg_bio.png) right bottom no-repeat; padding: 0 8px 8px 0;}
.bio h4 {font: bold 1.2em "Lucida Grande", Arial, sans-serif; margin-bottom: 0.3em;}
.bio h5 {font: normal .9em "Lucida Grande", Arial, sans-serif; color: #666; padding: 0;}

/* =GALLERY
================================================  */
p#gallery {margin-top: 40px; overflow: auto;}
p#gallery a img {width: 180px; height: 60px; background: url(/images/bg_thumb.png) bottom no-repeat; padding-bottom: 5px;}
p#gallery a:hover img {opacity:.80; filter: alpha(opacity=80); -moz-opacity: 0.8;}
p#gallery a {display: none;}
p#gallery a.c0 {display: inline; float: left; width: 180px; height: 60px; font: normal 1em "Lucida Grande", Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.2em; text-decoration: none; margin: 0 20px 40px 20px;} 

/* =FORMS
================================================  */
form {font-family: "Lucida Grande", Arial, sans-serif; margin: 20px 0;}
form div {clear: both; margin: 15px 0;}
form div label {float: left; font-size: 1.2em; font-weight: bold; text-align: right; width: 90px; 
	padding-right: 10px; margin-top: .2em;}
form div label em {font-style: normal; color: #c00;}
form div input, form textarea {font-size: 1.4em; width: 200px; background: #f5f5f5;}
form select {width: 200px;}
form textarea {width: 350px;}
form input#submit {width: auto; margin-left: 100px;}
.error {color: #c00;}

/* =SITE-SPECIFIC OVERRIDES
================================================ */
#gallery #sidebar li {background-image: none; padding-left: 0;}
#info dl {clear: both; font-size: 1.2em; line-height: 1.6em; margin: 1em 0;}
#info dl:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#info dt {float: left; width: 180px; font-family: "Lucida Grande", Arial, sans-serif; font-weight: bold; text-align: right;}
#info dd {float: right; width: 290px;}
h2.notice {color: #c00;}
#content p.notice {margin-bottom: 200px;}