/*########################################################################## */
/* copyright 2005 by creativbox.net/Torsten Leithold & Georg von Kries GbR  */
/*######################################################################## */


/*
###################################################
Standards
###################################################
*/


body
{
 font-family:  Arial, Verdana, "Times New Roman", serif;
 color:#000;
 background:#322C27;
 font-size: 12px;
 margin:0;
 padding:0;
}

ul
{
list-style:none;
margin:0;
padding:0;
}



h1
{
 font-family: Verdana, Arial, "Times New Roman", serif;
 font-size: 12px;
}

img
{
border:0;  
}


hr
{
margin:5px 0 5px 0;
height:2px;
border-top:1px solid #fff; 
border-right:1px solid #fff; 
border-left:1px solid #fff; 
border-bottom:1px solid #D5CEBB;
width:530px;
clear:both;
}

p
{
margin:15px 0 15px 0;
}



#container-aussen
{
width:920px;
height:640px;
margin:0 auto;
background:url(../images/background.png);    
}

* html #container-aussen
{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://creativbox.dnsalias.net/trionauten_cms/cms/images/background.png',sizingMethod='scale'); 
}



#container
{
width:900px;
height:630px;
margin:0 auto;
  
}


#footer
{
width:900px;
margin:10px auto 0 auto;
color:#6F6B67;
text-align:center;
font-size:11px;  
}



#footer a
{
color:#6F6B67; 
}


/*
###################################################
Navigation
###################################################
*/

#navigation
{
padding:20px 0 0 0; 
float:left; 
width:22px; 
height:610px;

}

#navigation li
{
 padding:0;
 margin:0;
 float:left;   
}

#navigation a
{
padding:4px 0 4px 3px;
width:14px;
display:block;
border-bottom:1px solid #326D51;

}

#navigation a:hover
{
background:url(../images/nav_aktiv.png) repeat-y; 
padding:4px 0 4px 8px;
width:14px;
display:block;
border-bottom:1px solid #326D51;
}


* html #navigation a:hover
{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://creativbox.dnsalias.net/trionauten_cms/cms/images/nav_aktiv.png',sizingMethod='scale'); 
}


#navigation li.active a
{
background:url(../images/nav_aktiv.png) repeat-y; 
padding:4px 0 4px 8px;
width:14px;
display:block;
border-bottom:1px solid #326D51;
}




* html #navigation li.active a
{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://creativbox.dnsalias.net/trionauten_cms/cms/images/nav_aktiv.png',sizingMethod='scale'); 
}

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

#content-left
{
float:left;
width:450px; 
background:url(../images/content_home_left.jpg); 
height:630px; 
}



#content-right,
#content-right-home
{
width:450px; 
background:url(../images/content_right_green.jpg); 
float:left;
height:630px;
}



#content-right-txt
{
float:left; 
width:408px; 
padding:50px 20px 20px 0;
color:#fff;
text-align:right;
line-height:18px;
height:560px;

}


#headline
{
text-align:right;
width:398px;
margin:30px 30px 50px 0;
padding:0 0 0 0;
float:right;
}

#content-right-home #headline

{
text-align:right;
width:398px;
margin:250px 30px 20px 0;
padding:0 0 0 0;
float:right;
}

#headline h1
                {
                font-size:14px;
                color:#F2B366; 
                padding:0;
                margin:0;              
                }
        

#headline img
                {
               float:right;
                
                }
                
                
                /*
###################################################
Switch
###################################################
*/


#switch
{
float:right;  
margin:10px;  
}

/*
###################################################
News
###################################################
*/

#containerbasis ul.news li
{
margin:30px 0 30px 0;    
}

#containerbasis #news h1
{
font-size:12px;
color:#F2B366;
margin:0;
}

#containerbasis #news h2
{
font-size:16px;
color:#fff;
margin:0;
}


#containerbasis a
{
color:#fff;
}

#containerbasis a:hover
{
text-decoration:none;
}


.clearer
{
clear:both;    
}


#contactForm {
    font-size:12px;
}
#contactForm .contactRow {
    margin:4px 0;

}
#contactForm label {
    display:block;
    float:left;
    width:100px;
    text-align:right;
}
#contactForm .contactRow input, #contactForm .contactRow textarea {
    border:1px solid #ccc;
    width:250px;
    font-size:12px;
    font-family:  Arial, Verdana, "Times New Roman", serif;
}
#contactForm .contactRow select {
    border:1px solid #ccc;
    width:172px;
}
* html #contactForm .contactRow input, * html #contactForm .contactRow textarea {
    width:250px;
}

#contactForm .contactRow input {
    height:14px;
}

#contactForm .contactRow textarea {
    height:105px;
    font-size:12px;
    font-family:  Arial, Verdana, "Times New Roman", serif;
}

#contactFormSubmit #contactFormSubmitLeft {
    float:left;
    margin:0 0 0 80px;
    width:174px;
}
* html #contactFormSubmit #contactFormSubmitLeft {
    margin:0 0 0 26px;
}
#contactFormSubmit #contactFormSubmitRight {
    float:right;
    width:174px;
}

#contactFormSubmit #contactFormSubmitLeft input, 
#contactFormSubmit #contactFormSubmitRight input {
    background-color:#fff;
    border:0;
    color:#0060b1;
    padding:0 20px 0 0;
    background-image:url(../images/link_pfeil.gif);
    background-repeat:no-repeat;
    background-position:95px 4px;
    font-size:10px;
    width:auto;
    height:auto;
    float:right;
    margin:0;
}
#contactFormSubmit #contactFormSubmitLeft input {
    background-image:none;
    padding:0;
    float:left;
}

#contactForm table {
    width:100%;border-collapse:collapse;
}
#contactForm table td {
    padding:0;
}
#contactForm table td.pt {
    padding-top:2px;
}
* html #contactForm table td.pt {
    padding-top:0;
}



/*
###################################################
Scrollbar
###################################################
*/
    
    
        div img {
            display: block;
        }
    
        
        #containerbasis { 
            /*  Innerhalb dieses Containers liegt der gesamte Scroll-Leisten-Klumpatsch.
                Mit position:relative; positionieren. */
            position: relative;
            left: 0;
            top: 0;
            width: 420px;
            height: 430px;
            overflow: hidden;
            z-index: 10;
            margin:0;
            float:left; 
            display:inline;
                 text-align:right;
            color:#fff;
        } 
        
#content-right-home #containerbasis 

{ 
            /*  Innerhalb dieses Containers liegt der gesamte Scroll-Leisten-Klumpatsch.
                Mit position:relative; positionieren. */
            position: relative;
            left: 0;
            top: 0;
            width: 420px;
            height: 270px;
            overflow: hidden;
            z-index: 10;
            margin:0;
            float:left; 
            display:inline;
                 text-align:right;
            color:#fff;
        } 
        
        #scrollinhalt {
            /*  Innerhalb dieses Divs liegt der Inhalt. */
            position: absolute;
            left: 0;
            top: 0;
            width: 378px;
            padding:0 30px 0 20px;
            z-index: 10;
            text-align:right;
        
        }
        
        #scrollinhalt td 
        {
         text-align:left;   
        }
        
        #scrollbarbox {
            /*  Dieses Div umschliesst alle Elemente der Scroll-Leiste.
                Es ist standardmaessig ausgeblendet und wird eingeblendet, wenn der Inhalt groesser ist als der sichtbare Bereich und somit gescrollt werden muss. */
            display: block;
            visibility: hidden;
            position: absolute;
            right: 0;
            top: 0;
            height: 490px;
            width: 11px;
            overflow: hidden;
            z-index:11;
        }
        #scrolltrack {
            /*  Dieses Div stellt die Scroll-Leiste dar.
                Zur individuellen Gestaltung kann ein Hintergrund-Bild verwendet werden. */
            position: absolute;
            left: 0;
            top: 10px;
            width: 10px;
            height: 420px;
            overflow: hidden;
            background-image: url(../grafiken/v_track_bg.png);
            background-repeat: repeat-y;
            z-index: 10;
        }
        #scrollgreifer {
            /*  Greifer-Grafik. 
                Liegt innerhalb des Scroll-Track */
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            width: 10px;
            height: 20px;
            overflow: hidden;
            z-index: 10;
        }
        #scrollpfeiloben {
            /*  Pfeil-Grafik oben (bei vertikaler Scrollbar) / links (bei horizontaler Scrollbar) */
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            width: 10px;
            height: 10px;
            overflow: hidden;
            z-index: 20;
        }
        #scrollpfeilunten  {
            /*  Pfeil-Grafik unten (bei vertikaler Scrollbar) / rechts (bei horizontaler Scrollbar) */
            display: block;
            position: absolute;
            left: 0;
            top: 420px;
            width: 10px;
            height: 10px;
            overflow: hidden;
            z-index: 30;
        }
        #springpfeil  {
            /* "Spring-Nach-Oben-Pfeil"-Grafik. */
            display: block;
            position: absolute;
            left: 0;
            top: 410px;
            width: 10px;
            height: 10px;
            overflow: hidden;
            z-index: 40;
        }