/* 	Layout CSS
	V3.1
	Fonts und Farben ausgelagert
	(c) by Andreas Riedl
	
	Letzte Änderung: 16.05.2006
*/
	

/* Diese CSS beinhaltet
	- Allgemein
	- Header
	
	- Content
	- Navigation
	- Topic
	- Formular
	- Footer
	
-*/



/* ****************************************************************************** */
/* Allgemeine Layoutobjekte */
* {
	padding: 0;
	margin: 0;
}

body {
	margin:0;
	font-family: verdana,tahoma; 
}
/* ****************************************************************************** */
/* Schriftgrößen */

/* Links */
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
a:active {text-decoration: none;}

/* p */
p {font-size: 0.8em;font-weight:normal;}
p.text12 {font-size: 1.2em;}
p.text10 {font-size: 1.0em;}
p.text09 {font-size: 0.9em;}
p.text08 {font-size: 0.8em;}
p.text06, p#position, p#a_top {font-size: 0.6em;}

/* Überschriften */
h1 {font-size: 1.4em;}
h2 {font-size: 1.0em;}
h3 {font-size: 0.9em; }
h4 {font-size: 0.9em;}
h5 {font-size: 0.8em;}

/* Rechte Navigationsleiste */
#navbar {font-size:0.9em; font-weight:normal;}
#sub_navbar {font-size:0.8em; font-weight:normal;}
#navbar a, #navbar a:link, #navbar a:active, #navbar a:visited {font-weight:bold;}

/* Linke Navigationsleiste */
#content_left li a {font-size: 0.8em;}

/* ****************************************************************************** */
hr {
	vertical-align:middle;
	overflow:hidden;
	border:0 none;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#ddd;
}

/* ****************************************************************************** */
/* Runde Ecken ganz oben */
	#header .cirBoxl, #header .cirBoxr {
		position:relative; width:1em; height:1.2em;overflow:hidden;}

	#header .cirBoxl {float:left;}
	#header .cirBoxr {float:right;}

	#header .cirl, #header .cirr {
	position:absolute; font-size:150px; font-family:arial;line-height:40px;}

	#header .cirl {left:-0.06em; top:-0.01em;}
	#header .cirr {left:-0.19em; top:-0.01em}


/* Runde Ecken bei Topic */
	td#content_center .cirBoxl,
	td#content_center .cirBoxr,
	td#content_right .cirBoxl,
	td#content_right .cirBoxr {
		position:relative; width:1em; height:1.2em;overflow:hidden; }

	td#content_center .cirBoxr,
	td#content_right .cirBoxr	{
		margin-right:-2px;}

	td#content_center .cirBoxl,
	td#content_right .cirBoxl
		{float:left;}

	td#content_center .cirBoxr,
	td#content_right .cirBoxr 
		{float:right;}

	td#content_center .cirl, td#content_center .cirr,
	td#content_right .cirl, td#content_right .cirr {
		position:absolute; font-size:150px; font-family:arial;line-height:40px;}

	td#content_center .cirl, td#content_right .cirl {left:-0.06em; top:-0.01em;}
	td#content_center .cirr, td#content_right .cirr {left:-0.22em; top:-0.01em}

/* ****************************************************************************** */
/* Gesamtes Containerelement, welches alle Elemente enthält */
#wrap {
	width:60em; margin:0 auto;margin-top:1em;
	position:relative;
}

/* ****************************************************************************** */

#header {
	position:relative; 
	width:100%;
}

/* Alle Elemente im Header */
#logo {
	text-align:left; float:left;
	margin-top:-0.5em;
	margin-left:0.5em;
}

#search {
	text-align:right; float:right; margin-right:2em;
}

	#header_advert {
		text-align:right; 
		float:right; 
		margin-right:2em;
		margin-top:-0.5em;
		margin-bottom:0.5em;
		padding:0em;
		overflow:hidden;
	}

/* Navigationsleiste */
#navbar {
	border-bottom-width:0px; border-bottom-style:solid;
	height:1.65em;
	padding:0.5em 0 0 10.5em;
	position:relative; 
}

#sub_navbar {
	border-bottom-width:1px; border-bottom-style:solid;
	height:1.3em;
	padding:0.2em 0 0 0em;
	position:relative; 
	margin-top:-0.0em;
	margin-left:-6px; 
	margin-right:-6px; 
	text-align:left;
}

	#navbar li, #sub_navbar li {display:inline;}
	
		#navbar li a, #navbar a:link, #navbar a:active, #navbar a:visited {
			text-decoration:none; 
			padding: 0.5em 0.6em 0.5em 0.6em; 
			position:relative;
		}
		
		#sub_navbar li a, #sub_navbar a:link, #sub_navbar a:active, #sub_navbar a:visited {
			text-decoration:none; 
			padding: 0.2em 0.6em 0.15em 0.6em; 
			position:relative;
		}
		
		#navbar a:hover,
		#sub_navbar a:hover {
			text-decoration:none;
		}
		#navbar a.selected {}


/* ****************************************************************************** */
/* Elemente für Content mit Navigation und Inhalt */

/* ****************************************************************************** */
/* Elemente für Content rechts oder auch statt Navigation */
	/* für Content */
	
	/* 
	content_left
	content_center
	content_right
	*/
	
table#content {
	width:100%;
	border-width:0px;
	position:relative; 
}

	td#content_left {
		width:9em; 
		padding:0; 
		margin:0; 
		vertical-align:top;
		border-left:0px solid #ddd;
		border-right:0px solid #ddd;
	}
	
	td#content_center {
		vertical-align:top;
		padding-left:6px; 
		padding-right:6px;
	}
	
		div#mainpic {
			text-align:left;
			margin-left:-6px; 
			margin-right:-6px; 
		}
		
		/* Akutelle Navigationsposition */
		p#position {
			text-align:left;
		}
		p#position a {
			text-decoration:underline;
		}
		
		/* Zurück zum Seitenanfang */
		p#a_top {
			text-align:right;
		}
		p#a_top a {
			text-decoration:underline;
		}
		
		
		
	
	td#content_right {
		width:9em; 
		border-left: 0px solid #ddd;
		border-right: 0px solid #ddd;
		padding-right:5px; 
		padding-left:5px;
		vertical-align:top;
	}
	
	

/* ****************************************************************************** */
/* Elemente für Navigation Links */
	/* Tabelle für Navigation Links */
		
	/* ul für Navigation Links */
	#content_left ul {
		list-style:none;
	}
	
	/* li für Navigation Links */
	#content_left ul li {
		width:7.8em; 
		margin-top:-1px;
		margin-left:0em;
	}
	
	/* a in li für Navigation Links */
	#content_left li a {
		margin-left:0em;
		margin-top:0.05em;
		padding-left:0.4em;
		padding-top:0.2em;
		padding-bottom:0.3em;
		padding-right:0.2em;
		display: block;
		width:10.65em;
	}
	
	/*#content_left li a {
		margin: 1px 0px;
		padding: 2px 4px 4px 7px; 
		display: block;
		width:100%;
	}*/

	/* a:hover in li für Navigation Links */
	#content_left li a:hover {
		text-decoration: underline;
	}
	
	/* h3 für Navigation Links */
	#content_left h3 {
		display:block;
		margin-left:0em;
		margin-top:0em;
	}

	/* a in h3 für Navigation Links */
	#content_left h3 a {
		display: block;
		width:100%;
		padding-left:0.5em;
		padding-top:0.3em;
		padding-bottom:0.3em; 
	}


/* ****************************************************************************** */
/* Alle Elemente im Topic */
.topic {

}

	.topic h3 {
		height:1.25em;
		text-align:center;
		font-size:0.9em;
		font-weight:normal; 
	}
	
	/* Topic Inhalt */
	.topic .topic_content {
		overflow:hidden;
		border-style:solid;
		border-width:1px;
		text-align:left;
		padding:0.3em;		
	}
	
	/* Topic Inhalt */
	.topic .topic_menu {
		overflow:hidden;
		border-style:solid;
		border-width:1px;
		text-align:left;
		padding:0.3em;		
	}
	
	.topic .topic_menu h3 {
		font-weight:normal; 
		text-align:left;
		height:auto;
		font-size:0.8em;
		border-bottom-width:1px; 
		border-bottom-style:solid; 
		border-bottom-color:#CCCCCC;
	}
	
	.topic .topic_menu h3 a {
		padding-left:0.5em; 
		padding-top:0.2em;
		padding-bottom:0.2em;
		padding-right:0.5em;
		display: block;
	}
	
	.topic .topic_menu h3 a.selected{
		background-color:#AAAAAA;
		display:block;
		padding-left:-0.5em;
		padding-right:-0.5em;
		text-decoration:none;
	}
	
	.topic .topic_menu h3 a:hover {
		background-color:#CCCCCC;
		display:block;
		padding-left:-0.5em;
		padding-right:-0.5em;
		text-decoration:none;
	}
	
	.topic .topic_menu h3 img {
		margin-bottom:0.1em;
		margin-right:0.2em;
	}
	
	td#content_right .topic .topic_content {
		border-top-style:none;
	}
	
	.topic_content p {
		font-size:0.9em;
	}
		
	.topic_content .topic_image {
		text-align:center;
		margin-bottom:4px;
		float:right;
		width:7em;
		height:7em;
		border-style:none;
	}
		
	.topic .ad {
		padding-top:5px; padding-bottom:5px; text-align:center; overflow:visible;
	}
	
/* ****************************************************************************** */
/* Alle Elemente im Thema */
	.thema_box {
		width:12em;
		border-style:solid;
		border-width:1px;
	}
	
	.thema_box .thema_titel,
	.thema_box .thema_titel2
	 {
		display:block;
		text-align:left;
		padding:0.0em;
		font-size:0.8em;
	}
	
	.thema_box .thema_titel a,
	.thema_box .thema_titel2 a {
		
		display:block;
		padding:0.3em;
	}
	
	.thema_box .thema_bild {
		width:6em;
		height:4.4em;
		margin-top:0.5em;
		margin-left:0.5em;
		margin-right:0.5em;
		margin-bottom:0.5em;
		float:left;
	}
	
	.thema_box .thema_text {
		text-align:left;
		padding:0.5em
	}
	
	.thema_box .advert {
		text-align:center;
		margin:0.5em;
		overflow:visible;
	}


/* ****************************************************************************** */
/* Gallery Elemente */
	#gallery_list {width:90%;}
	#gallery_list a:hover img {border-width:1px;}
	#gallery_list a img {border-width:1px;width:6em;height:4.5em; margin-bottom:0.5em}

/* ****************************************************************************** */
/* Formular */

.formular {

}

	.formular input, .formular select, .formular textarea{
		width:98%;
		margin-bottom:0.5em;
	}
	
	.formular .button {
		border-width:1px; 
		width:100%;
	}
	
	.formular label {
		font-size:0.9em;
	}


/* ****************************************************************************** */
/* Alle Elemente im Footer */

	/* Fußzeile DIV */
div#footer {
	border-width:0px;
	border-style:solid;
	margin-bottom:1em;
}
	
		/* Fußzeile Left */
		div#footer #left{
			float:left;
			text-indent:5px;
			text-align:left;
			margin-left:1em;
			font-size:0.6em;
		}
		
		/* Fußzeile Middle */
		div#footer #center{
			font-size:0.6em;
			text-align:center;
		}
		
		/* Fußzeile Right */
		div#footer #right{
			float:right;
			margin-right:1em;
			font-size:0.6em;
		}

/* ****************************************************************************** */