/******************************
av.layout.css
Stylesheet für Layout

Autor:      Carsten Witt 
Version:    2007-11-05
******************************
0.	Grundlegendes
1.  Layout
1.1	Ueberschriften
1.2	Text
1.3	Listen
1.4	Links
1.5	Tabellen
1.6	Formulare
1.7	Bilder
2.  Bestimmte Seiten
******************************/

/*******************************
0. 		Grundlegendes
******************************/
body {
	background-color: #666;
}

div.layout {
	width: 540px;
	/* 550 */
	background-color: #474747;
	margin: 30px auto;
	position: relative;	
}

div.layout ul#categories,
div.layout div#bild div,
div.layout #dasformular,
div.layout #uploadform,
div#gallery a.forward ,
div#gallery a.back {
	position: absolute;
	width: 200px;
	left: 550px;	
	background-image: url("../images/av_vertikal_helle_linie.gif");	
	background-repeat: repeat-y;
	padding-left: 13px;
}

div.layout div#bild {
	height: 460px;
	position: relative;	
	text-align: center;	
}


div.layout div#bild div {
	text-align: left;
	bottom: 20px;
	
	/* for bottom-position in landscape pictures see imghack.css.php */
}

div#gallery {
	position: relative;
	height: 105px;
	padding-top: 12px;
}

/*******************************
1.1		Ueberschriften
******************************/
div.layout h1.head {
	height: 74px;
	background-color: #303030;
	background-image: url("../images/av_logo.gif");
	background-position: right 45px;
	background-repeat: no-repeat;
	text-indent: -1000px;
}

div.layout div.kategorienmenu h3,
div#gallery h3,
div.meta h3 { position: absolute; top: -1000em; left: -1000em; }
/*******************************
1.2		Text
******************************/

address {
	margin: 1em 0em 2em;
}
ul#categories li p {
	margin-bottom: 10px;
	background: url('../images/av_pfeil_dunkel_rechts.gif') no-repeat;
	background-position: -3px 5px;
	padding-left: 11px;
}

div.layout div.kategorienmenu p { position: absolute; top: -1000em; left: -1000em; }


/*******************************
1.3		Links
******************************/
div#gallery a.back,
div#gallery a.forward {
	position: absolute;
	vertical-align: middle;
}

div#gallery a.back {
	left: -29px;
	padding-left: 0px;
	width: 20px;
	background-position: 15px 0px;
}

ul#categories a.back,
ul#categories a.forward {
	position: relative;
	top: 2px;
}

#bild div p a { 	display: block; }
/*******************************
1.4		Listen
******************************/
#meta, 
#gallery {
	background-image: url("../images/av_linie.gif");
	background-repeat: repeat-x;
}

div#gallery ul {	margin-left: 7px; }

div#gallery ul li {
	float: left;
	margin: 0px 5px;
}

ul#meta {
	text-align: right;
	height: 25px;
	clear: both;
	padding-top: 14px;
}

ul#meta li {
	display: inline;
	margin-right: 10px;
}

#agb div.content dl dt,
#impressum div.content dl dt {
	float: left;
	clear: both;
	width: 8em;
}

#agb div.content dl dd,
#impressum div.content dl dd { margin-left: 8em; }

#agb div.content ol.agb { 
	list-style-type: upper-roman; 
	margin-top: 1em;
}
#agb div.content ol.agb li {	margin-bottom: 1em; }

#agb div.content ol.agb ol li,
#agb div.content ol.agb p { margin-bottom: 0em; }

#agb div.content ol.agb ol ul {
	list-style-type: disc;
	margin-left: 1.5em;
}

form ul {	margin-left: 0em; }

form ul li { 	
	list-style-type: none;
	clear: both;
	padding: 0.25em 0em; 
}

#dasformular ul.categories {
	margin-bottom: 1em;
}


/*******************************
1.5		Tabellen
******************************/


/*******************************
1.6		Formulare
******************************/
fieldset {
	display: block;
	float: left;
	width: 220px;
	margin-right: 15px;
}

fieldset.go {
	clear: both;
	float: none;
}
label, 
select, 
input[type=checkbox], 
input[type=radio], 
input[type=button], 
input[type=submit] { cursor: pointer;}
 
input, 
textarea { 
	background: #ddd; 
	color: #222;
	border: 1px solid #888;
}

input[type=text] { width: 200px; }
textarea {
	width: 430px;
}

input[type=text]:focus, 
textarea:focus {
 color: #000;
 background: #fff;
 outline: 5px solid #888;
}

label {
	display: block;
	width: 150px;
	font-weight: bold;
	margin-top: 5px;
}

label.pflicht {
	color: #fff;
	font-style: italic;
}


/*******************************
1.7		Bilder
******************************/

div.layout div#bild img {
	vertical-align: middle;
	position: relative;		
}

div.layout div.landscape img {
	width: 420px;
	/* for top-position see imghack.css.php */
}

div.layout div.portrait img {
	height: 420px;
	top: 20px;	
}
div#gallery ul img {	width: 95px; }


/*******************************
2.		Bestimmte Seiten
******************************/

#impressum div.content ,
#kontakt div.content,
#agb div.content  {
	padding: 20px 30px;
	line-height: 1.7em;
}