/*======================================================================================================
1.) Template Formatierungen
======================================================================================================*/
body {
	margin:0px; padding:0px;
	background:#e9e9db url("images/bg.gif") repeat-x;*/
	color:#333;
	font-size:12px;
	font-family: Verdana, Helvetica, Arial;
	line-height:22px;
	font-weight:normal;
	position:relative;
}
/*======================================================================================================
2.) Font, ul, li, Überschriften
======================================================================================================*/
.linksbuendig {text-align: left;}
.rechtsbuendig {text-align: right;}
.zentriert {text-align: center;}
.blocksatz {text-align: justify;}
.clearfix{ clear:both; height:1px; background:transparent;}
.button {padding:5px;}
img {border:none}
p { margin: 0px 0px 15px 0px;}
dt {margin: 10px 0 0 0}
dd p {margin: 0px 0px 0px 10px; padding: 0px 4px;}
a{ color:#2686AA; text-decoration:none; font-weight:bold;}
a:hover{ color:#000;}
h1{font-size:35px; color:#333; font-weight:normal; margin:10px 0px 20px 0px;}
h2{font-size:24px; color:#333; font-weight:normal; margin:40px 0px 20px 0px;}
h3{font-size:20px; color:#333; font-weight:normal; margin:40px 0px 20px 0px;}
h4{font-size:18px; color:#333; font-weight:normal; margin-bottom:10px;}
h5{font-size:16px; color:#333; font-weight:bold; margin-bottom:10px;}
h6{font-size:15px; color:#333; font-weight:bold; margin-bottom:10px;}
blockquote {font: 14px/22px normal helvetica, sans-serif; margin-top: 10px; margin-bottom: 10px; margin-left: 50px; padding-left: 15px; border-left: 3px solid #ccc;} 
/*======================================================================================================
3.) container
======================================================================================================*/

#container {
    margin: 0 auto;
    position: relative;
    width: 995px;
}
#header{
	height:106px;
	margin-top: 0px;
	background-color:#FFF;
	padding:10px 30px;
}

#logo {
    background-image: url("images/logo.gif");
    float: left;
    height: 95px;
    position: relative;
    width: 432px;
	margin-top:7px;
}
#suche {
	float: right;
    height: 54px;
    position: relative;
    width: 183px;
	margin:5px 80px 0 0;

}
/*======================================================================================================
4.) Suche
======================================================================================================*/
#top_search {
	background: none repeat scroll 0 0 #FFFFFF;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
    border: 1px solid #D7D6D4;
    float: left;
    height: 26px;
    margin: 20px 0 41px;
    padding: 2px 0 2px 10px;
    width: 246px;
}

#top_search form {
	border: 1px solid #0000ff;
	height: 10px;
	}

#sidebar_search_form {
	border: 1px solid #FFFFFF;
    width: 206px;
    z-index: 1;
}
/* IE6 Hack */
* html #sidebar_search_form {
	width: 206px;
}
#sidebar_search_submit {
    background: url("images/search-button.png") no-repeat scroll 0 0 #FFFFFF;
    border: 0 none;
    float: right;
    height: 22px;
    left: -5px;
    position: relative;
    top: 3px;
    width: 22px;
    z-index: 2;
}
#sidebar_search_submit:hover {
	background-position: 0 -22px;
}
/*======================================================================================================
5.) Menu
======================================================================================================*/

#menu_wrapper{margin-top: 0px; background-color:#FFF; padding:0px 30px;}

.menu {
	margin: 0; padding: 5px 6px; background: #ebebe4 url(images/overlay.png) repeat-x 0 -110px; 
	height: 30px; line-height: 100%; 
	border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; font-size: 14px; font-weight: bold; }

.menu ul{
	list-style:none;
	margin: 0; padding: 0px 3px 0; 
}
.menu li{
	margin: 0; padding: 0 0 5px; float: left; position: relative; list-style: none; z-index:3;
}
.menu li a{
	color: #003366; text-decoration:none;
	display:block;
	font-weight:bold;
	line-height:30px;
	margin:0px;
	padding:0px 20px;
	text-align:center;
	border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;
}
.menu li a:hover, .menu ul li:hover a{
	color:#003366; text-decoration:none;
	background: #d8d8cc url(images/overlay.png) repeat-x 0 -20px;
}
.menu .menu-current, .menu .menu-parent{
	color:#444; text-decoration:none;
	background: #d8d8cc url(images/overlay.png) repeat-x 0 -20px;
}
.menu ul ul {
	display: none; margin: 0; padding: 0; width: 200px; position: absolute; top: 35px; left: 0; 
	background: #FFF; border: solid 1px #b4b4b4; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; z-index:200;
}
.menu ul ul li {float: none; margin: 0; padding: 3px;}
.menu ul ul a {font-weight: normal;}
.menu ul ul a:hover, .menu ul ul li:hover a{font-weight:normal; color:#069}
.menu p{clear:left;}	
	
/*======================================================================================================
8.) Content
======================================================================================================*/
#content_top{
	height:40px;
}	

#content_wrapper {
    margin:0px;
    padding: 0 30px 20px 30px;
}
#content_full {
	margin:0 0 30px 0;
	padding:0 0 20px 0;
}
#content_left {
    float: left;
    height: auto;
    margin: 0;
    width: 650px !important;
}
#content_right {
    float: right;
    height: auto;
    margin: 0;
    width: 260px !important;
}
/* Columns */
#sidebar{width:33.3%;}
#main{width:66.6%;}
#trio1{float:left;width:33.3%;}
#trio2{float:left;width:33.3%;}
#trio3{float:right;width:33.3%;}
.inner{margin:0px 30px;}
.inner h3 {margin: 0 0 5px 0; padding: 0px;}
#trio1 .inner{margin-left:0px;}
#trio2 .inner{margin: 0px 0px;}
#trio3 .inner{margin-right:0px;}
.shadow{background:url(images/shadow.png) bottom center no-repeat;}
#content_wrapper img {margin: 5px 20px 10px 0; float: left; padding: 5px; border: solid 1px #D4D4D4; background-color:#FFF}

/*======================================================================================================
9.) Bilder mit Rahmen müssen eine class bekommen
======================================================================================================*/
.img{
	-moz-border-radius: 6px 6px 6px 6px;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    background: -moz-linear-gradient(center top , #50a2d1, #1c64a6) repeat scroll 0 0 transparent;
    border-color: #2f74b7;
    border-style: solid;
    border-width: 1px 1px 2px;
    display: inline-block;
    outline: medium none;
    padding: 6px;
}
.line{ 
	width:100%; 
	height:2px; 
	margin-bottom:10px; 
	background:url("images/hr.png") repeat-x;
}
.sidelist li{
    color: #000000;
    font-size: 13px;
    list-style: square inside none;
	font-weight:bold;
    margin: 0;
    padding: 0 0;
}


/*======================================================================================================
10.) Table
======================================================================================================*/

table {
	border-collapse:separate;
	border-spacing:0;
	width:100%;
	border-top:1px solid #ccc;
	margin-bottom:18px;
	font-size: 13px;
}

th{
	border-top: 1px solid #fff;
    color: #333;
    font-size: 13px;
    padding: 10px;
    text-align: left;
    text-transform: uppercase;
}
td{
	padding:10px;
	color:#555;
	border:0px;
	font-size: 13px;
}

table.excel {
  width: 100%;
  table-layout: inherit;
  border-collapse:collapse;
}
th.excel {
  text-align: left;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  background-color: #98bf21;
}
td.excel, th.excel {
  text-align: left;
  padding:3px 5px 2px 5px;
  border:1px solid #98bf21;
}
tr.excel.flip { color:#000000; background-color:#EAF2D3;}
tr.excel.flop { color:#98bf21; background-color:#fff;}

/*======================================================================================================
11.) Form
======================================================================================================*/
.form input, .form textarea, .form select {
	background-color: #fff;
	border: 1px solid #dfdfdf;
	color: #333;
	font-weight: bold;
}
.form textarea, .form select {
	width: 98%;
}
.form select {
	width: 532px;
}
.form input:focus, .form textarea:focus, .form select:focus  {
	border: 1px solid #c4dcfc;
	color: #294403;
	background-color: #e7f1fe;

}
.form input:hover, .form textarea:hover, .form select:hover  {
	border: 1px solid #c2c4c6;
	color: #333;
	background-color: #e9edf1;
}
.form input[type=text] {
	height: 26px;
    padding: 0 0 0 3px;
    width: 280px;
}
.form input[type=submit], .form input[type=reset] {
	height: 28px;
	padding-bottom: 2px;
	background: #0c4d8f;
	border: 1px solid #0a4178;
	color: #fff;
	float: left;
}
.form input[type=submit]:hover, .form input[type=reset]:hover {
	border: 1px solid #5db4e8;
	color: #000;
	background:#78ccfe;
}
.form input[type=radio], .form input[type=checkbox] {
	border: 0px;
	background-image: none;
}

.form td.field_title {
	width: 150px;
}

.frm-required { color :#ff0000; }
.frm-field_title { font-size :12px; width :25%; vertical-align:middle; white-space :nowrap; text-align :right; }
.frm-field_table {border: none}
.captcha_table {border: none; margin: 0; padding: 0}
.frm-textfield { font-size :12px; width :90%; }
.frm-textarea { font-size :12px; width :100%; height :100px; }
.frm-field_heading { font-size :12px; font-weight :bold; border-bottom-width :2px; border-bottom-style :solid; border-bottom-color :#666666; padding-top :10px; color :#666666; }
.frm-select { font-size :12px; width :50%; }
.frm-select option { font-size :12px; width :95%; }
.frm-field_checkbox { font-size :11px; cursor :pointer; width :30px; vertical-align :middle; }
.frm-checkbox_label { font-size :11px; cursor :pointer; width :auto; }
.frm-radio_label { font-size :11px; cursor :pointer; }
.frm-email { font-size :12px; width : 90%; }
/*** Don't remove the class nixhier, this is required for ASP ***/
.frm-nixhier { display :none; }
.frm-submission { margin :0 auto; position :relative; width :auto; }	

/*======================================================================================================
12.) Footer
======================================================================================================*/

#footer { 
	background:#d8d8cc;
	border-top:1px solid #ccc;
}
#footer_content { 
	height: 120px;
    padding: 0px 60px;
	width: 995px;
	margin: 0 auto;
   
}
.footer_font {
    font-size: 12px;
	padding: 30px 30px 0 30px;
    text-align: left;
    /*width: 408px;*/
}
/*======================================================================================================
13.) Slider
======================================================================================================*/

#slider{width:995px; height:363px; top:13px; left:21px}

/* Skin Name: Pascal Theme http://nivo.dev7studios.com */
.theme-pascal.slider-wrapper {background:url("images/frame.png") no-repeat; width:995px; height:363px; margin:10px auto 30px auto; position:relative;}
.theme-pascal .nivoSlider {position:relative; width:995px; height:363px; margin-left:19px; background:url("images/loading.gif") no-repeat 50% 50%;}
.theme-pascal .nivoSlider img {position:absolute; top:0px; left:0px; display:none; width:995px; height:363px; /* Make sure your images are the same size */}
.theme-pascal .nivoSlider a {border:0; display:block;}

.theme-pascal .nivo-controlNav {width:251px; height:30px; position:absolute; left:400px; bottom:-5px; z-index:20;}
.theme-pascal .nivo-controlNav a {display:block; width:12px; height:12px; background:url("images/pagination.png") no-repeat; text-indent:-9999px; border:0; float:left;}
.theme-pascal .nivo-controlNav a.active {background-position:0 -12px;}

.theme-pascal .nivo-directionNav a {display:none;}
.theme-pascal .nivo-caption {bottom:40%; left:auto; right:0px; width:auto; max-width:995px; overflow:hidden; background:#fff; text-shadow:none; font-family: arial, serif; color:#4c4b4b;}
.theme-pascal .nivo-caption p {padding:5px 15px; color:#333; font-weight:bold; font-size:27px; text-transform:uppercase;}
.theme-pascal .nivo-caption a {color:#333; font-weight:bold; font-size:27px; text-transform:uppercase; }
.theme-pascal .ribbon {}

/* Control nav styles (e.g. 1,2,3...) */

.nivo-controlNav a {position:relative; z-index:99; cursor:pointer;}
.nivo-controlNav a.active { font-weight:bold;}
.nivo-controlNav {position:absolute; left:260px; bottom:-42px;}
.nivo-controlNav a {display:block; width:22px; height:22px; background:url(images/bullets.png) no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left;}
.nivo-controlNav a.active {background-position:0 -22px;}