/* Datei: screen.css  */
/* Erstellt von Sebastian StŸtz */
/* Datum: 13.08.07 */

body {
    margin:0;
    padding:0;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    font-style:normal;
    line-height:1.6em;
    color:#505052;
    background-color:#9c9d9f;
    background-image:url(../images/bg.jpg);
    background-repeat:repeat-y;
    background-position:center;
    }

a {
    color:#e10035;
    background-color:transparent;
    text-decoration:none;
    }
    
a:hover {
    color:#e10035;
    background-color:transparent;
    text-decoration:underline;    
    }

img { border:0; }

h1 { 
	color:#505052; 
	background-color:transparent; 
	font-size:14px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;	
	line-height:1.4em; 
	margin:0 0 20px 0; 
	padding:0; 
}
h2 { color:#505052; background-color:transparent; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; line-height:1.6em; margin:0; padding:0; }

p {
    margin:0 ! important;
    padding:0;
}

#container {
    position:relative;
    width:960px;
    margin:0 auto;
    padding:0;
    }

#logo {
	position:absolute;
	top:0;
	left:1px;
	margin:0;
	padding:0;
	}

#logo img {
	border:0;
	}


#main {
    position:absolute;
    top:100px;
    left:80px;
    width:800px;
    overflow:hidden;  
    }

#haus {
    width:800px;
    height:22px;
    z-index: 19;
    }

#hauptnavi {
    width:800px;
    height:32px;
    z-index: 21;
    }

#subnav {
    width:800px;
    height:108px;
    margin:0;
    padding:0;
    border-bottom:1px dashed #b8b9ba;
    font-size:10px;
    line-height:1.3em;
    }

#subnav a {
    text-decoration:none;
    color:#505052;
    background-color:transparent;
    }

#subnav a:hover {
    text-decoration:none;
    color:#e10035;
    background-color:transparent;
    }

#subnav a.active {
    text-decoration:none;
    color:#e10035;
    background-color:transparent;
    }


/* TEMPLATE 1 Linke und Rechte Spalte */
 
.linkespalte {
    margin:15px 0 20px 0;
    padding:0;
    width:580px;
    float:left;
    }

.rechtespalte {
    margin:15px 0 20px 40px;
    padding:0;
    width:180px;
    float:left;
    font-size:10px;
    line-height:1.4em;
    overflow:visible;
    }

.artikelrechts {
    margin:0 0 20px 0;
    padding:0 0 20px 0;
    border-bottom:1px dashed #9c9d9f;
    }

.artikelrechts a {
    text-decoration:none;
    color:#505052;
    background-color:transparent;    
    }

.artikelrechts a:hover {
    text-decoration:none;
    color:#e10035;
    background-color:transparent;    
    }

.artikelrechts_ohnelinie {
    margin:0 0 20px 0;
    }

.pdfrechts {
    margin:0 0 20px 0;
    padding:0 0 20px 0;
    }

.pdfrechts a {
    text-decoration:none;
    color:#e10035;
    background-color:transparent;    
    }

.pdfrechts a:hover {
    text-decoration:underline;
    color:#e10035;
    background-color:transparent;    
    }
   
input.suche {
    border:1px solid #9c9d9f;
    width:170px;
    }

input.text, input.button {
    border:1px solid #9c9d9f;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#505052;
    background-color:white;
    padding:2px;
    overflow:visible !important;
    display:block !important;
    }
textarea {
    border:1px solid #9c9d9f;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    font-style:normal;
    color:#505052;
    background-color:transparent;
    }

.suchbutton {
    background-color:transparent;
    color:#9c9d9f;
    padding:0;
    margin:0;
    font-size:10px;
    border:0;
    padding:2px;
    }


.artikel {
    width:575px;
    margin:0 0 20px 0;
    }

.artikelmitlinie {
    width:575px;
    border-bottom:1px dashed #9c9d9f;
    padding:0 0 20px 0;
    margin:0 0 20px 0;
    }

.bildlinks {
    width:270px;
    float:left;
    margin:0;
    padding:0;
    }

.aus {
    width:1px;
    clear:left;
    }


/* Template 2 Zeile komplett */

.zeile {
    width:800px;
    margin:0 0 20px 0;
    padding:0 0 20px 0;
    }



.footer {
    padding:0;
    margin:20px 0 0 0;
    border-top:1px dashed #b8b9ba;
    width:800px;
    clear:left;
    font-size:10px;
    }

.footer a {
    color:#b8b9ba;
    background-color:transparent;
    text-decoration:none;
    }
    
.footer a:hover {
    color:#e10035;
    background-color:transparent;
    text-decoration:none;
    }

.footer_links {
    color:#b8b9ba;
    background-color:transparent;
    width:400px;
    float:left;
    }
    
.footer_rechts {
    color:#b8b9ba;
    background-color:transparent;
    width:400px;
    float:left;
    text-align:right;
    }

/* NAVIGATION */

ul.subnavigation {
    margin:0;
    padding:0;
    list-style-type:none;
    list-style-image:none;
    }
    
.profil a {
    width:49px;
    height:32px;
    background-image:url(../images/topnavi/nav_01.png);
    background-repeat:no-repeat;
    float:left;
    }
    
.profil a:hover {
    width:49px;
    height:32px;
    background-image:url(../images/topnavi/nav_01_h.png);
    background-repeat:no-repeat;
    float:left;
    }

.profil a.active {
    width:49px;
    height:32px;
    background-image:url(../images/topnavi/nav_01_h.png);
    background-repeat:no-repeat;
    float:left;
    }
    
    
.ausbildung a {
    width:111px;
    height:32px;
    background-image:url(../images/topnavi/nav_02.png);
    background-repeat:no-repeat;
    float:left;
    }
    
.ausbildung a:hover {
    width:111px;
    height:32px;
    background-image:url(../images/topnavi/nav_02_h.png);
    background-repeat:no-repeat;
    float:left;
    }

.ausbildung a.active {
    width:111px;
    height:32px;
    background-image:url(../images/topnavi/nav_02_h.png);
    background-repeat:no-repeat;
    float:left;
    }


.studium a {
    width:107px;
    height:32px;
    background-image:url(../images/topnavi/nav_03.png);
    background-repeat:no-repeat;
    float:left;
    }
    
.studium a:hover {
    width:107px;
    height:32px;
    background-image:url(../images/topnavi/nav_03_h.png);
    background-repeat:no-repeat;
    float:left;
    }

.studium a.active {
    width:107px;
    height:32px;
    background-image:url(../images/topnavi/nav_03_h.png);
    background-repeat:no-repeat;
    float:left;
    }
      

.ba a {
    width:145px;
    height:32px;
    background-image:url(../images/topnavi/nav_04.png);
    background-repeat:no-repeat;
    float:left;
    }
    
.ba a:hover {
    width:145px;
    height:32px;
    background-image:url(../images/topnavi/nav_04_h.png);
    background-repeat:no-repeat;
    float:left;
    }

.ba a.active {
    width:145px;
    height:32px;
    background-image:url(../images/topnavi/nav_04_h.png);
    background-repeat:no-repeat;
    float:left;
    }


.termine a {
    width:77px;
    height:32px;
    background-image:url(../images/topnavi/nav_05.png);
    background-repeat:no-repeat;
    float:left;
    }
    
.termine a:hover {
    width:77px;
    height:32px;
    background-image:url(../images/topnavi/nav_05_h.png);
    background-repeat:no-repeat;
    float:left;
    }

.termine a.active {
    width:77px;
    height:32px;
    background-image:url(../images/topnavi/nav_05_h.png);
    background-repeat:no-repeat;
    float:left;
    }
    

.kontakt a {
    width:76px;
    height:32px;
    background-image:url(../images/topnavi/nav_06.png);
    background-repeat:no-repeat;
    float:left;
    }
    
.kontakt a:hover {
    width:76px;
    height:32px;
    background-image:url(../images/topnavi/nav_06_h.png);
    background-repeat:no-repeat;
    float:left;
    }

.kontakt a.active {
    width:76px;
    height:32px;
    background-image:url(../images/topnavi/nav_06_h.png);
    background-repeat:no-repeat;
    float:left;
    }
    

.service a {
    width:75px;
    height:32px;
    background-image:url(../images/topnavi/nav_07.png);
    background-repeat:no-repeat;
    float:left;
    }
    
.service a:hover {
    width:75px;
    height:32px;
    background-image:url(../images/topnavi/nav_07_h.png);
    background-repeat:no-repeat;
    float:left;
    }

.service a.active {
    width:75px;
    height:32px;
    background-image:url(../images/topnavi/nav_07_h.png);
    background-repeat:no-repeat;
    float:left;
    }


.jobs a {
    width:55px;
    height:32px;
    background-image:url(../images/topnavi/nav_08.png);
    background-repeat:no-repeat;
    float:left;
    }
    
.jobs a:hover {
    width:55px;
    height:32px;
    background-image:url(../images/topnavi/nav_08_h.png);
    background-repeat:no-repeat;
    float:left;
    }

.jobs a.active {
    width:55px;
    height:32px;
    background-image:url(../images/topnavi/nav_08_h.png);
    background-repeat:no-repeat;
    float:left;
    }


.freunde a {
    width:105px;
    height:32px;
    background-image:url(../images/topnavi/nav_09.png);
    background-repeat:no-repeat;
    float:left;
    }
    
.freunde a:hover {
    width:105px;
    height:32px;
    background-image:url(../images/topnavi/nav_09_h.png);
    background-repeat:no-repeat;
    float:left;
    }

.freunde a.active {
    width:105px;
    height:32px;
    background-image:url(../images/topnavi/nav_09_h.png);
    background-repeat:no-repeat;
    float:left;
    }

/* SUBNAVIGATION */

.subprofil {
    margin:7px 0 0 3px;
    }

.subausbildung {
    margin:7px 0 0 60px;
    }

.substudium {
    margin:7px 0 0 185px;
    }
 
.subba {
    margin:7px 0 0 279px;
    }
             
.subtermine {
    margin:7px 0 0 424px;
    }

.subkontakt {
    margin:7px 0 0 501px;
    }

.subservice {
    margin:7px 0 0 577px;
    }

.subjobs {
    margin:7px 0 0 653px;
    }

.subfreunde {
    margin:7px 0 0 706px;
    }
    
/* NAVIGATION ENDE */


#wrapper {
    position:absolute;
    width:800px;
    margin:0;
    padding:0;
    top:100px;
    left:130px;
    }
    
/* Liste */

ul {
    list-style-image: url(../images/listbullet.gif);
    margin:0;
    padding:0 0 0 16px;
    }

li {
padding-bottom:5px;
}  

ul li ul {
    list-style-image:none;
    list-style-type:circle;
    margin:0;
    padding:0 0 0 16px;
    }
    
/* Drei Bilder einfŸgen */

.dreibilder img {
    border:0;
    margin:0 0 20px 0;
    padding:0;
    }

.bildeinsdreibilder {
    width:190px;
    float:left;
    margin:0;
    padding:0;
    overflow:hidden;
    }

.bildzweidreibilder {
    width:190px;
    float:left;
    margin:0 0 0 5px;
    padding:0;   
    overflow:hidden;
    }

.bilddreidreibilder {
    width:190px;
    float:left;
    margin:0 0 0 5px;
    padding:0;   
    overflow:hidden;
    }

.zweibilder {
    width:580px;
    margin:0 0 20px 0;
    padding:0;
    overflow:hidden;
    }

.bildeinszweibilder {
    width:380px;
    float:left;
    margin:0;
    padding:0;
    overflow:hidden;
    }

.bildzweizweibilder {
    width:195px;
    float:left;
    margin:0 0 0 5px;
    padding:0;
    overflow:hidden;
    }

.bildcontainer {
    margin:0;
    padding:0;
    }

#suche {
	position: relative;
	left: 700px;
	width: 1px;
	height: 1px;
	top: 80px;
	z-index: 19;
	
}

/* --- Subnavi right --- */

ul.subnavi_right {
    list-style-type:none;
    list-style-image:none;
    margin:30px 0 0 0;
    padding:0;    
    }

ul.subnavi_right li {
    margin:0;
    padding:6px;
    border-bottom:1px dotted #505052;
    }

ul.subnavi_right li a {
    text-decoration:none;
    color:#505052;
    background-color:transparent;
    }

ul.subnavi_right li a:hover {
    text-decoration:none;
    color:#e10035;
    background-color:transparent;
    }

ul.subnavi_right li a.active {
    text-decoration:none;
    color:#e10035;
    background-color:transparent;
    }


/* -- Tabelle  -- */

table, th, tr, td {
    text-align:left;
    vertical-align:top;
    }

/* -- Snippet #22 -- */

.spaltenart {
    margin:0 0 0 0;
    }

.spaltenart_ueb {
    width:280px;
    float:left;
    margin:0;
    padding:0;
    }

.spaltenart_txt {
    width:295px;
    float:left;
    margin:0;
    padding:0;
    }

.spaltenart_aus {
    height:1px;
    clear:left;
    overflow:hidden;
    }