/* ############ CasaCMS v4.1.2 | www.casacms.de ############ */

/* Setup main */

*{margin:0px; padding:0px; outline:0; text-decoration:none;}
.clear {clear:both;}
html, body {height:100.1%; margin-bottom:1px;}
body {background:#000;}
#site {position:relative; z-index:5; margin:auto;}
#bg_img {position:fixed; margin-left:-658px; z-index:-1;}
#site, #head, #content, #by {width:950px;}
#head {position:relative; height:510px; z-index:30;}
#logo {position:absolute; top:30px; left:40px; z-index:20; overflow:hidden;}
#headpic {position:absolute; width:935px; height:270px; left:15px; top:200px; z-index:20;}
.clearfix:after {content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}
#content {position:relative; z-index:6;}
div.mitte {position:relative; margin:auto; width:410px; padding:20px; border:1px solid #ccc; min-height:200px; height:auto !important; height:200px; margin-bottom:20px; background:url(../pix/bg/bg_middle.png);}
div.head_small {position:fixed; top:0; left:0; height:190px; width:950px;}
div.mitte_small {margin-left:470px; padding-top:190px; padding-bottom:20px; width:430px; z-index:-1;}
div.mitte_small2 {margin-left:20px; padding-top:20px; padding-bottom:20px; width:880px; z-index:-1;}
div.mitte_action {margin:auto; width:830px; padding-top:190px; padding-bottom:20px; z-index:-1;}
div.links {display:none;}
div.unten {display:none;}
#footer {position:relative; margin:auto; width:520px; text-align:center; height:auto; margin-bottom:40px; font-size:12px;}
#by {position:relative; margin:auto; text-align:center; z-index:30; text-transform:none;}


/* Content */

body, .fliesstxt, input, textarea, .fancybox-title-inside {font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:19px; color:#fff; font-weight:normal;}
a {color:#fff;} 
a:hover {color:#fff;}
div.mitte a, div.mitte_small a, div.mitte_action a {color:#fff; border-bottom:1px solid #fff; font-weight:bold;} 
div.mitte a:hover, div.mitte_small a:hover, div.mitte_action a:hover {color:#fff;}
#by a {font-size:10px; color:#fff;}
#by a:hover {color:#fff;}
h1 {font-size:24px; line-height:26px; color:#fff; font-weight:bold; margin-bottom:20px; text-transform:uppercase;}
h2 {font-size:16px; line-height:18px; color:#fff; font-weight:bold; margin-bottom:15px; text-transform:uppercase;} 
h3 {font-size:16px; line-height:18px; color:#fff; margin-bottom:10px;}
p, ul, ol, table {margin-bottom:10px;}
ul, ol {margin-bottom:15px; padding-left:15px;}
li {margin-bottom:10px;}
hr {clear:both; border-left:0px; border-right:0px; border-bottom:0px; height:1px; margin:15px 0; border-top:1px dashed #fff;}
.pictxtl {float:left; margin-right:10px; margin-bottom:5px;}
.pictxtr {float:right; margin-left:10px; margin-bottom:5px;}

body.action_cont {background:url(../pix/div/action.jpg) fixed no-repeat;}
body.biography {background:url(../pix/div/biography.jpg) fixed no-repeat;}
body.clients {background:url(../pix/div/clients.jpg) fixed no-repeat;}
body.news {background:url(../pix/div/news.jpg) fixed no-repeat;}
body.news2 {background:url(../pix/div/news2.jpg) fixed no-repeat;}
body.contact {background:url(../pix/div/contact.jpg) fixed no-repeat;}
body.about {background:url(../pix/div/about.jpg) fixed no-repeat;}

.fancypic3 img {border:1px dashed #fff;}

/* Templates */

.temp_headline {clear:both;}

.temp_col_1 {margin-bottom:20px;}
.temp_col_2_1, .temp_col_2_2, .temp_col_3_1, .temp_col_3_2, .temp_col_3_3, .temp_col_4_1, .temp_col_4_2, .temp_col_4_3, .temp_col_4_4 {margin-bottom:10px;}

.temp_col_2_1, .temp_col_2_2, .temp_col_3_1, .temp_col_3_2, .temp_col_3_3, .temp_col_4_1, .temp_col_4_2, .temp_col_4_3, .temp_col_4_4 {float:left;}

/* 1spaltig */
.temp_col_1 {clear:both;}

/* 2spaltig */
.temp_col_2_1 {clear:both;}
.temp_col_2_1, .temp_col_2_2 {width:49%;}
.temp_col_2_2 {margin-left:2%;}

/* 3spaltig */
.temp_col_3_1 {clear:both;}
.temp_col_3_1, .temp_col_3_2, .temp_col_3_3 {width:31.3%;}
.temp_col_3_2, .temp_col_3_3 {margin-left:3%;}

/* 4spaltig */
.temp_col_4_1 {clear:both;}
.temp_col_4_1, .temp_col_4_2, .temp_col_4_3, .temp_col_4_4 {width:22%;}
.temp_col_4_2, .temp_col_4_3, .temp_col_4_4 {margin-left:3%;}


/* Form */

form {clear:both;}
.anrede {text-align:left; height:46px; padding-top:7px; padding-left:12px;}
.anrede span.check {margin-right:20px;}
.anrede input.check {margin-left:-10px; margin-right:10px;}
.button {float:right; display:block; width:100px; font-size:12px; cursor:pointer; margin-top:7px; padding:5px; background:#000; color:#fff;}
.button:hover {background:#fff; color:#000;}
.formlinks, .formrechts {width:49%;}
.formlinks, .formrechts, .formunten {padding-bottom:15px; margin-bottom:15px;}
.formlinks {float:left;}
.formrechts {float:right;}
.formunten {clear:both; z-index:10;}
.txtf, .eingabef {width:100%; height:80px; margin-top:5px;} 
.eingabef {height:25px; margin-top:7px;}
.txtf, .eingabef {background:#000; color:#fff;}
.txtf, .eingabef, .button {border:1px solid #fff;}
.hint {background:#ccc; color:#000; font-weight:bold; padding:2px 5px;}


/* Navigation */

#navigationa {position:fixed; z-index:100;}
.brush, .pen, .action, .wildlife {position:absolute; width:189px;}
.brush a, .pen a, .action a, .wildlife a {display:block; width:189px; background:url(../pix/div/spacer.gif);}
.brush {top:166px; margin-left:1px; height:164px;}
.brush a {height:164px;}
.brush a:hover {background:url(../pix/nav/brush.jpg) left top no-repeat;}
.pen {top:350px; margin-left:1px; height:153px;}
.pen a {height:153px;}
.pen a:hover {background:url(../pix/nav/pen.jpg) no-repeat;}
.action {top:114px; height:153px; margin-left:751px;}
.action a {height:153px;}
.action a:hover {background:url(../pix/nav/action.jpg) no-repeat;}
.wildlife {top:284px; height:285px; margin-left:751px;}
.wildlife a {height:285px;}
.wildlife a:hover {background:url(../pix/nav/wildlife.jpg) no-repeat;}


#navigationb {position:fixed; z-index:101; margin-left:0; bottom:30px; text-transform:uppercase;}
#navigationc {position:relative; margin-bottom:30px; z-index:101; text-transform:uppercase;}
#navigationd {position:relative; z-index:101; text-transform:uppercase;}
#navigatione {position:fixed; width:160px; height:110px; margin-left:780px; bottom:30px; text-transform:uppercase; text-align:center; z-index:101;}
#navigatione img {margin-left:5px; margin-top:5px;}

.menu {position:relative; margin:auto; text-align:center; list-style:none; height:auto; margin-left:25px; position:relative; z-index:9999; padding:0px; font-style:italic; }
.menu li {display:inline; margin:0px; margin-right:25px; border:none;}
.menu li a {font-size:14px; height:auto; color:#fff;}
.menu li.hover a {color:#c10207;}

#navigationb li {display:block; margin-left:0; text-align:left;}
#navigationb li.m3 {margin-top:30px;}
#navigationd li a {font-size:12px;}

#social {position:fixed; width:300px; top:10px;}
#language_select {position:fixed; width:100px; margin-left:850px; top:10px;}
#language_select ul {list-style:none;}
#language_select li {float:left; margin-left:10px;}