@charset "utf-8";
/* CSS Document */


h1 { font-size: 1.4em; /* 10px × 2em = 20px */ }
p { font-size: 1.2em; line-height:normal;/* 10px × 1.2em = 12px */ }

body{
font-size: 62.5%;  
font-family: Arial;
background-color: #bcbabb;
color: #444;
text-decoration: none;
word-spacing: 0.1em;
text-align: left;
letter-spacing: 0;
line-height: 1.2em;
background: #bcbabb url(images/bg_grey.gif) repeat-x;
} 
.page{
text-align:left;}
html, body { width:100%; height:100%; margin:0; border:0 none; padding:0; }
.aussen{ 
width:100%; height:100%;
margin:0; 
padding:0;
display:table;
background-color:#ff5a00;
}
.aussen2{ 
width:100%; height:100%;
margin:0; 
padding:0;
display:table-cell; 
vertical-align:middle;
/* */ text-align:center; fuer alte Browser  }
.bg{ 
background:url(images/start_bg.jpg); 
width:100%; height:auto;}
.innen{
width:468px;
margin-left:auto; margin-right:auto;
text-align:left;
 }
 

.bg_innen{ 
width:1200px;

margin-left:auto; margin-right:auto;
text-align:left;
}
/*STARTSEITE   
#start{ background-color:#ff5a00; margin: 0px; padding: 0px;}- Start*/
#startpage{ background:url(images/Startseite_bg.jpg); text-align:center;}
#enter{width: 600px; margin: 0 auto;padding-top:17px;}
#enter img{border:none;}
#starttext{color:#FFF;}
/*STARTSEITE   - End*/
.column_left{ float:left; width:410px;}
.column_right{ float:left; width:476px;padding-top:40px;}
.column_left_anfahrt{ float:left; width:290px;}
.column_right_anfahrt{ float:left; width:596px;}
.column_left_vita{ float:left; width:486px;padding-right:10px; }
.column_right_vita{ float:left; width:370px;padding-top:30px;}

.pagerw{
	margin-left:auto; margin-right:auto;
text-align:left;/*
	width:1311px;
	height:641px;
	margin:0px auto;
	position:relative;*/}
#main{
	background: #bcbabb url(images/bg_grey.gif) repeat-x;
	/*background:transparent url(images/logo_b_r.gif) no-repeat fixed right bottom;*/}
.text{font-size: 1.3em; line-height: 1.4em;word-spacing: normal;

}
#c51,#c52, #c53,#c55 {padding-left: 15px;}
.title{ margin-left:80px;}
/*MENU*/
.hauptmenu{width:140px;float:left;}
.submenu{width:140px;float:left;}
#business-portrait_sub{margin-top:23px;padding-left:10px;}
#business-diverses_sub{margin-top:45px;padding-left:10px;}
#privat_sub{margin-top:67px;padding-left:10px;}
#privat2_sub{margin-top:89px;padding-left:10px;}
#kunst_sub{margin-top:110px;padding-left:10px;}
#ueber_uns_sub{margin-top:112px;padding-left:10px;}
ul#navMain, ul#navSub { 
font-size: 1.2em;
/*list-style-image:none;
list-style-position:outside;*/
list-style-type:none;
margin:0;
padding:0;
position:relative;
top:0;
width:100%;
}
ul#navMain li{ margin-bottom:8px;}/*früher 10px*/ 
ul#navSub li{ margin-bottom:5px;}
ul#navMain a, ul#navSub a{ color:#000;text-decoration:none;}
ul#navSub #selected a{ color:#ff7200;text-decoration:underline;}
.selected { background:url(images/business_homebutton.gif) no-repeat;color:#CCC;}
/*Menu buttons*/
/*home buttons*/
.outer_homebutton{}
.business_homebutton{float:left;background:url(images/business_homebutton.gif) no-repeat;color:#CCC;width:87px; height:60px;margin-left:100px;}
.privat_homebutton{float:left;background:url(images/privat_homebutton.gif) no-repeat;color:#CCC;width:85px; height:60px;margin-left:210px;}
.kunstimraum_homebutton{float:left;background:url(images/kunst_im_raum_homebutton.gif) no-repeat;color:#CCC;width:137px; height:60px;margin-left:210px;}
.business_homebutton h2{color:#CCC;width:87px; font-size:0px;height:60px;text-indent:-999px;}
.privat_homebutton h2{color:#CCC;width:85px; font-size:0px;height:60px;text-indent:-999px;}
.kunstimraum_homebutton h2{color:#CCC;width:137px; font-size:0px;height:60px;text-indent:-999px;}
/*home*/
.manjit_4 { background:transparent url(images/home_button.gif) no-repeat;color:#CCC; width:122px; height:14px;}
.manjit_4 a{ display:block; width:122px; height:14px; padding-top:4px; color:#000; overflow:hidden;text-indent:-999px;}
.manjit_4 a{ background:transparent url(images/home_button_ho.gif) -130px -20px no-repeat;}
.manjit_4 a:hover{background-position:0 0; z-index:50;}
/*Business Portrait*/
.manjit_6 { background:transparent url(images/business_portrait_button.gif) no-repeat;color:#CCC; width:140px; height:14px;}
.manjit_6 a{ display:block; width:140px; height:14px; padding-top:4px; color:#000; overflow:hidden;text-indent:-999px;}
.manjit_6 a{ background:transparent url(images/business_portrait_button_ho.gif) -140px -20px no-repeat;}
.manjit_6 a:hover{background-position:0 0; z-index:50;}

.manjit_active_6 { background:transparent url(images/business_po_button_active.gif) no-repeat;color:#CCC; width:140px; height:14px;}
.manjit_active_6 a{ display:block; width:140px; height:14px; padding-top:4px; color:#000; overflow:hidden;text-indent:-999px;}
.manjit_active_6 a{ background:transparent url(images/business_po_button_active.gif) -140px -20px no-repeat;}
.manjit_active_6 a:hover{background-position:0 0; z-index:50;}
/*Business-Diverses*/
.manjit_15 { background:transparent url(images/business_diverses_button.gif) no-repeat;color:#CCC; width:122px; height:14px;}
.manjit_15 a{ display:block; width:122px; height:14px; padding-top:4px; color:#000; overflow:hidden;text-indent:-999px;}
.manjit_15 a{ background:transparent url(images/business_diverses_button_ho.gif) -130px -20px no-repeat;}
.manjit_15 a:hover{background-position:0 0; z-index:50;}

.manjit_active_15 { background:transparent url(images/business_diverses_button_active.gif) no-repeat;color:#CCC; width:140px; height:14px;}
.manjit_active_15 a{ display:block; width:140px; height:14px; padding-top:4px; color:#000; overflow:hidden;text-indent:-999px;}
.manjit_active_15 a{ background:transparent url(images/business_diverses_button_active.gif) -130px -20px no-repeat;}
.manjit_active_15 a:hover{background-position:0 0; z-index:50;}
/*Privat Teil1*/
.manjit_5 { background:transparent url(images/privat_1_button.gif) no-repeat;color:#CCC; width:122px; height:14px;}
.manjit_5 a{ display:block; width:122px; height:14px; padding-top:4px; color:#000; overflow:hidden;text-indent:-999px;}
.manjit_5 a{ background:transparent url(images/privat_1_button_ho.gif) -130px -20px no-repeat;}
.manjit_5 a:hover{background-position:0 0; z-index:50;}

.manjit_active_5 { background:transparent url(images/privat_1_button_active.gif) no-repeat;color:#CCC; width:140px; height:14px;}
.manjit_active_5 a{ display:block; width:140px; height:14px; padding-top:4px; color:#000; overflow:hidden;text-indent:-999px;}
.manjit_active_5 a{ background:transparent url(images/privat_1_button_active.gif) -130px -20px no-repeat;}
.manjit_active_5 a:hover{background-position:0 0; z-index:50;}

/*Privat Teil2*/
.manjit_72 { background:transparent url(images/privat_2_button.gif) no-repeat;color:#CCC; width:122px; height:14px;}
.manjit_72 a{ display:block; width:122px; height:14px; padding-top:4px; color:#000; overflow:hidden;text-indent:-999px;}
.manjit_72 a{ background:transparent url(images/privat_2_button_ho.gif) -130px -20px no-repeat;}
.manjit_72 a:hover{background-position:0 0; z-index:50;}

.manjit_active_72 { background:transparent url(images/privat_2_button_active.gif) no-repeat;color:#CCC; width:140px; height:14px;}
.manjit_active_72 a{ display:block; width:140px; height:14px; padding-top:4px; color:#000; overflow:hidden;text-indent:-999px;}
.manjit_active_72 a{ background:transparent url(images/privat_2_button_active.gif) -130px -20px no-repeat;}
.manjit_active_72 a:hover{background-position:0 0; z-index:50;}

/*Kunst im Raum*/
.manjit_8 { background:transparent url(images/kunstimraum_button.gif) no-repeat;color:#CCC; width:122px; height:14px;}
.manjit_8 a{ display:block; width:122px; height:14px; padding-top:4px; color:#000; overflow:hidden;text-indent:-999px;}
.manjit_8 a{ background:transparent url(images/kunstimraum_button_ho.gif) -130px -20px no-repeat;}
.manjit_8 a:hover{background-position:0 0; z-index:50;}

.manjit_active_8 { background:transparent url(images/kunstimraum_button_active.gif) no-repeat;color:#CCC; width:140px; height:14px;}
.manjit_active_8 a{ display:block; width:140px; height:14px; padding-top:4px; color:#000; overflow:hidden;text-indent:-999px;}
.manjit_active_8 a{ background:transparent url(images/kunstimraum_button_active.gif) -130px -20px no-repeat;}
.manjit_active_8 a:hover{background-position:0 0; z-index:50;}
/*Über Uns*/
.manjit_9 { background:transparent url(images/ueberuns_button.gif) no-repeat;color:#CCC; width:122px; height:14px;}
.manjit_9 a{ display:block; width:122px; height:14px; padding-top:4px; color:#000; overflow:hidden;text-indent:-999px;}
.manjit_9 a{ background:transparent url(images/ueberuns_button_ho.gif) -130px -20px no-repeat;}
.manjit_9 a:hover{background-position:0 0; z-index:50;}

.manjit_active_9 { background:transparent url(images/ueberuns_button_active.gif) no-repeat;color:#CCC; width:140px; height:14px;}
.manjit_active_9 a{ display:block; width:140px; height:14px; padding-top:4px; color:#000; overflow:hidden;text-indent:-999px;}
.manjit_active_9 a{ background:transparent url(images/ueberuns_button_active.gif) -130px -20px no-repeat;}
.manjit_active_9 a:hover{background-position:0 0; z-index:50;}
/*Impressum*/
.manjit_7 { background:transparent url(images/impressum_button.gif) no-repeat;color:#CCC; width:122px; height:14px;}
.manjit_7 a{ display:block; width:122px; height:14px; padding-top:4px; color:#000; overflow:hidden;text-indent:-999px;}
.manjit_7 a{ background:transparent url(images/impressum_button_ho.gif) -130px -20px no-repeat;}
.manjit_7 a:hover{background-position:0 0; z-index:50;}




.home{
	margin:0;
	width:245px;
	height:34px;
	background: url(images/home.gif);
	text-indent:-9999px;}
.business_portrait{
	margin:0;
	width:230px;
	height:34px;
	background: url(images/business_portrait.gif);
	text-indent:-9999px;}
.business_diverses{
	margin:0;
	width:230px;
	height:34px;
	background: url(images/business_diverses.gif);
	text-indent:-9999px;}
.privat_fotografie{
	margin:0;
	width:230px;
	height:34px;
	background: url(images/privat_fotografie.gif);
	text-indent:-9999px;}	
.kunst_im_raum{
	margin:0;
	width:230px;
	height:34px;
	background: url(images/kunst_im_raum.gif);
	text-indent:-9999px;}	
		

/* GALLERY*/

.tx-wtgallery-pi1{
	width:895px;
	}
.wtgallery_list_area{
	width: 270px;
	margin-left:-3px;}
.wtgallery_list {margin:0px 2px 4px 2px;}
.list_row_1 .list_row_2{ float:left;
	}
.wt_gallery_single {
	float:right;}

.manjit-home-tab1 {
	position:absolute;
	left:294px;
	top:45px;
	width:298px;
	height:391px;
}

div.manjit-home-tab2 {
	position:absolute;
	left:592px;
	top:45px;
	width:298px;
	height:391px;
}

div.manjit-home-tab3 {
	position:absolute;
	left:890px;
	top:45px;
	width:299px;
	height:391px;
}

div.topbar {
	position:absolute;
	left:0px;
	top:0px;
	width:1189px;/*width:1311px;*/
	height:45px;
	margin-top:-33px;
}
.topbanner{float:right;padding-right:5px;}
div.leftbar {
	position:absolute;
	left:0px;
	top:45px;
	width:60px;
	height:596px;
}

div.logo {
	position:absolute;
	left:0px;
	top:45px;
	width:294px;
	height:69px;
}

div.threesome {
	position:absolute;
	left:294px;
	top:45px;
	width:895px;
	height:391px;
}

div.thumbs {
	position:absolute;
	left:294px;
	top:45px;
	width:245px;
	height:391px;
}

div.viewport {
	position:absolute;
	left:539px;
	top:45px;
	width:650px;
	height:391px;
}
div.viewport_wide {
	position:absolute;
	left:294px;
	top:45px;
	width:895px;
	height:391px;
}

div.rightbar {
	position:absolute;
	left:1249px;
	top:45px;
	width:62px;
	height:596px;
}

div.menubar {
	position:absolute;
	left:0px;
	top:114px;
	width:294px;
	height:322px;
	padding-top:38px;
}
div.menubar_home {
	position:absolute;
	left:0px;
	top:114px;
	width:294px;
	height:322px;
	padding-top:30px;
}
div.copyright {
	position:absolute;
	left:0px;
	top:436px;
	width:294px;
	height:14px;
}

div.web7-mitFilmrolle-orange-09_ {
	position:absolute;
	left:294px;
	top:436px;
	width:895px;
	height:14px;
}

div.undercopyright {
	position:absolute;
	left:0px;
	top:450px;
	width:294px;
	height:34px;
}

div.ueberschrift {
	position:absolute;
	left:294px;
	top:450px;
	width:245px;
	height:34px;
}
div.ueberschrift_home {
	position:absolute;
	left:294px;
	top:450px;
	
	width:895px;
	height:127px;
}
div.right_ueberschrift {
	position:absolute;
	left:539px;
	top:450px;
	width:650px;
	height:34px;
}

div.leftunder {
	position:absolute;
	left:0px;
	top:484px;
	width:294px;
	height:93px;
}

div.web7-mitFilmrolle-orange-14_ {
	position:absolute;
	left:279px;
	top:484px;
	width:15px;
	height:93px;
}

div.description {
	position:absolute;
	left:294px;
	top:484px;
	width:895px;
	height:93px;
}

div.bottombar {
	position:absolute;
	left:0px;
	top:577px;
	width:1189px;
	height:64px;
}
/*Formular*/
.i-button{padding-left:15px; }
.submit_buttons{padding-left:230px; padding-top:10px;}
fieldset{
border: 1px #ccc solid;}
#Formular label {
clear:left;
display:inline;
float:left;
font-size:1.2em;
line-height:1.58em;
width:127px;
}
#Formular input {
height:19px;
}
#Formular textarea {
height:82px;
}
#Formular input, #Formular textarea, #Formular select {
border:1px solid #BDBDBD;
float:left;
margin:0 0 6px;
width:300px;
}
.submit_buttons {
margin-right:270px;
}
#Formular .smaller {
float:none;
width:auto;
}
.validation-advice {
display:block;
float:left;
margin-left:10px;
}
.form-row {
height:35px;
width:auto;
}
#anrede {
border:1px solid #BDBDBD;
float:left;
margin:0 0 6px;
width:90px;
}
legend {

margin-bottom:10px;
}
