@charset "utf-8";
/* -----------------------------------------------------------------------
|| Stylesheet burkert webdesign
|| Anpassungen fuer das iPhone
|| Version: 0.4, 22-DEC-2009
||
|| 0.4     Fuer aktuelle Screen-Version nachgefuehrt
|| 0.3     Anpassungen fuers Menue
|| 0.2     Breitere Menüleiste im Hochformat
|| 0.1     Erste Testversion
|| -----------------------------------------------------------------------
*/

/* -----------------------------------------------------------------------
/* !Allgemeine Einstellungen */
/* -----------------------------------------------------------------------
*/

* {
	margin: 0;
	padding: 0;
}

body {
	width: 480px;
	background-image: url(img/iphone/background_de.jpg);
	font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", 
		"Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif;
	font-size: 11px;
}

#content {
    color: white;
    width: 100%;
}


/* -----------------------------------------------------------------------
/* !Kopfzeile und Navigation */
/* -----------------------------------------------------------------------
*/
#header {
	position: relative;
	background-image: url(img/iphone/titlebar.jpg);
	background-color: #7e92ac;
	width: 480px;
	height: 44px;
	margin-bottom: 20px;
}

h1.logo {
	position: absolute;
	left: 5%; top: 5px;
	color: #c00;
	font-size: 24px;
	letter-spacing: 0.05em;
}

h1.logo a {
    color: white;
    text-decoration: none;
}

#region {
	display: none;
}

#menu, #menuov {
	position: absolute;
	top: 0; right: 15px;
	height: 44px;
}

#homelink {
	display: none;
}

#navi {
	position: relative;
	top: 44px; left: 0;
	width: 480px;
	background-color: #dfdfef;
	list-style-type: none;
	font-size: 18px;
	border-bottom: 1px solid black;
	padding-bottom: 20px;
	-webkit-text-size-adjust: none;
}

#navi li {
	padding: 18px 20px 0 30px;
	margin: 0;
}

#navi a {
	display: block;
	position: relative;
	color: black;
	text-decoration: none;
}

#navi a span {
	display: block;
	position: absolute;
	top: 0; right: 30px;
}


/* -----------------------------------------------------------------------
/* !Anpassungen im Portrait Modus */
/* -----------------------------------------------------------------------
*/
body.portrait #header {
 	-webkit-background-size: 66px 66px;
	height: 66px;
}

body.portrait #menu, body.portrait #menuov {
	height: 66px;
}

body.portrait #menu img, body.portrait #menuov img {
	height: 66px;
	width: 98px;
}

body.portrait h1.logo {
	top: 15px;
}

body.portrait #navi {
	top: 66px;
	font-size: 24px;
}

body.portrait #navi li {
	padding: 24px 20px 0 30px;
}



/* -----------------------------------------------------------------------
/* !Eigentlicher Inhalt */
/* -----------------------------------------------------------------------
*/
.col {
	width: 90%;
	margin: 20px auto;
	color: black;
	background-color: white;
	-webkit-box-shadow: 10px 10px 15px #000;
	line-height: 1.3em;
}

.col h2 {
	font-size: 20px;
	padding: 10px;
}

.col h3 {
	font-size: 10px;
	padding: 10px;
	font-weight: bold;
}

.col h4 {
	font-size: 10px;
	padding: 10px;
	font-weight: normal;
}

body div .col p {
	font-size: 1em;
	padding: 10px;
}

.imgpage body div .col p {
	font-size: 1.5em;
	line-height: 1.8em;
	padding: 10px;
}

.imgpage .col img {
	width: 100%;
}

.imgpage #col3 ul {
	margin-top: 24px;
	font-size: 15px;
}

.imgpage #col3 ul li {
	list-style-type: none;
}

.imgpage #col3 ul li a {
	display: block;
	padding: 0.8em 1em;
	color: blue;
	text-decoration: none;
}

.imgpage #col3 ul li.active a {
	background: transparent url(img/black30.png);
	background: rgba(0, 0, 0, 0.3) none;
}