/* ----------------------------------------------------
Body settings ...
---------------------------------------------------- */

body {
padding: 0;
margin: 0;
color: #333;
background-color: #EAEAEA;
margin-top: 0px;
}


/* ----------------------------------------------------
Global font and line height settings ...
---------------------------------------------------- */

body, textarea {
font-family: verdana, helvetica, sans-serif;
font-size: 100%;
line-height:1.0333em;
text-align: left;
}
/* ----------------------------------------------------
Global link settings ...
---------------------------------------------------- */

a:link, a:visited {
text-decoration: underline;
color: #333;
background-repeat: no-repeat;
}

a:hover {
text-decoration: underline;
color: #333;
}

a:active {
text-decoration: none;
color: #333;
}

a.textLink, a:visited.textLink{
color: #333;
}

a:focus{
outline:0;
-moz-outline:0;
}

.hide{
display: none;
}

div#all{
width: 980px;
height: 650px;
margin: 0 auto;
padding: 0px;
margin-top: 20px;
background: #EAEAEA;

}



.red{
color: #193551;
}

h1{
font-size: 14px;
color: #333;
}






/*
############# Menu ######################
*/

div#mainMenu{
margin-left: 0px;
}

/* ----------------------------------------------------
Menu settings ...
---------------------------------------------------- */

ul.makeMenu{
margin: 0px;
padding: 0px;
}

ul.makeMenu ul, ul.makeMenu li a, ul.makeMenu li ul li a{
margin: 0px;
padding: 0px;
color: #333;
}

ul.makeMenu ul{
background: white;
width: 100px;
}

ul.makeMenu, ul.makeMenu ul {
border: 0px solid #000;
padding-left: 0px;
cursor: default;
}



ul.makeMenu li {
list-style-type: none;
margin: 0px;
position: relative;
padding: 2px 4px 2px 4px;
margin-top: 0px;
margin-right: 38px;
float: left;
font-size: 11px;
}


ul.makeMenu li > ul {
display: none;
position: absolute;
top: 18px;
left: 0px;
z-index:100;
}
ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {
background: white;
color: #333;
z-index:100;
}

ul.makeMenu ul.CSStoShow {
display: block;
}

ul.makeMenu li:hover ul {
display: block;
}

ul.makeMenu li a, ul.makeMenu li a:visited {
width: 100%;
text-decoration: none;
background-image: none;
color: #333;
}

ul.makeMenu li a:hover {
color: #333;
}

/* submenu */
ul.makeMenu li ul {
padding: 2px;
border: 0px solid #333;
}

ul.makeMenu li ul li{
margin: 0px;
background: none;
float: none;
clear: left;
display: block;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}

ul.makeMenu li ul li a, ul.makeMenu li ul li a:visited {
display: block;
text-decoration: none;
background-image: none;
}




/* selected */

ul.makeMenu li.selected, ul.makeMenu li.selected a:link, ul.makeMenu li.selected a:hover{
font-weight: bold;
}

ul.makeMenu li.sub ul li a:link,
ul.makeMenu li.sub ul li a:visited, ul.makeMenu li.sub ul li a:hover{
background-image: none;
font-weight: normal;
padding: 2px;
text-decoration: none;
}

ul.makeMenu li.sub ul li a:hover, ul.makeMenu li.sub ul li.selected a{
background: #e2e2e2;
text-decoration: none;
}

/*
############# Content ######################
*/


.swapFrame{
height: 545px;
margin-top: 80px;
}

.seitenVisual{
margin-top: 25px;
height: 305px;
background: white;
overflow: hidden;
}

img.headline{
margin: 6px 0;
}

.content{
font-size: 11px;
padding: 0px;
padding-top: 10px;
width: 436px;
text-align: justify;
min-height:200px;
height:auto !important; /* für moderne Browser */
height:200px; /*für den IE */
}

.sCount{
height: 20px;
width: 200px;
}

.content{
line-height:1.4em;
}

div#subMenu{
float: left;
margin-top: 5px;
font-size: 11px;
color: #666;
}

div#subMenu a img, div#subMenu img{
border: none;
margin-right: 6px;
}


div#logo{
float: right;
margin-top: 2px;
margin-right: 34px;
}



.content_left{
font-size: 11px;
float: left;
padding: 0px;
width: 633px;
height: 305px;
}

.team{
padding: 10px;
font-size: 11px;
line-height: 1.2em;
background-image:url(../../backstage/gabriel_architekten/picpool/common/team.jpg);
background-repeat:no-repeat;
height: 305px;
}


.content_right{
float: right;
padding: 10px 0;
width: 316px;
}

.content_right img.headline{
margin: 0px;
}

.startImg{
padding-top: 205px;
}

.content_left h1{
font-size: 12px;
margin: 0px;
padding: 0px;
}

.content_left h2{
font-size: 11px;
margin: 0px;
padding: 0px;
margin-top: 20px;
}


table.contentTab{
border-spacing: 2px;
border-collapse: collapse;
width: 100%;
clear: left;
margin-top: 3px;
margin-bottom: 10px;
}


.content_left table.contentTab, .team table.contentTab{
margin-bottom: 0px;
}

.content_left table.contentTab p{
margin: 0px;
padding: 0px;
}

.content_left table.contentTab .col1{
width: 100px;
}

.content_left table.contentTab .col2{
width: 320px;
}

.content_left table.contentTab .col3{
width: 240px;
}

.content_left table.contentTab .col4{
width: 240px;
}

.content_left table.contentTab .col8{
width: 43px;
}

.content_left table.contentTab .col9{
width: 160px;
}






table.contentTab tr.trHead td{
background-color: #029EE3;
color: white;
}

table.contentTab tr.trSubHead td{
background-color: #D6EBFF;
}

table.contentTab td{
padding: 0em 0.3em;
padding-left: 0px;
text-align: left;
vertical-align: top;
border: 0px solid #fff;
}


.bioText{
float: left;
width: 300px;
padding: 10px;
}


.bioText table td{
/* line-height: 1.2em; */
}



.bioBild{
float: left;
width: 280px;
padding: 0px;
}










/* ----------------------------------------------------
Kontakt..
---------------------------------------------------- */

.kontaktText{
float: left;
width: 260px;
padding: 14px 10px;
}

.kontaktForm{
float: left;
width: 320px;
padding: 14px 10px;
}



form {
margin: 0;
padding: 0;
}

fieldset{
border: 0px;
background: #FFE8B3;
}

input, textarea, select{
padding: 0.17em; /* 2px */
border: 0 none;
background-color: #F4F4F4;
font-family: verdana, helvetica, sans-serif;
font-size: 11px;
}


label.left{
width: 210px;
margin: 0em 0.33em 0.50em 0; /* 6px 4px 6px 0 */
font-weight: bold;
}

.formError{
float: left;
margin: 0.50em 0.33em; /* 6px 4px */
color: #cc0000;
}


input.right, textarea.right, select.right {
width: 227px;
margin: 0.33em 0; /* 4px */
}

textarea.right{
width: 227px;
}


form br{
clear: both;
margin: 0.17em 0; /* 2px */
}

.formMessage{
margin-top: 0.33em; /* 4px */
margin-left: 0px;
}

input.submitClass{
width: 8.33em;
margin: 0 0.33em 0 0; /* 2px */
background-color: #999;
color: #fff;
font-size: 11px;
float: left;
}

/*
############# Helpers ######################
*/

a.pfeil, a:link.pfeil, a:visited.pfeil{
font-size: 11px;
text-decoration:none;
font-weight: bold;
padding-right:15px;
background-image:url(../../backstage/gabriel_architekten/picpool/common/pfeil.gif);
background-repeat:no-repeat;
color: #333;
background-position: right 0em;
line-height: 1.2em;
}

a.linkRot, a:link.linkRot, a:visited.linkRot{
font-size: 11px;
text-decoration:none;
font-weight: bold;
color: #333;
line-height: 1.0em;
}


a.pfeilBack, a:link.pfeilBack, a:visited.pfeilBack{
font-size: 11px;
text-decoration:none;
padding-left:12px;
background-image:url(../../backstage/gabriel_architekten/picpool/common/pfeil_back.gif);
background-repeat:no-repeat;
color: #333;
}


a.pdfLink{
padding-left: 30px;
background-image: url(../../backstage/gabriel_architekten/picpool/common/pdf_icon.gif);
background-repeat: no-repeat;
background-position: 0 0em;
display: block;
text-decoration: none;
font-size: 10px;
}

.clearBlock {
height: 0px;
clear: both;
overflow: hidden;
font-size: 0px;
line-height: 0px;
}


.spacer10 {
height: 10px;
clear: left;
overflow: hidden;
font-size: 0px;
line-height: 0px;
}

.blockText{
text-align: justify;
}


.floatright {
float: right;
}

.floatleft {
float: left;
}

div#karte {
width: 599px;
height: 570px;
background-image: url(../../index.html);
}