/*-----------------------------------------------------------------------------
12px[client] Screen Stylesheet

version:   1.0
date:      2008-09-09
author:    Verena Biewald
email:     [biewald at art-motion dot de]

website:   www.art-motion.de
website:   www.easy-create.de

version history: [location of file]
-----------------------------------------------------------------------------*/


/* Import other stylesheets
-----------------------------------------------------------------------------*/

/* @import url("otherstylesheet.css"); */
/* @import url('menu.css'); */

/* MENU */
/* Navigation
-----------------------------------------------------------------------------*/
	
#menulinks 
{
	background-image: url("../grafik/menu_bg_l.gif");
	background-color:#ffffff;
	background-repeat:no-repeat;
	position:relative;
	margin:0;
	padding:0;
	margin-left:-7px;
	width:7px;
	height:31px;
	display:block;
	float:left;
}
	
#menurechts 
{
	background-image: url("../grafik/menu_bg_r.gif");
	background-color:#ffffff;
	background-repeat:no-repeat;
	position:relative;
	margin:0;
	padding:0;
	margin-right:-7px;
	width:7px;
	height:31px;
	float:right;
	display:block;	
}

#menu
{
	position:relative;
	background: url(../grafik/menu_bg.jpg) repeat-x;
	color: #FFFFFF;
	line-height:31px;
	height:31px;
	vertical-align:center;
	width:800px;
	display:block;
	overflow:visible;
	margin-top: 35px;
	float:left;
	z-index:50;	
}

#menu ul
{
	padding: 0;
	margin: 0;
	list-style: none;
	float:left;
	color: #FFF;
	line-height:31px;
	vertical-align:center;
	width:100%;
	display:block;
	overflow:visible;
	z-index:50;
}
	
#menu li 
{
	float: left;
	position: relative;    
	border-right:0px solid #b5113e;
	line-height:31px;
	padding:0pt 1em;
	overflow:visible;
	background: url(../grafik/border_orange.gif) no-repeat center right;
	font-size:12px;
	z-index:50;
}

#menu ul li ul
{	
	display: none;
	position: absolute; 
	top: 1em;
    clear:both;
    float:left;
    padding-top:8px;
    left:0px;
    z-index:50;
}
	
#menu ul li > ul 
{
  	top: 1.9em;
  	left: 0px;
  	height:100%;
  	z-index:50;
}

#menu ul li:hover ul 
{ 
	display: block; 
	z-index:50;
}

#menu ul li.sfhover ul 
{ 
	display: block; 
	z-index:50;
}

#menu ul li.over ul
{ 
	display: block; 
	z-index:50;
}

#menu ul li ul li
{		
	width:140px;
	display:block;
	clear:both;
	margin:0;
	padding:0;	
	background-color:#F3f3f3;
	line-height:22px;
	border-top:1px solid #f49e00;
	border-right:0;
	height:22px;
	padding:5px;
	position:relative;
	left:10px;
	z-index:50;
	background-image:none;
}
	
#menu ul li ul li a:link
{	
	background-color:#F3f3f3;
	display:block;
	padding-left:2px;
	position:absolute;
	z-index:50;
}
	
#menu ul li ul li a:hover
{	
	background-color:#F3f3f3;
	display:block;
}
	
#menu ul li ul li:hover
{	
	background-color:#F3f3f3;
	display:block;
}

#menu a
{
	color:#fff;
	text-decoration:none !important;
}

#menu li ul li a
{
	color:#b5113e;
	text-decoration:none !important;
}
		
#topmenu a
{
	color:#444444;
	text-decoration:none !important;
}
	
#topmenu
{
	position:absolute;
	right:0px;
	top:60px;
	color:#4b4b4b;
	height:1.5em;
	float:left;
	overflow:visible;
	font-size: 12px;
}
	
#topmenu li
{
	float:left;
	vertical-align:center;
	padding: 0 1em;
	line-height:1.1em;	
	overflow:visible;
	background: url(../grafik/border_pink.gif) no-repeat center right;
}

/* Remove margin, padding and border from everything
-----------------------------------------------------------------------------*/

* 
{
	margin:0;
	padding:0;
	text-decoration:none;
}

/* Styles for layout
-----------------------------------------------------------------------------*/

.clearboth { clear:both  !important;; }
.float_right { float: right !important;; }
.float_left  { float: left !important;; }
.noborder {border:0 !important;}
.nobackgroundimg {background-image:none !important;}
.nopadding {padding:0 !important;}
.nomargin {margin:0 !important;}

a,a:visited,a:active {color: #f49e00}
a:hover {color: #f49e00}

b {color: #f49e00}

.blau {color: #f49e00 !important;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {color: #b5113e !important;}


/* Set up the document
font: 62.5%/1.5  Arial,"Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif;
-----------------------------------------------------------------------------*/

body
{
	font: 11px Arial, sans-serif;
	color: #444444;
	text-align: center;
	padding: 0;
	margin: 0;
	line-height: 1.5em;
}

#wrapper
{
	width: 800px; /* Set page width here - you can also use percentage */
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	top: 0px;
	position: relative;
	overflow: visible;
}

#content
{
	width: 100%;
	float: left;
	height: auto;
	position: relative;
	margin-top: 17px;
	left: 0;
	color: #444444;
}

#inhalt
{
	float: left;
	margin-top: 17px;
	width: 800px;
	height: auto;
	color: #444444;
}

#inhalt a
{
	color: #b5113e;
	text-decoration: none;
}

#inhalt a:hover
{
	color: #b5113e;
	text-decoration: underline;
}

#inhalt_links
{
	float: left;
	background-color: #fdd9a5;
	background-image: url('../grafik/start_bg.jpg');
	background-repeat: repeat-x;
	background-position: top right;
	width: 350px;
	height: 150px;
	padding: 20px;
}

#inhalt_rechts
{
	float: right;
	background-color: #fdd9a5;
	background-image: url('../grafik/start_bg.jpg');
	background-repeat: repeat-x;
	background-position: top right;
	width: 350px;
	height: 150px;
	margin-left: 20px;
	padding: 20px;
}

#inhalt_links2
{
	float: left;
	width: 400px;
	margin-left: 40px;
	margin-right: 20px;
	font-size: 11px !important;
}

#inhalt_links form label
{
	position:relative;
	float:left;
	display:inline;
	width:350px;
	line-height:2em;
	margin:.5em;
}

#inhalt_links form
{
	clear:both;
	float:left;
	display:block;
	width:100%;
}

#inhalt_links form label input[type|='text']
{
	display:inline;
	border:1px solid #00305D;
	position:absolute;
	left:175px;
	padding:3px;
}

#inhalt_links textarea
{
	border:1px solid #00305D;
	padding:3px;
}

#inhalt_rechts2
{
	float: right;
	width: 280px;
	margin-right: 40px;
	overflow: visible;
	font-size: 11px !important;
	background-image: url('../grafik/news_bg.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
}

.inhalt_rechts_bild
{
	float:left;
	margin-top:21px;
	margin-left:-5px;
}

.inhalt_rechts_text
{
	float: right;
	width: 200px;
	align: right;
}

.termin a
{
	color: #444;
}

#bottom_image
{
	position:relative;
	float:left;	
	margin-top:21px;
}

.termin a:hover, .termin a:hover h6
{
	text-decoration:underline !important;
}

.termin
{
	margin-bottom:1em;
	display:block;
}

#inhalt_links a:hover
{
	text-decoration:underline  !important;
}

#inhalt_links a:hover[target|='_blank']
{
	padding-right:20px;
	background: url(../grafik/extern.gif) no-repeat;
	background-position:center right;
}

#inhalt_links a:hover[href^='mailto:']
{
	padding-right:20px;
	background: url(../grafik/mail.gif) no-repeat;
	background-position:center right;
}

.termin a:hover[target|='_blank']
{
	padding-right:0px !important;
	background:none !important;
}

/* Typography
-----------------------------------------------------------------------------*/

h1,h2,h3,h4,h5,h6
{color: #b5113e !important;}

h1 
{
	font-size: 20px;
	line-height: 2em;
}

h2 
{
	font-size: 20px;
	line-height: 2em;
}

h3 
{
	font-size: 15px;
	line-height: 2em;
}

h4,h5,h6 
{
	font-size: 12px;
	line-height: 1.5em;
}


p, q, cite
{
	font-size: 1.0em; /* Equivalent to 12pt */
}

ul, ol, dl
{
	list-style:none;
	font-size: 1.0em; /* Equivalent to 12pt */
}

#inhalt ul
{
	margin-left:1.5em;
	list-style:disc;
}

li, dd, dt
{
	font-size: 1.0em; /* Equivalent to 12pt */
}

.bericht
{	
	font-size: 1em; /* Equivalent to 12pt */
	line-height: 1.5em;
	color: #f49e00 !important;
	font-weight:bold;
}

a .bericht  
{
	color: #f49e00 !important;
	font-weight:bold;
}

a:hover .bericht  
{
	color: #f49e00 !important;
	font-weight:bold;
	text-decoration:underline;
}

#suchen_input
{
	background: url(../grafik/lupe.gif) no-repeat;
	background-position:bottom right;
	background-color:#FFFFFF;
	padding:2px 20px 0 2px;
}

/* Header
-----------------------------------------------------------------------------*/
#header_image
{
	position: relative;
	background-color: #fff;
	background: url(../grafik/image_bg.jpg) no-repeat;
	width: 800px;
	height: 243px;
	float: left;
	margin: 0px;
	margin-right: 5px;
	color: #444444;
}

.header_image_bild
{
	float: left;
	margin-top: 14px;
	width: 400px;
}

.header_image_text
{
	float: left;
	position: relative;
	top: 60px;
	left: 40px;
	width: 340px;
}

.header_image_start
{
	float: left;
	position: relative;
	top: 25px;
	left: 20px;
	width: 340px;
	vertical-align: middle;
}

.header_image_start h1
{
	line-height: 1.2em;
}

#header_right
{
	float:right;
	background-color:#ffffff;
	display:block;
	width:287px;
	height:201px;
}

#startseite_header_image
{
	position:relative;
	width:790px;
	height:242px;
	float:left;
	margin-bottom:10px;
}

#startseite_box_links
{	
	position:relative;
	width:385px;
	height:142px;
	float:left;
	margin-bottom:10px;
	
}

#startseite_box_rechts
{
	position:relative;
	width:385px;
	height:142px;
	float:right;
	margin-bottom:10px;
}

#startseite_header_bottom
{
	position:relative;
	width:790px;
	float:left;
	margin-bottom:10px;
	height:auto;
	font-size:1.1em;
}

.bild_startseite, .bild_startseite div

{
	bottom:0px;
	left:0px;
	position:absolute;
	height:100%;
}

.bild_startseite div img , .bild_startseite img
{
	position:absolute;
	bottom:0px;
	left:0px;
	float:left;
}

#startseite_header_bottom span img
{
	position:absolute;
	bottom:0px;
	left:0px;
	float:left;
}

.inner
{
	position:relative;
	background-color:#F4F4F4;
	width:100%;
	height:100%;
	display:block;
	float:left;
	line-height:1.3em;
}

.inner div
{
	color:#00305D;
	padding:5px;
	float:left;
}

.inner2
{
	color:#00305D;
	padding:10px;
	float:left;
}

.inner h1,.inner h2,.inner h3,.inner h4,.inner h5,.inner h6,.box_text h1,.box_text h2,.box_text h3,.box_text h4,.box_text h5,.box_text h6,.box_textbig h1,.box_textbig h2,.box_textbig h3,.box_textbig h4,.box_textbig h5,.box_textbig h6
{
	font-size:1.2em;
	line-height:1.8em;
	padding-bottom:0.2em;
}

.picture
{
	position:absolute;
	left:0;
	bottom:0;
	float:left;
	display:block;
}

.box_text
{
	float:right;
	width:230px;
}

.box_textbig
{
	float:right;
	width:520px;
	display:block;
}

.bildinhalt
{
	width:auto;
	height:auto;
	display:block; 
	margin:5px;
	float:left;
	width:120px;
	height:120px;
	background-position:center center;
	background-repeat:no-repeat;
}

#newsleiste 		 {width:100%;display:block;float:left;clear:both;}
#newsleiste  a 		 {height:17px;line-height:17px;text-decoration:none;}
#newsleiste  a:hover {height:17px;line-height:17px;text-decoration:none;}

.team
{
	float:left;
	width: 200px;
}

.teampic
{
	padding: 1px;
	margin-right: 5px;
	width: 120px;
}

.teamtext
{
	margin-top: 8px;
	/*height: 100px;*/
	width: 180px;
}

/* Footer
-----------------------------------------------------------------------------*/
#foot
{
	background-image: url('../grafik/trennlinie.gif');
	background-repeat: repeat-x;
	background-position: top left;
	margin-top: 20px;
	padding: 14px 0px;
	color: #444444;
	height: auto;
	float: left;
	width: 800px;
	font-size: 11px;
}

#foot a {color:#4b4b4b;}
#foot a:hover {text-decoration:underline !important;}

/* Homepage
-----------------------------------------------------------------------------*/


/* Your template
-----------------------------------------------------------------------------*/
.button_suche
{
	background: url(../grafik/button.gif) no-repeat top;
	width: 71px !important;
	height: 19px !important;
	color: #b5113e !important;
	display: block;
	float: left;
	padding: 5px 0px 0px 16px;
	text-decoration: none !important;
	text-align: center;
	position: relative;
	font-size: 11px;
	line-height: 1em;
}

.button_left
{
	background: url(../grafik/button1.png) no-repeat;
	display:block;
	height:19px;
	float:left;
	position:relative;
	padding: 7px 0px 0px 16px;
	text-decoration:none !important;
	color:#b5113e !important;
	font-size:11px;
	line-height:1em;
}

.button_right
{
	background: url(../grafik/button1.png) no-repeat;
	display:block;
	height:19px;
	float:right;
	position:relative;
	padding: 7px 0px 0px 16px;
	text-decoration:none !important;
	color:#b5113e !important;
	font-size:11px;
	margin-right:18px;
	line-height:1em;
}
	
.button_ende
{
	background: url(../grafik/button2.png) no-repeat;
	width:18px;
	height:19px;
	display:block;
	position:absolute;
	right:-18px;
	padding: 7px 0px 0px 0px;
	top:0px;
	text-decoration:none !important;
}

.button_ende a 
{
	text-decoration:none !important;
}
	
.rahmen
{
	border:1px solid #E0E0E0;
	padding:4px;
}

/* Forms
-----------------------------------------------------------------------------*/

input[type|='text']
{
	padding: 1px;
}


/* Tables
-----------------------------------------------------------------------------*/

table
{
  	border-spacing: 0;
	border-collapse: collapse;
}

td
{
  	text-align: left;
	font-weight: normal;
	vertical-align: text-top;
}

#seitenblaettern
{
	text-align:center;
	vertical-align: middle;
}

#seitenblaettern a
{
	padding:1px 5px;
	border:1px solid #ccc;
	color: #b5113e;
	margin:2px;
	width:12px;
	height:12px;
	text-align:centeR;
	vertical-align: middle;
	display:inline;
}

#seitenblaettern a:hover
{
	padding:1px 5px;
	border:1px solid #b5113e;
	margin:2px;
	width:12px;
	height:12px;
	text-align:centeR;
	vertical-align: middle;
	display:inline;
}

#seitenblaettern .active
{
	background-color:#b5113e;
	color:white;
	font-weight:bold;
}

a img 
{
	border: 0;
	margin: 0 3px;
	text-decoration:none !important;
}

#login_name
{
	padding:3px;
	padding-left:20px;
	margin:5px;
	background: url(../grafik/user.gif) no-repeat;
	background-position:center left;
	border:1px solid #4b4b4b;
}

#login_passwd
{
	padding:3px;
	padding-left:20px;
	margin:5px;
	background: url(../grafik/key.gif) no-repeat;
	background-position:center left; 
	border:1px solid #4b4b4b;
}

.info_feld
{
	border:1px solid #4b4b4b;
	float:left;
	width:550px;
	padding:5px;
	margin:5px;
	margin-bottom:15px;
}

.info_feld legend,.info_feld legend a
{
	letter-spacing: .7pt;
	font-size:1em;
	color:#01315D;
	margin:0 5px;
	padding:0 5px;
}

.info_links
{
	width:150px;
	float:left;
	color:#01315D;
}

.info_rechts
{
	width:340px;
	float:left;
	color:#4b4b4b;
}

.label_links
{
	position:relative;
	padding:5px;
	margin:5px;
	float:left;
	width:100%;
	color:#01315D;
}

.label_rechts
{	
	width:350px;
	padding:3px;
	height:auto;
	display:inline;
	float:left;
	position:relative;
}

.label_rechts input,.label_rechts textare
{
	padding:2px;
	width:200px;
	border:1px solid #4b4b4b;
	color:#01315D;
}

.error
{
	color:red;
	padding:20px;
	padding-left:40px;
	border:2px solid red;
	margin:5px;
	background-image: url(../grafik/error.gif) ;
	background-repeat: no-repeat;
	background-position:left center;
	background-color:#ffeded;
	font-size:1.2em;
}

.noerror
{
	color:green;
	padding:20px;
	padding-left:40px;
	border:2px solid green;
	margin:5px;
	background-image: url(../grafik/noerror.gif) ;
	background-repeat: no-repeat;
	background-position:left center;
	background-color:#e8ffe9;
	font-size:1.2em;
}
#fontsize {
position:absolute;
right:5px;
top:5px;
}
#fontsize a {
padding: 3px 5px; 
}