/* CSS Document */
/* ###################################################### */
/* ################### GRUNDSTRUKTUR #################### */
/* ###################################################### */
html, body {
    font-family:Verdana, Tahoma, Arial, sans-serif;
    color:#666666;
}
html {
  font-size: 101%;
}
body {
    background-color:#3b3b3b;
    background-image:url(../images/ani/muster_mit-grauem-Hintergrund.png);
    background-repeat:repeat;
    background-attachment:fixed;
}
form {
    margin:0;
    padding:0;
}
textarea {
    width:418px;
    height:85px;
}
input {
    border:1px solid #3f3e3e;
    padding: 3px 2px;
    color: #3f3e3e;
    background-color:white;
}
.button {
    border:0px;
    background-color:#83263c;
    margin-right:10px;
    color:white;
}
.button:hover {
    background-color:#3f3e3e;
    color:white;
}
img {
    border:0;
}
#container_content {
    padding-top:4.85em;
    padding-bottom:3em;
    padding-left:0;
    font-size:0.82em;
}
#container_header {
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    background-image:url(../images/background_shdw.png);
    background-repeat:repeat-x;
    background-position:bottom;
    text-align:center;
    padding:0 0 5px 0;
    height:4.0em;
}
#container_footer {
    position:fixed;
    bottom:0px;
    left:0px;
    right:0px;
    background-image:url(../images/background_footer_shdw.png);
    background-repeat:repeat-x;
    background-position:top;
    text-align:center;
    padding:5px 0 2px 0;
    height:1.0em;
}
/* Angaben nur für den Internet Explorer mit Star-HTML-Hack */
* html, * html body {
    height:100%;
    overflow:hidden;
}
* html #container_header {
    margin:0;
    background-image:url(../images/background_shdw.gif);
    background:white;
}
* html #container_content {
    padding:0.5em;
    height:85%;
    overflow:auto;
}
* html #container_footer {
    padding-top:1%;
    background-image:url(../images/background_footer_shdw.gif);
    background:white;
}
.position       {margin:0 auto; width:960px;} /* zentrierung plus breitenabgabe von ebenen */

/* ###################################################### */
/* ####################### KOPFZEILE #################### */
/* ###################################################### */
#white_header   {width:100%; background-color:white; margin-bottom:10px;}
#logo_seitz {
    background-image:url(../images/logo-seitz.gif);
    background-repeat:no-repeat;
    background-position:left 4px;
    margin-left:-70px;
    min-height:4.1em;
}
.logo { 
    height:3.8em;
    width:300px;
    float:left;
}
/* ####################### Hauptmenü #################### */
#mainmenu       {
    margin-left:70px; 
    text-align:right; 
    height:100%;
}
#mainmenu ul    { 
    float:right;
    border-right-width:1px;
    border-right-style:dotted;
    border-right-color:grey;
    margin:6px 0;
}
/* Opera this is just for you */
html:first-child>b\ody #mainmenu ul{min-width:700px;}
/* this is the End */

#mainmenu li    {
    float:left;
    border-left-width:1px;
    border-left-style:dotted;
    border-left-color:grey;
    text-align:center;
    min-width:138px;
    list-style:none;
}
#mainmenu a     {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-style:italic;
    font-size:1.2em;
    line-height:1.5em;
    padding-bottom:1em;
    text-decoration:none;
    border-top: 4px solid;
    display:block;
    margin:auto;
}
#mainmenu a:link, #mainmenu a:visited, #mainmenu a:active { border-top-color:white; color:#83263c;}
#mainmenu a:hover, #mainmenu a.active {border-top-color:#3c3b3b; color:#3c3b3b;}
#mainmenu a.active:hover {border-top-color:#3c3b3b; color:#83263c;}

/* ###################################################### */
/* ####################### FUSSZEILE #################### */
/* ###################################################### */
#submenu       {text-align:left; font-size:0.63em;}
#submenu li    {
    float:left;
    padding:0 0.2em;
    border-left:1px solid #83263c;
    margin:0.2em 0;
}
#submenu a     {
    text-decoration:none;
    display:block;
    padding:0 0.2em;
}
#submenu a:link, #submenu a:visited, #submenu a:active { color:#83263c;}
#submenu a:hover, #submenu a.active { color:black; text-decoration:underline; }
#submenu a.active:hover { color:#83263c; text-decoration:underline;}


/* ###################################################### */
/* ######################## INHALT ###################### */
/* ###################################################### */
#content        {width:960px;margin: 0 auto;}

/* ################# Hauptmenu Level 2 ################## */
ul#mainmenu_l2       {
    width:179px; 
    height:169px;
    background-image:url(../images/platzhalter.jpg);
    background-repeat:no-repeat;
    padding-top:7px;
}
ul#mainmenu_l2 li   { 
    text-indent:20px;
    list-style:none;
}
ul#mainmenu_l2 li a {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-style:italic;
    line-height:1.35em;
    text-decoration:none;
    display:block;
    font-weight:bold;
}
ul#mainmenu_l2 a:link, ul#mainmenu_l2 a:visited, ul#mainmenu_l2 a:active { color:white;}
ul#mainmenu_l2 a:hover, ul#mainmenu_l2 a.active { color:#83263c; text-decoration:none; }
ul#mainmenu_l2 a.active:hover { color:black; text-decoration:underline;}

/* ############### Portfolio und Feedback ############### */
ul#portfolio_ov li, ul#feedback_ov li, .fleft {float:left; list-style:none;}
.pola_img {width:210px;margin:14px 14px 0 0;}
.pola_img .top, .pola_img .middle, .pola_img .bottom {
    width:210px;
    background-repeat:no-repeat;
    margin:0;
}
.pola_img .top      {
    background-image:url(../images/pola_top.png);
    background-position:top;
    height: 14px;
}
.pola_img .bottom   {
    background-image:url(../images/pola_bottom.png);
    background-position: bottom;
    height:13px;
}
.pola_img .middle   {
    background-image:url(../images/pola_middle.png);
    background-repeat: repeat-y;
}
.pola_img .middle div   { margin-left:15px;padding:0;}
.pola_img .middle div div {margin-left:0;}
.pola_img .middle div p { 
    background-color:#333333;
    color:#cccccc;
    background-image: url(../images/platzhalter.jpg);
    background-repeat:repeat-x;
    margin-right:15px;
    height:171px;
    padding:4px 6px;
    font-size:0.85em;
    overflow:hidden;
}
.pola_img .middle .title, .pola_img .middle .client, .pola_img .middle .menu, 
.pola_img .middle .kal, .pola_img .middle .info{
    display:block;
    background-position:2px 50%;
    background-repeat:no-repeat;
    margin:0;
    height:2.5em;
    padding:5px 0 0 0;
}
.pola_img .middle .title{
    background-image:url(../images/picto_cam.gif);
}
.pola_img .middle .client{
    background-image:url(../images/picto_cam.gif);
}
.pola_img .middle .info{
    background-image:url(../images/picto_cam.gif);
}
.pola_img .middle .menu{
    background-image:url(../images/picto_list.gif);
}
.pola_img .middle .kal{
    background-image:url(../images/picto_kal.gif);
}
.pola_img .middle h2{
    margin:0 0 0 35px;
    padding: 5px 0;
    border-left: 1px dotted #3c3b3b;
    text-indent: 10px;
}
.pola_img .middle h2 a, .pola_img .middle h2 span{
    line-height:1.6em;
    font-size:1.2em;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-style:italic;
    text-decoration:none;
    display:block;
}
.pola_img .middle h2.small a { line-height:2em;font-size:1.2em;}
.pola_img .middle h2.smalls a { line-height:2em;font-size:1.0em;}
.pola_img .middle h2.smalls span, .pola_img .middle h2.small span { line-height:2em;font-size:0.95em;}
/* Opera this is just for you */
html:first-child>b\ody .pola_img .middle h2.smalls span, html:first-child>b\ody .pola_img .middle h2.small span {font-size:1.0em;}
/* this is the End */
.pola_img .middle h2 a:link, .pola_img .middle h2 a:visited{
    color:#3c3b3b;
}
.pola_img .middle h2 a:hover {
    color:#83263c
}

/* ################### Standardseiten ################### */
.con {width:874px;margin:14px 14px 0 0;}
.con .top, .con .middle, .con .bottom {
    width:100%;
    background-repeat:no-repeat;
    margin:0;
}
.con .top      {
    background-image:url(../images/con_top.png);
    background-position:top;
    height: 10px;
}
.con .bottom   {
    background-image:url(../images/con_bottom.png);
    background-position: bottom;
    height:12px;
}
.con .middle   {
    background-image:url(../images/con_middle.png);
    background-repeat: repeat-y;
}
.con .middle .content{
    width:762px;
    margin:0 0 0 49px;
    padding:20px 0;}
/* #################### Startseite ###################### */
.pola_start {width:286px;margin:19px 25px 0 0; float:left;}
.pola_start .top, .pola_start .middle, .pola_start .bottom {
    width:286px;
    background-repeat:no-repeat;
    margin:0;
}
.pola_start .top      {
    background-image:url(../images/start_top.png);
    background-position:top;
    height: 17px;
}
.pola_start .bottom   {
    background-image:url(../images/start_bottom.png);
    background-position: bottom;
    height:15px;
}
.pola_start .middle   {
    background-image:url(../images/start_middle.png);
    background-repeat: repeat-y;
}
.pola_start .middle div   { margin-left:19px;padding:0;}
.pola_start .middle div div { 
	margin-left:0;
	width:247px;
    height:247px;
    overflow:hidden;
}
.pola_start .middle h2{
    margin:0 19px 5px 0;
    text-align:center;
    padding: 5px 0;
    border-bottom: 1px dashed #3c3b3b;
    font-family:Georgia, "Times New Roman", Times, serif;
    display:block;
    font-style:italic;
    line-height:1.3em;
    font-weight:bold;
    color:#83263c;
    font-size:1.7em;
}
.pola_start .middle div p {
    font-size: 0.8em;
    font-family:Georgia, "Times New Roman", Times, serif;
    color:#c5c5c5;
}
.pola_start .middle div a{
    margin-left:0;
    border:1px solid white;
}
.pola_start .middle a:hover div {border:1px solid #83263c;}
/* ################### Überschriften #################### */
h1,h2,h3,h4,h5,h6   {
    font-family:Georgia, "Times New Roman", Times, serif;
    display:block;
}
h1                  {
    color: white;
    width:70%;
    font-size:4em;
    font-style:italic;
    background-image:url(../images/dotted.png);
    background-position:left 1em;
    background-repeat:repeat-x;
    margin-top:1em;
}
h2.pola {
    font-size:1em;
    font-weight:normal;
}
/* ####################### Links ######################## */
a                   { color:#83263c;}
a:link, a:visited   { text-decoration:none;}
a:hover             {text-decoration:underline;}
/* #################### Kontaktformular ################# */
form {
    margin:0px;
    padding:0px;
}
.kontaktformular {
    width: 100%;
}
.kontaktformular ol {
    margin-bottom:20px;
    margin-top:10px;

}
.kontaktformular ol li {
    padding:2px 0px;
    text-indent:5px;
}
.kontaktformular input.pflicht, .kontaktformular textarea {
    background-color:#dfdfdf;
    color:#3f3e3e;
}
.kontaktformular input.eingabe {
    width: 250px;
}
.kontaktformular input.strasse {
    width: 200px;
    margin-right:10px;
}
.kontaktformular input.nr {
    width: 35px;
}
.kontaktformular input.ort {
    width: 195px;
}
.kontaktformular input.plz {
    width: 40px;
    margin-right:10px;
}
.kontaktformular textarea {
    width: 300px;
    height:160px;
    border:1px solid #3f3e3e;
    padding: 3px 2px;
    margin-bottom:10px;
}
.kontaktformular .dissi {   /*background-color:#0d0d0d;*/
}
.kontaktformular label {
    display:block;
    width:119px;
    float:left;
    line-height:1.4em;
}
.kontaktformular label.pflicht, .kontaktformular span.pflicht, .kontaktformular em {
    color:#3f3e3e;
    font-weight:bold;
}
.kontaktformular legend {
    font-size: 1.09em;
    font-weight:normal;
    margin:4px 0;
    text-indent:20px;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-style:italic;
    color:#83263c;
}
.kontaktformular #person {
    margin:0 0 20px 0;
    float:left;
}
/* ###################### Google Maps ################### */
#gm_map         {float:left;width:532px;}
#map            {border: 7px solid #dfdfdf;margin-bottom:10px;}
#map_overview   {margin: 0 7px 7px 0;}
#gm_searchmask  {float:right; width:210px;}
#gm_searchmask  input { width:200px;}
#gm_searchmask  input.pflicht {
    background-color:#dfdfdf;
    color:#3f3e3e;}
#gm_searchmask  input.fix {
    border: 1px dashed #666666;color:#666666;}
#gm_searchmask .button {margin-top:10px;width:80px;}
/* ####################### Newsliste #################### */
.more { /* Positioniert die "Mehr"-links für die Newsartikle auf der Startseite*/
    display: block;
    text-align:right;
}
#Pages { /* Pageflipp bei News */
    display: block;
    text-align:center;
}
.artikle_top {
    margin: 0 0 15px 0;
    display: block;
    text-align:right;
    font-size: 0.8em;
    clear:both;
}
.artikle_top .gruppe { display:block;text-align:left;}
.news_date {font-weight:normal;}
.hidden {visibility: hidden;}