/* CSS Document */

body{
height:100%;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
color:#666;
font-size:0.75em; 
text-align: center;/*fuer IE_quirks (Fehlt die Doctype-Angabe, wird der Quirks-Modus verwendet)*/
font-weight:normal;
}

p {margin:0; padding:0;line-height:1.5em;}
*html p { line-height:1.1em;}
strong {color:#666;}

h1 { font-size:1.2em; color:#666;}
h2 { font-size:1.1em; color:#CC0000;}

hr {height: 1px;border: 0 none; border-top: 1px dotted #ccc; margin-top:15px;}

/***************************************************** mainboxes ***********************************************************/

#wrapper { width:950px; margin:auto; text-align:left;}

/*Definition fr die Navigation oben*/ 
#servicemenue { height:40px; margin:auto; width:950px; clear:both;}

#servicemenue ul {padding: 0;list-style-type: none; float:right; margin-top:20px; font-size:0.9em;}

#servicemenue ul li { 
display: block;
float:left;
text-decoration: none;
padding: 0 10px 0 10px;
border-right: 1px solid #999;
background-color: #fff;
text-align: center;}

#servicemenue ul li a { color: #000;}
#servicemenue ul li a:hover {text-decoration: underline;}

#servicemenue ul li.minusRand { 
text-decoration: none;
padding: 0 1px 0 7px;
border-right: 0;
color: #999;
background-color: #fff;
text-align: center;
}

#head-container { width:100%; height:112px;}
#bildleiste-1 { background-image:url(images/header/1.jpg); background-repeat:no-repeat; height:112px;}
#bildleiste-2 { background-image:url(images/header/schauspielschule.jpg); background-repeat:no-repeat; height:112px;}
#bildleiste-3 { background-image:url(images/header/coaching-privat.jpg); background-repeat:no-repeat; height:112px;}
#bildleiste-4 { background-image:url(images/header/4.jpg); background-repeat:no-repeat; height:112px;}
#bildleiste-5 { background-image:url(images/header/darstelleragentur.jpg); background-repeat:no-repeat; height:112px;}
#bildleiste-6 { background-image:url(images/header/kameratraining.jpg); background-repeat:no-repeat; height:112px;}


#story-wrapper { margin-left:190px; margin-right:238px;}
*html #story-wrapper {margin-right:235px;}

#story{
margin:0px;
padding:20px 20px 0 20px;
border-left-style: solid;
border-right-style: solid;
border-width:1px;
border-color: #000;
min-height:2030px;
width:100%;
float:left;
text-align:left;
}

#right {
margin:5px 0px 0px 0px;
width:180px;
padding:3px 0px 0px 15px;
float:right;
font-size:0.9em;
}

#right ul { list-style:none; margin-left:-35px; font-family:Helvetica,Arial, sans-serif;}
*html #right ul { margin-left:5px;}
*+html #right ul { margin-left:5px;}

#right ul li {
margin-left:0px;
background: transparent url(images/bullet.gif) left top no-repeat;
background-position:0 6px;
padding-left: 12px;
text-align: left;
line-height:1.5em;
}

#right h1 { font-size:1.1em; color:#c3551f; text-decoration:underline;}
#right h2 { font-size:1em; color:#c3551f;}
#right h3 { font-size:1em; color:#666;}

#right .orange { font-size:1em; color:#c3551f;}

#right a:link { text-decoration:none; color:#c3551f;}
#right a:visited {text-decoration:none; color:#c3551f;}
#right a:hover { color:#c3551f; text-decoration:none;}
#right a:focus { color:#c3551f; text-decoration:none;}

/*********************************************** boxes left*******************************************************/

#left {
margin:40px 0 0 0;
padding: 0;
width: 180px;
float:left;}


#left a:link { text-decoration:none; color:#c3551f;}
#left a:visited {text-decoration:none; color:#c3551f;}
#left a:hover { color:#c3551f; text-decoration:none;}
#left a:focus { color:#c3551f; text-decoration:none;}

#left img.right { float:right; margin:0 30px 5px 0;}
#left img.left { float:left; margin:0 20px 10px 0;}

/************************	definition menue  *****************************************/
#menue {
margin:1px 0 0 0;
padding: 0;
width: 100%;
height:30px;
float:left;
border-bottom:1px solid #231f20;
}

#menue ul {padding: 0;list-style-type: none;  font-size:0.9em; margin:13px 0px 0px 0px;}

#menue ul li { 
display: block;
float:left;
text-decoration: none;
padding: 0px 8px 0px 8px;
text-align: center;
border-right:1px solid #231f20;}

#menue ul li a { color: #231f20; font-weight:bold; text-decoration:none;}
#menue ul li a:hover {text-decoration: none; color:#c3551f;}

#menue ul li a.active { color: #c3551f; font-weight:bold; text-decoration:none;}

#menue ul li.minusRand { 
text-decoration: none;
padding: 0 1px 0 7px;
border-right: 0;
color: #999;
background-color: #fff;
text-align: center;
}

/******************************** Definitionen fuer den Inhalt ***************************************/

#story p {line-height:1.5em;}
#story h1 { font-size:1.2em; color:#c3551f;}
#story h2 { font-size:1em; color:#c3551f;}
.underline { border-bottom:1px solid #c3551f;}

#story h3 { font-size:1em; color:#666; }

#story a:link { text-decoration:none; color:#c3551f; outline:none;}
#story a:visited {text-decoration:none; color:#c3551f; outline:none;}
#story a:hover { color:#c3551f; text-decoration:none; outline:none;}
#story a:focus { color:#c3551f; text-decoration:none; outline:none;}

#box-400 { width:445px;}

.box-grau { background-color:#f4f4f4; padding:10px; float:left;}

.orange { color:#c3551f; font-weight:bold;}
.red { color:#c00; font-weight:bold;}

.sternchen { background:transparent url(images/sternchen.png) left top no-repeat; padding-left:20px;}

.news-date {border-bottom:1px dotted #ccc; margin-bottom:10px; background-color:#f4f4f4;}

.small { font-size:0.9em;}

#story img.right { float:right; margin:0 0px 5px 20px;}
#story img.left { float:left; margin:0 20px 10px 0;}

.box-180-left {width:175px; float:left; font-size:0.8em; margin:0px 15px 15px 0px;}

.seitenanfang {
background-image: url(images/icon_top.gif);
background-repeat: no-repeat;
background-position: right center;
padding-right: 20px;
font-size:0.9em;
}
.download {
background-image: url(images/icon_pdf.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
font-size:1em;
}

/************** Formnatierungen Listen im Content Bereich****************/

#story ul { list-style:none; margin-left:-20px; font-family:Helvetica,Arial, sans-serif;}
*html #story ul { margin-left:5px;}
*+html #story ul { margin-left:5px;}

#story ul li {
margin-left:0px;
background: transparent url(images/bullet.gif) left top no-repeat;
background-position:0 6px;
padding-left: 15px;
text-align: left;
line-height:1.5em;
}

table,td {border: 1px solid #ccc; border-collapse: collapse;}
table{border:none;border:1px solid #ccc;}
caption {padding:5px 0px; border-top: 1px solid #ccc; text-align:left; font-weight:bold; color:#666;}
thead th, tbody th {background:#f4f4f4;padding: 5px 5px; border-left: 1px solid #ccc; text-align: left;  color:#666;}
tbody th{background: #dae2eb;border-top: 1px solid #ccc;text-align: left;}
tbody tr td{padding: 7px 5px;color: #666;vertical-align:top;}

/*************************** Mitglieder toggle Listen ************************************/




.listitem {
line-height:6pt;
margin-bottom:16pt;
margin-top:0;
position:relative;
top:4pt;
width:100%;
padding:10px 0px 10px 0px;
background: #f4f4f4 url(images/close.png) right 5px no-repeat;
}
.listitem a {
border:0 none;
display:block;
background: transparent url(images/open.png) left -3px no-repeat;
padding-left:15px;
}

.listitem a.intern {background: transparent url(images/intern.png) left center no-repeat;padding-left:15px;}
.listitem a.download {background: transparent url(images/icon_pdf.gif) left center no-repeat;padding-left:20px;}

.listitemcontent {
line-height:16pt;
margin:0;
padding:0px 5px 5px 10px;
background-color:#f4f4f4;
}
.listitemcontent a {
display:inline;
height:auto;
}
.projectthumbnails {
float:left;
margin-top:12pt;
padding-bottom:16pt;
width:175px;
}
.projectthumbnails a {
border:0 none;
float:left;
height:50px;
margin-bottom:5px;
margin-right:5px;
width:50px;
}
.projectfeatures {
margin-left:160px;
}
/******************************************************** footer ****************************************************/

#footer {
font-size:0.8em;
clear:both; 
height:40px; 
margin-top:10px; 
text-align:center; 
padding-top:5px; 
width:950px; 
margin:auto;
border-top:1px solid #000;
}


