/*
Theme Name: ATB
Theme URI: http://www.atb-gmbh.de
Description: Grundlegende Stildefinition der ATB Seite
Version: 1.0
Author: Manuel Bieh

    Inhaltsverzeichnis:

    0. ...... Grundlegende Deklarationen
    1. ...... Allgemeingültige Element-Formatierungen
    2. ...... Allgemeingültige Klassen-Angaben
    3. ...... IDs (von oben nach unten)
    3.1 ..... Kopfbereich
    3.2 ..... Navigation
    3.3 ..... Bildbereich
    3.4 ..... Inhaltsbereich
    4. ...... Spezielle Angaben
*/

/* 0. Grundlegende Deklarationen */
* {
	margin: 0; 
	padding: 0;
}

html, body {
	height: 100%;
}

body {
	background: white;
	font-family: verdana, arial, helvetica, sans-serif;
}

/* 1. Allgemeingültige Element-Formatierungen */
ul {
	margin-bottom: 1.5em;
	margin-left: 1.5em;
}

h3 {font-size: 11px;}

p {margin-bottom: 1.5em;}

/* 2. Allgemeingültige Klasse-Angaben */
a {
	color: #000000;
	text-decoration:none;
	
}
a.white {
	color: #ffffff;
	text-decoration:none;
}

.teaser {
	color: #0066CC;
	font-weight: bold;

}
.teaser_orange {
	color: #FA7014;
	font-weight: bold;

}


/* 3. IDs (von oben nach unten) */
#wrapper {
	background: #cccccc;
	width: 968px;
	min-height:100%;
	}

/* 3.1 IDs (von oben nach unten) */
#header {
	background: white;
	border-top: 11px solid #003366;
	position: relative;
	height: 141px;
}

#logo {
	background: url(../images/logo.gif) no-repeat; 
	height: 115px; 
	position: absolute;
	right: 0;
	margin-right:60px;
	width: 100px;
}

#logo h1 a {
	display: block;
	height: 120px;
	width: 100px;
}

#logo h1 span {
	display: none;
}

/* 3.2 Navigation */
#navi ul {
	border-bottom: 1px solid white;
	bottom: 0;
	background: #959595; 
	height: 19px; 
	margin: 0; 
	position: absolute;
	width: 100%;
	font-size: 11px;
}
	
#navi ul li {
	border-right: 1px solid white;
	float: left; 
	height: 19px;
	list-style: none;
	position: relative;
	width: 108px; 
}

#navi ul li a {
	color: white;
	display: block; 
	height: 100%;
	line-height: 17px;
	padding-left: 1em; 
	text-decoration: none;
}

#navi ul li:hover, #navi ul li.over {
	background: #003366;
}

#navi ul li a:hover {
	background: #003366;
}

#navi ul li:hover ul, #navi ul li.over ul {
	display: block;
}

#navi ul li ul {
	border: none;
	display: none;
	height: auto;
	position: absolute;
	top: 19px;
}
#navi ul li ul li {
	background: #999999;
	border-right: none;
	border-top: 1px solid white;
	position: relative;
	width: 164px;
}

#navi ul li ul li ul {
	display: none !important;
	left: 164px;
	position: absolute;
	top: -1px;
}

#navi ul li:hover ul li:hover ul, #navi ul li ul li.over ul {
	display: block !important;
}

#navi ul li ul li ul li {
	border-left: 1px solid white;
}

/* 3.3 Sonstige Angaben */
#pictures {
	clear: left;
}

#breadcrumb {
	clear: left;
	height: 32px;
	width: 100%;
	/*border:1px solid;*/
	
}

#breadcrumb span {
	background: #003366;
	color: #99CCFF;
	display: block;
	float: left;
	font-size: 10px;
	line-height: 32px;
	padding-left: 40px;
	width: 286px;
	height: 32px;
}

#breadcrumb h2 {
	background: #999999;
	color: white;
	float: left;
	font-size: 9px;
	font-weight: normal;
	height: 32px;
	line-height: 32px;
	padding-left: 15px;
	width: 312px;
}

#block1, #block2 {
	float: left; 
}

#block1{
	height: 161px;
	width: 653px;
}

#block2 {
	color: white;
	background: #99CCFF !important;
	font-size: 11px;
	height: 161px;
	line-height: 18px;
	width: 315px;
}

/* 3.4 Inhaltsbereich */
#content ul {
	color: #FF6600;
	font-weight: bold;
	list-style: none;
	padding-left: 0em;
	margin-left: 0em;
}

#content li {
	background: url(../images/li.gif) no-repeat top left;
	padding-left: 1.2em;
	padding-bottom: 0.5em;

}

#left {
	float: left; 
	width: 326px;
}

#right {
	float: left;
	font-size: 11px;
	line-height: 17px;
	padding: 41px 0 0 34px;
	width: 540px;
	/*border:1px solid;*/
	}


/* 4. Spezielle Angaben */
#motto {
	height: 168px;
	width: 326px;
}

#infobox {
	background: #FF6600;
	color: white;
	float: right;
	font-size: 10px;
	line-height: 14px;
	/*min-height: 306px;*/
	margin-top: 80px;
	width: 187px;
}

#infobox img {
	margin-bottom: -3px;
}

#infobox h3 {

	background: #FF9933;
	color: black;
	font-size: 10px;
	height: 35px;
	line-height: 35px;
	margin-top: 0;
	text-align: center;
}

#infobox ul {
	color: white;
	margin-bottom: 0 !important;
}

#infobox li {
	background: url(../images/li2.gif) no-repeat top left;
	margin-top: 3px;
}




.input{
    font: 7pt Verdana, Arial, Helvetica, Sans-serif;
    background-color:#ffffff;
    border: 1px solid #bdbdbd;
    height: 15px;
    width:265px;
    padding:4px;
    }
.input2{
    font: 7pt Verdana, Arial, Helvetica, Sans-serif;
    background-color:#ffffff;
    border: 1px solid #bdbdbd;
    height: 15px;
    padding:4px;
    }
.submit{
    font: 7pt Verdana, Arial, Helvetica, Sans-serif;
    background-color:#ffffff;
    border: 1px solid #003366;
    height: 15px;
    width:129px;
    margin-top:8px;
    }

textarea{
    font: 7pt Verdana, Arial, Helvetica, Sans-serif;
    background-color:#ffffff;
    border: 1px solid #bdbdbd;
    width:265px;
    height:145px;
    padding:4px;
    }
	

.sprache{
font: 7pt Verdana, Arial, Helvetica, Sans-serif;
position:absolute;
top:25px;
left:10px;
z-index:1
}