/* Basic Stylesheet for www.ideenwerft.com */

/* Farben: rot #993300 */

* {padding:0px;margin:0px;}
img {border:0;}
.hidden { /* für screenreader links */
position: absolute;
left: -10000px;
}

body {
font-size: 0.75em; /* setzt Standardschriftgröße auf 11px */
font-family: arial, Sans-Serif;
color:#333333;
text-align:center;
overflow: -moz-scrollbars-vertical; /* für inaktiven scrollbalken bei mozilla */
padding-top:0px;
}
#rahmen {
width: 945px;
margin: 0 auto;
text-align:left;
}
#top {
float:left;
width:100%;
height:315px;
background-repeat: no-repeat;
background-position: 0px 15px;
}
#navi {
float:right;
height:110px;
width: 600px;
margin-top: 195px;
}
#logo {
float:left;
height:70px;
width: 330px;
margin-top: 220px;
}
#logo a {
display:block;
height: 70px;
}
#left {
float:left;
width: 350px;
min-height:320px;
/*_height: 370px; /* ie hack */

}
div.box {
float:left;
display:inline;
hei ght: 415px;
background: url(../layout/box_top.gif) top left no-repeat;
margin-bottom: 4px;
width: 350px;
padding-top: 15px;
}
div#login {
background: url(../layout/box_bottom.gif) bottom left no-repeat;
}
div.twitter {clear:both;margin-left:10px;}
div.twitter p {margin-top:2px;}

#content {
float:right;
width: 577px; /*  */
_width: 577px; /* IE */
margin-top: 13px;
padding-bottom: 20px;
}

/* main navi ***************** */
#navi a {
display: inline;
float: right;
width: 130px;
height: 105px;
margin-left: 19px;
background-position: top right;
background-repeat: no-repeat;
}
#navi a:hover, #navi a.cur {
background-position: bottom right;
background-repeat: no-repeat;
}
#navi a.kontakt {
background-image: url(../layout/b_kontakt.jpg);
}
#navi a.service {
background-image: url(../layout/b_service.jpg);
}
#navi a.projekte {
background-image: url(../layout/b_projekte.jpg);
}
#navi a.portfolio {
background-image: url(../layout/b_portfolio.jpg);
}

/* static navi ************* */
ul#static {
list-style: none;
margin-top: 5px;
margin-left: 8px;
}
ul#static li {
float: left;
padding-right: 10px;
}
ul#static li a:link, ul#static li a:visited {
text-decoration: none;
color: #ccc;
}
ul#static li a:hover {
text-decoration: underline;
color: #999;
}

/* content ****** */
h1 {
margin-top:2px;
font-size: 1.2em;
margin-bottom: 10px;
color: #999;
border-bottom: 1px solid #ccc;
}
h2 {
font-size: 1.1em;
margin: 10px 0 0px 0;
}
#content h3 {
font-size: 1.1em;
margin: 15px 0 0 0;
background: #efefef;
padding: 3px 5px;
}
#content div.twtr-hd h3 {background:none;}

#content h4 {
margin-top: 10px;
}
p {
margin: 7px 0 8px 0;
}
#content ul {
margin-left: 30px;
margin-top: 5px;
list-style-position: outside;
list-style-type: disc;
}

/* links ************************* */
#content a:link, #content a:visited {
font-weight:bold;
color: #999999;
}
#content a:hover, #content a:focus {
color: #930;
background-color: #efefef;
}
a.mail {
padding-left: 22px;
background: url(../layout/email.gif) 0px 3px no-repeat;
}
a.download {
padding-left: 22px;
background: url(../layout/pdf.gif) no-repeat;
}
#content a.external-link-new-window {
padding-left:13px;
background-image: url(../layout/linkExt.gif);
background-position: left;
background-repeat: no-repeat;
}

/* left news *** */
div#news {
width: 315px;
margin: 0px 0px 15px 15px;
}
div#news h2 {
margin: 0px 0 0px 0;
}
div#news h2.csc-firstHeader {
font-size: 1.2em;
margin-bottom: 10px;
}
div#news p.csc-header-date {
font-size:0.9em;
font-weight:bold;
color:#ccc;
border-bottom:1px dotted #ccc;
margin: 2px 0 2px 0;
}
div#news h3 {
font-size: 1em;
color: #666;
margin: 0px 0 0 0;
padding: 0px 0px;
}
div#news p {
margin: 2px 0 8px 0;
color: #999;
}
div#news a:link, div#news a:visited {
font-weight:bold;
color: #999;
}
div#news h3 a:link, div#news h3 a:visited {
color: #333;
}

/* left navi ********** */
div.box a:link, div.box a:visited {
text-decoration:none;
color: #333;
}
div.box a:hover {
text-decoration:underline;
color: #c00;
}
div.box ul {
font-size: 1.2em;
list-style:none;
list-style-position: outside;
width: 140px;
}
ul#km {
float:left;
margin-left:15px;
}
ul#km li {margin-bottom:10px;}
ul#km li ul li {margin-bottom:0px;}

ul#nm {
float:right;
margin-right:20px;
}
div.box ul#nm li {
text-align:right;
}
div.box ul li {
font-weight:bold;
white-space:nowrap;

}
div.box ul li.current {
color: #c00;
}
div.box ul li.current a:link, div.box ul li.current a:visited {
color: #c00;
}
/* 2. Ebene */
div.box ul ul {
font-size: 0.8em;
margin-top: 5px;
}
div.box ul li ul li {
font-weight:normal;
padding-bottom: 4px;
}
div.box ul li ul li a:link, div.box ul li ul li a:visited {
color:#666666;
display:block;
}
div.box ul li ul li a:hover {
color: #c00;
background:#eaeaea;
text-decoration:none;
}

div.box ul li.current ul {
font-size: 0.8em;
}
div.box ul li.current ul li {
font-weight: normal;
}
div.box ul li.current ul li a:link  {
color:#333;
}
div.box ul li.current ul li a:visited {
color: #333;
}
div.box ul li.current ul li a:hover {
color:#c00;
}
/* 2. Ebene current */
div.box ul li.current ul li.current {
font-weight: bold;
color:#c00;
}

/* left login ********* */
div#login {
padding: 10px 15px 5px 0px;
}
div#login h3 {
font-size: 1em;
color: #999;
}
div#login p {
color: #ccc;
margin: 5px 0 5px 10px;
}
div#login input {
border: 1px solid #eaeaea;
color:#999;
}
div#login input:focus {
background: #FFCC66;
}
div#login input.submit {
border: 1px solid #ccc;
color:#999;
font-size:0.9em;
}
div#login input.submit:hover, div#login input.submit:focus {
border: 1px solid #999;
color:#930;
background:#ccc;
}
div#login strong {
margin-right: 10px;
}
div#login p.active {
color: #930;
}


/* ***** FORMULARE TMail******** */
SPAN.error {
color:red;
font-weight:bold;
}
DIV.kontaktForm {
margin-top:20px;
}
DIV.kontaktForm form {
padding-top: 5px;
}
DIV.kontaktForm form p {
width:560px;
clear:both;
text-align:left;
padding:0 0 0px 1px;
}
DIV.kontaktForm form p label  {
float:left;
width:130px;
}
DIV.kontaktForm form p input, DIV.kontaktForm form p textarea, DIV.kontaktForm form p select {
margin-left: 5px;
font-size:1.1em;
}
DIV.kontaktForm form p textarea {
font-size:1.2em;
}
DIV.kontaktForm form input:focus, DIV.kontaktForm form textarea:focus {
background-color : #F0F0F9;
}
DIV.kontaktForm input.submit {
padding:2px;
font-size: 1em;
}

/* *************** a21glossary ************/
#content acronym, dfn, abbr, span.abbr { border-bottom: 1px dotted #999; cursor: help; }
acronym:hover, dfn:hover, abbr:hover { color:#FF6633;border-bottom: 1px dotted #FF6633; cursor: help; }
/* dl.glossary dt { font-weight: bold; margin: 0 0 3px 0; font-style: normal; }
dl.glossary dd { margin: 0 0 15px 20px; }
dl.glossary .description { margin: 0; padding: 0; }
dl.glossary .type { fo nt-style: italic; padding: 0 3px 0 0; }      */

/* tags die von der Auszeichnung ausgeschlossen werden sollen*/
a:link dfn, a:visited dfn,a:hover dfn, li.current dfn {border-bottom: 0px dotted black;font-style:normal;cursor:pointer;}
a:hover dfn {color:#c00}
dd.csc-textpic-caption dfn {border-bottom: 0px dotted black;font-style:normal;cursor:default;}
dl.glossary dt dfn {border-bottom: 0px;}

#content dfn {
font-style:normal;
}