/* CSS DIALOG PR */

body {
  position: absolute;
  width: 100%; height: 100%;
  margin: 0; padding: 0;
  
  background-color: #ffffff;
  
  font-family: Arial, Helvetica, sans_serif;
  font-size: 12px;
  line-height: 15px;
  color: #ffffff;
  
  text-align: center;
}
ul,ol,li,img,p,h1,h2,h3,h4,h5,h6,h7 {
  margin: 0; padding: 0; border: 0;
}

ul {
  list-style-type: none;
}
#box1 ul, #box2 ul, #box3 ul {
  list-style-type: square;
  margin: 13px;
}
#box1 form ul, #box2 form ul, #box3 form ul {
  list-style-type: none;
  margin: 0;
}
#box1 ul li a, #box1 a, #box2 ul li a, #box2 a, #box3 ul li a, #box3 a {
  color: #ffffff;
  font-weight: bold;
}
#box1 ul li a:hover, #box2 ul li a:hover, #box3 ul li a:hover {
  color: #ffffff;
}

a {
  text-decoration: none;
  color: #ffffff;
}
a:hover {
}


/* Clearfix-Hack */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.invisible {
  position: absolute;
  left: -1000em;
  width: 20em;
}

/* Spezielle Seitenobjekte */
#content {
  position: relative;
  width: 930px; height: 650px;
  margin: 36px auto;
  text-align: left;
}

#pageinfo {
  display: none;
}
/* ######################################
   Inhaltsbereich (die Karos und das Logo)
   ###################################### */
   
#inhalt {
  position: absolute;
  width: 840px; height: 397px;
  top: 163px; left: 90px;
}

#inhalt div {
  position: relative;
  display: block;
  width: 244px; height: 278px;
  float: left;
  padding: 18px;
  overflow: hidden;
}
#inhalt div img, #inhalt div .flash {
  margin: -18px 0 0 -18px;
}
#inhalt div .flash {
  width: 280px; height: 314px;
}
#inhalt div#logo {
  position: absolute;
  bottom: 0; left: 0;
  background-color: #666666;
  background-image: url(../images/logo.gif);
  background-repeat: no-repeat;
  background-position: 450px 23px;

  width: 840px; height: 83px;
  clear: both;
  padding: 0;
}
#logotop {
  position: absolute;
  top: 0; left: 90px;
  color: #464646;
}

h2 {
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 15px;
}

p {
  margin-bottom: 15px;
}

/* Hintergrundfarben */
div#box1 { background-color: #91b323; }
div#box2 { background-color: #aac644; }
div#box3 { background-color: #c5da79; color: #ffffff; }

#type2 div#box1 { background-color: #cd8621; }
#type2 div#box2 { background-color: #d7a434; width: 524px; }
#type2 div#box3 { background-color: #e3c174; display: none;}

#type3 div#box1 { background-color: #34529f; }
#type3 div#box2 { background-color: #5479b5; width: 524px; }
#type3 div#box3 { background-color: #84a3cc; display: none;}

#type4 div#box1 { background-color: #6f009f; }
#type4 div#box2 { background-color: #8929b5; width: 524px; }
#type4 div#box3 { background-color: #aa69cc; display: none;}

#type5 div#box1 { background-color: #b93326; }
#type5 div#box2 { background-color: #c45d4e; width: 524px; }
#type5 div#box3 { background-color: #d48e82; display: none;}

#type6 div#box1 { background-color: #91b323; }
#type6 div#box2 { background-color: #aac644; width: 524px; }
#type6 div#box3 { background-color: #c5da79; display: none; }

#type7 div#box1 { background-color: #cd8621; }
#type7 div#box2 { background-color: #d7a434; }
#type7 div#box3 { background-color: #e3c174; }

#type8 div#box1 { background-color: #34529f; }
#type8 div#box2 { background-color: #5479b5; }
#type8 div#box3 { background-color: #84a3cc; }

#type9 div#box1 { background-color: #6f009f; }
#type9 div#box2 { background-color: #8929b5; }
#type9 div#box3 { background-color: #aa69cc; }

#type10 div#box1 { background-color: #b93326; }
#type10 div#box2 { background-color: #c45d4e; }
#type10 div#box3 { background-color: #d48e82; }


/* ######################################
   Hauptnavigation
   ###################################### */

#menu {
  position: absolute;
  width: 840px; height: 105px;
  top: 40px; left: 90px;
}

#menu ul {
  position: relative;
  height: 105px;
  float: left;
  overflow: hidden;
}

ul li a {
  color: #a2a2a2;
  font-weight: normal;
}
ul li.current a, ul li a:hover {
  color: #464646;
}

#mainmenu {
  width: 90px;
}
#submenu1, #submenu2 {
  border-left: 1px solid #a2a2a2;
  width: 171px;
  padding: 0 0 0 18px;
}
#submenu2 {
  width: 261px;
}

#language {
  position: absolute;
  width: 65px; height: 105px;
  top: 40px; left: 25px;
  font-size: 9px;
  line-height: 13px;
}  

#textsize {
  position: absolute;
  width: 65px; height: 105px;
  top: 110px; right: 0;
  text-align: right;
  font-size: 9px;
  line-height: 13px;
}
#textsize a {
  font-weight: bold;
  font-size: 14px;
  color: #cccccc;
}
#textsize a:hover {
  color: #999999;
}

#essentials {
  position: absolute;
  width: 90px; height: 75px;
  bottom: 0px; left: 90px;
}

/* ######################################
   Formular
   ###################################### */

form ul li {
  margin-bottom: 15px;
}

label {
  display: block;
  width: 100%;
}

input, textarea, select {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 15px;
  
  border: 0;
  width: 232px;
  padding: 3px 6px 3px 6px;
  
  background-color: #ffffff;
}
.submit {
  width: 244px;
  background-color: #91b323;
  color: #ffffff;
  font-weight: bold;
}

.submit:hover, #box1 .submit              { background-color: #aac644; }
#box2 .submit:hover, #box1 .submit:hover  { background-color: #c5da79; }


#type2 .submit,
#type7 .submit                                          { background-color: #cd8621; }
#type2 .submit:hover, #type2 #box1 .submit,
#type7 .submit:hover, #type7 #box1 .submit              { background-color: #d7a434; }
#type2 #box2 .submit:hover,#type2 #box1 .submit:hover,
#type7 #box2 .submit:hover,#type7 #box1 .submit:hover   { background-color: #e3c174; }

#type3 .submit,
#type8 .submit                                          { background-color: #34529f; }
#type3 .submit:hover, #type3 #box1 .submit,
#type8 .submit:hover, #type8 #box1 .submit              { background-color: #5479b5; }
#type3 #box2 .submit:hover, #type3 #box1 .submit:hover,
#type3 #box8 .submit:hover, #type8 #box1 .submit:hover  { background-color: #84a3cc; }

#type4 .submit,
#type9 .submit                                          { background-color: #6f009f; }
#type4 .submit:hover, #type4 #box1 .submit,
#type9 .submit:hover, #type9 #box1 .submit              { background-color: #8929b5; }
#type4 #box2 .submit:hover, #type4 #box1 .submit:hover,
#type9 #box2 .submit:hover, #type9 #box1 .submit:hover { background-color: #aa69cc; }

#type5 .submit,
#type10 .submit                                          { background-color: #b93326; }
#type5 .submit:hover, #type5 #box1 .submit,
#type10 .submit:hover, #type10 #box1 .submit              { background-color: #c45d4e; }
#type5 #box2 .submit:hover, #type5 #box1 .submit:hover,
#type10 #box2 .submit:hover, #type10 #box1 .submit:hover  { background-color: #d48e82; }

textarea {
  height: 75px;
}
select {
  width: 243px;
  padding: 3px 3px 3px 6px;
}

form .wrongparameter {
  color: #da0000;
}
form ul .hiddeninfo {
  visibility: hidden;
}

#bloglink {
  position: absolute;
  display: block;
  width: 100px; height: 100px;
  top: -163px; right: 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(../image/blog_gruen.gif);
  z-index: 99;
}
#type2 #bloglink { background-image: url(../image/blog_orange.gif); }
#type3 #bloglink { background-image: url(../image/blog_blau.gif); }
#type4 #bloglink { background-image: url(../image/blog_lila.gif); }
#type5 #bloglink { background-image: url(../image/blog_rot.gif); }
#type6 #bloglink { background-image: url(../image/blog_gruen.gif); }
#type7 #bloglink { background-image: url(../image/blog_orange.gif); }
#type8 #bloglink { background-image: url(../image/blog_blau.gif); }
#type9 #bloglink { background-image: url(../image/blog_lila.gif); }
#type10 #bloglink { background-image: url(../image/blog_rot.gif); }

#socialbookmarks {
  position: absolute;
  width: 300px; height: 20px;
  bottom:55px; right: 0;
  text-align: right;
}


/* seitenweise Posts weiterschalten */
/*
#box1 span,
#box2 span,
#box3 span {
  display: block;
  position: absolute;
  top: 18px; left: 18px;
  width: 244px; height: 278px;
}
#box1 .hidden_post,
#box2 .hidden_post,
#box3 .hidden_post {
  display: none;
}

#box1 span span,
#box2 span span,
#box3 span span {
  display: inline;
  position: relative;
  width: auto; height: auto;
}
*/
#box1 div#page_nav,
#box2 div#page_nav,
#box3 div#page_nav {
  position: absolute;
  padding: 0; margin: 0;
  width: auto; height: auto;
  bottom: 9px;
}
#box1 div#page_nav a,
#box2 div#page_nav a,
#box3 div#page_nav a {
  font-weight: bold;
}

.wp_edit {
  margin-top: 18px;
  color: #ff0000;
}

.wp_edit a {
  font-weight: bold;
  color: #ff0000;
}