@import url("artikel.css");
@import url("menu.css");
@import url("indexed_suche.css");
a:visited {
color: #000000;
}

body {
font-family: "Trebuchet MS";
background-color: #dfe8ef;
text-align:center;
margin: 0px;
padding: 0px;
}

/************ Anfang Überschriften ******************/
h1{
font-family: "Trebuchet MS";
font-size: 24px;
color: #666c56;
margin-left: 20px;
padding-top: 15px;
}

/************ Ende Überschriften ******************/


#paper {
width: 1000px;
border: 0px solid black;
background-color: #dfe8ef;
position:relative;
margin:auto;
overflow: hidden;


}

#rahmen {
text-align: left;
width:999px;
border: 0px solid black;
background-color: #b2bdc3;
float:left;
background-image: url(../../Bilder/rahmen.jpg);
background-repeat: repeat-y;
padding-bottom: 40px;
overflow:hidden;
}

#kopf {
z-index:1;
border: 0px solid black;
height: 231px;
float:left;
}

#logo {
border: 0px solid black;
width:187px;
float:left;
margin-left:8px;
overflow:hidden;
}

#kopfbild {
z-index:2;
/*background-image:url(../../Bilder/start_back.jpg);*/
background-repeat:no-repeat;
border: 0px solid black;
width: 800px;
height: 236px;
float:right;
margin-right:4px;

}

#links {
width: 195px;
border: 0px solid green;
float:left;
}


#inhalt {
z-index: 10;
border: 0px solid black;
float:left;
width: 803px;
overflow:hidden;



}

#start_teaser {
z-index:11;
border: 0px solid black;
float: left;
width: 785px;
height:212px;
background-image:url(http://www.seminarstadt-aurich.de/fileadmin/Seminarstadt/Bilder/start_teaser_back.gif);
margin-top: -5px;
margin-bottom: 20px;
}
#start_teaser .csc-header-n1  h1{
margin: 0px;
margin-top: 15px;
margin-left: 15px;
margin-bottom: 15px;
padding:0px;
border: 0px solid black;
width:768px;
overflow: hidden;
}

/******************Anfang Teaser  Startseite********/

#teaser_back {
background-image: url(../../Bilder/teaser_back.jpg);
background-repeat:no-repeat;
height: 212px;
margin-top:-12px;
}

.teaser {
border: 0px solid black;
width: 187px;
height: 137px;
float:left; 
margin-left: 6px;
margin-top: 0px;
float:left;
overflow: hidden;
}

.teaser h1 {
color: #ffffff;
font-size: 20px;
padding-top:0px;
border: 0px solid black;
margin-top: 15px;
margin-left:15px;
margin-bottom: 0px;
}

.teaser p.bodytext {
height: 55px;
overflow: hidden;
color:#ffffff;
border: 0px solid black;
font-size:12px;
margin-left: 15px;
margin-right: 15px;
margin-top: 5px;
}

.teaser p.align-right a{
text-align:center;
height: 17px;
width:102px;
color: #000000;
font-size:12px;
text-decoration: none;
position:relative;
border: 0px solid black;
float:right;
bottom: 10px;
right:10px;
background-image:url(../../Bilder/teaser_button.gif);
background-repeat: no-repeat;
}

.teaser p.align-right a:hover{
background-image:url(../../Bilder/teaser_button_hover.gif);
color: #ffffff;
}


.ostfriesland {
margin-left:9px;
background-image: url(../../Bilder/teaser_rot.jpg);
background-repeat: no-repeat;
}

.hotels {
background-image: url(../../Bilder/teaser_blau.jpg);
background-repeat: no-repeat;
}

.tagungsideen {
background-image: url(../../Bilder/teaser_braun.jpg);
background-repeat: no-repeat;
}


.trainer {
background-image: url(../../Bilder/teaser_gelb.jpg);
background-repeat: no-repeat;
}



.teaser_breit_reiter {
float:left;
margin-bottom: 20px;
background-image: url(../../Bilder/teaser_back.jpg);
background-repeat: no-repeat;
/*background-image: url(../../Bilder/teaser_breit.jpg);
background-repeat:no-repeat;
background-position: bottom;*/
width: 785px;
height: 189px;
position:relative;
}

.teaser_breit_reiter .csc-textpic-text{
overflow:hidden;
height: 165px;
width: 785px;
float:left;
margin-left: -185px;
}

.teaser_breit_reiter .csc-textpicHeader h1{
border: 0px solid black;
width:151px;
height: 20px;
/*background-image: url(../../Bilder/reiter.jpg);
background-repeat: no-repeat;*/
font-size: 12px;
color: #000000;
text-align:center;
padding:0px;
padding-top:5px;
float:left;
margin-left: -5px;
margin-top:1px;
display:block;

}


.teaser_breit_reiter .csc-textpic img{
border: 0px solid black;
float:left;
position:relative;
margin-top: 60px;
margin-left: 60px;

}

.teaser_breit_reiter .csc-textpic .csc-textpic-imagewrap .csc-textpic-image img {
margin-top: 45px;
margin-left: 5px;
}





div.teaser_breit_reiter .csc-textpic-text h2, div.details_artikel .csc-textpic-text h2{
color: #666c56;
font-size:24px;
margin: 0px;
margin-top:45px;
margin-left: 45px;
border: 0px solid black;
float:left;
text-align:left;
width: 578px;
height:29px;
overflow: hidden;
}

.teaser_breit_reiter p.bodytext{
font-size: 12px;
width: 458px;
margin:0px;
margin-top:5px;
margin-left: 197px;
float:left;
border: 0px solid black;
overflow: hidden;
}



div.teaser_breit_reiter .csc-textpic-text p.align-right a{
position:absolute;
color: #ffffff;
float:right;
right: 15px;
bottom: 15px;
text-align:center;
font-size:12px;
height: 17px;
width: 102px;
text-decoration:none;
background-image: url(../../Bilder/teaser_button_green.jpg);

}

.teaser_breit_reiter .csc-textpic-text p.align-right a:hover{

background-image:url(../../Bilder/teaser_button_hover.gif);

}

#inhalt_links {
float:left;

width:390px;
border: 0px solid black;
margin:0;
}

.teaser_mittel_reiter {
background-image:url(../../Bilder/teaser_mittel_back.jpg);
background-repeat:no-repeat;

margin-bottom:20px;
overflow:hidden;
float:left;
height:180px;
font-size: 12px;
width:390px;
position: relative;
border: 0px solid black;
}


.teaser_mittel_reiter .csc-textpic-text {
float:left;
height: 200px;
margin-left: -195px;
margin-top: 5px;
}
.teaser_mittel_reiter .csc-textpic-text p.bodytext {
border: 0px solid black;
margin:0px;
margin-top:5px;
margin-left: 202px;
float:left;
width:185px;
}

div.teaser_mittel_reiter .csc-textpicHeader h1, div.teaser_mittel_reiter .csc-header h1, div.details_artikel .csc-textpicHeader-26 h1{
border: 0px solid black;
width:151px;
height: 20px;
/*background-image: url(../../Bilder/reiter.jpg);
background-repeat: no-repeat;*/
font-size: 12px;
color: #000000;
text-align:center;
padding:0px;
padding-top:5px;
float:left;
margin:0px;
margin-left: 5px;
margin-top: -5px;
}

/* 
div.teaser_mittel_reiter .csc-textpicHeader h1, div.teaser_mittel_reiter .csc-header h1, div.details_artikel .csc-textpicHeader-26 h1{
border: 0px solid black;
width:151px;
height: 20px;
font-size: 12px;
color: #000000;
text-align:center;
padding:0px;
padding-top:5px;
float:left;
margin:0px;
margin-left: -190px;
margin-top: -10px;
}
*/

.teaser_mittel_reiter .csc-textpic-text h3{
border: inherit;
font-size:20px;
color: #666c56;
margin:0px;
margin-top: 33px;
margin-left:45px;
width:187px;
overflow:hidden;
float:left;
height: 26px;
}

/* ohne bild */
div.teaser_mittel_reiter .csc-header h1{
margin:0px;
padding-top: 5px;
margin-left:5px;
float:left;
border: 0px solid black;
}

.teaser_mittel_reiter h3 {
color: #666c56;
font-size:20px;
float:left;
border: 0px solid black;
margin:0px;
margin-left:-150px;
margin-top:38px;
height:26px;
overflow:hidden;

}

.teaser_mittel_reiter p.bodytext {
float:left;
margin:0px;
margin-top:5px;
border: 0px solid black;
width:370px;
margin-left: 7px;
overflow: hidden;
}


.teaser_mittel_reiter .csc-textpic .csc-textpic-imagewrap .csc-textpic-image img{
margin-left:5px;
margin-top: 32px;
}



div.teaser_mittel_reiter .csc-textpic-text p.align-right a, div.teaser_mittel_reiter p.align-right a, div.details_artikel p.align-right a{
color: #ffffff;
float:right;
text-align:center;
font-size:12px;
height: 17px;
width: 102px;
text-decoration:none;
background-image: url(../../Bilder/teaser_button_green.jpg);
position: absolute;
right: 15px;
bottom:15px;
}

div.teaser_mittel_reiter p.align-right a:hover, div.teaser_mittel_reiter .csc-textpic-text p.align-right a:hover, div.details_artikel p.align-right  a:hover{
background-image:url(../../Bilder/teaser_button_hover.gif);
}



#inhalt_rechts {
float:left;

width:390px;
border: 0px solid black;

margin: 0;
margin-left: 5px;
}


.teaser_klein {

font-size: 12px;
background-image:url(../../Bilder/teaser_klein.jpg);
height:90px;
width:390px;
float:left;
position:relative;
}


.teaser_klein h1 {
padding:0px;
margin-left: 5px;
font-size: 20px;
margin:0px;
margin-top: 5px;
margin-left: 5px;
margin-bottom:5px;
float:left;
}
.teaser_klein p.bodytext {
margin:0px;
margin-left: 5px;
padding:0px;
width: 330px;
overflow:hidden;
float:left;
}

teaser_klein p.align-right{
float:right;
height: 10px;
border: 1px solid black;

}

.teaser_klein p.align-right a{
color: #ffffff;
position:absolute;
text-align:center;
font-size:12px;
height: 17px;
width: 102px;
text-decoration:none;
background-image:none;
background-image:url(../../Bilder/teaser_button_klein.jpg);
border: 0px solid black;
margin:0px;
padding:0px;
display:inline;
bottom: 15px;
right: 10px;
}

.teaser_klein p.align-right a:hover{
background-image:url(../../Bilder/teaser_button_hover.gif);
}
/**********Ende Teaser Startseite********************/



/**********Anfang Teaser Übersicht********************/
.teaser_breit_ohne {
background-image:url(../../Bilder/teaser_breit_ohne.gif); 
background-repeat: no-repeat;
width: 785px;
height: 173px;
margin: 0px;
margin-top: 0px;
margin-bottom:0px;
padding:0px;
float:left;
border: 0px solid black;
position: relative;
}

.teaser_breit_ohne .csc-textpic-text {
float:left;
padding-top: 10px;
overflow:hidden;
}
.teaser_breit_ohne .csc-textpic-intext-left-nowrap {
margin:0px;
padding:0px;
float:left;
}

.teaser_breit_ohne div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
padding:0px;
margin:0px;
float:left;
padding-top: 5px;
padding-left: 5px;
}

.teaser_breit_ohne h1 {
float:left;
margin:0px;
padding: 0px;
padding-left: 10px;
padding-top:0px;
width: 570px;
height: 25px;
font-size: 20px;
overflow: hidden;
}

.teaser_breit_ohne p.bodytext {
float:left;
margin: 0px;
padding:0px;
padding-left: 10px;
width: 460px;
font-size: 12px;
overflow:hidden;
}


.teaser_breit_ohne p.align-right a{
color: #ffffff;
position: absolute;
background-image:url(../../Bilder/teaser_button_green.jpg);
font-size:12px;
height: 17px;
width: 102px;
text-decoration:none;
text-align:center;
bottom: 35px;
right: 12px;
} 

.teaser_breit_ohne p.align-right a:hover{
background-image:url(../../Bilder/teaser_button_hover.gif);
}



/***************** Anfang Artikel Details **************/


.details_artikel {
margin-top:10px;
border: 0px solid black;
float: left;
height: 269px;
width:785px;
background-image:url(../../Bilder/details_artikel_back.jpg);
position: relative;
margin-bottom: 15px;
}

.details_artikel .csc-textpic-text {
border: 0px solid black;
height: 220px;
margin-top:25px;
float:left;
width: 780px;
margin-left:-375px;
}

div.details_artikel .csc-textpicHeader-26 h1 {
margin:0px;
padding:0px;
margin-left: 0px;
margin-top: -20px;
border: 0px solid black;

}

.details_artikel .csc-textpic  .csc-textpic-imagewrap .csc-textpic-image img {
border: 5px solid #2e4485;
float:left;
margin-top: 30px;
margin-left: 5px;

}

div.details_artikel .csc-textpic-text h2 {
margin-top:10px;
margin-left: 395px;
padding:0px;
border: 0px solid black;
width: 400px;
overflow: hidden;
float:left;
}

.details_artikel .csc-textpic-intext-left-nowrap .csc-textpic-text p.bodytext{
margin-left: 397px;
font-size: 12px;
border: 0px solid black;

margin-top:0px;
margin-bottom: 0px;
width: 320px;
float:left;

}


div.details_artikel p.align-right a {
margin:0px;
padding: 0px;
margin-top:0px;
margin-left:0px;
position: absolute;
bottom:15px;
right:15px;
}


#hotline {
float:left;
border: 0px solid black;
background-image:url(../../Bilder/hotline.jpg);
background-repeat: no-repeat;
margin-left: 12px;
margin-top: 15px;
margin-bottom: 15px;
width: 176px;
height: 91px;
}

#uplaner {
float:left;
background-image:url(../../Bilder/uplaner.jpg);
background-repeat: no-repeat;
margin-left: 12px;
margin-top: 15px;
margin-bottom: 15px;
font-size: 12px;
width: 176px;
height: 91px;
position: relative;
}

#uplaner h1{
color: #666c56;
font-size: 14px;
padding: 5px 10px 0 10px;
margin: 0;
}

#uplaner .bodytext{
padding: 5px 10px 0 10px;
margin: 0;
}

#uplaner a{
text-align:center;
height: 17px;
width:102px;
color: #000000;
font-size:12px;
text-decoration: none;
position:absolute;
border: 0px solid black;
float:right;
bottom: 10px;
right: 10px;
background-image:url(../../Bilder/teaser_button.gif);
background-repeat: no-repeat;
}

#uplaner a:hover{
background-image:url(../../Bilder/teaser_button_hover.gif);
color: #ffffff;
}

.urlaubsplaner_add_link a{
text-align:center;
height: 17px;
width: 200px;
color: #fff;
font-size:12px;
text-decoration: none;
position:absolute;
float:right;
line-height: 17px;
bottom: 10px;
right: 10px;
background-image:url(../../Bilder/add_link.gif);
background-repeat: no-repeat;	
}

.urlaubsplaner_add_link a:hover{
background-image:url(../../Bilder/add_link_hover.gif);
color: #ffffff;
}

#qcom_urlaubsplaner{
font-size:12px;
}

#qcom_urlaubsplaner img{
border: 0;
}

#qcom_urlaubplaner input{
width: 200px;
}

.tx_qcomurlaubsplaner_pi2_submit{
font-size:12px;
width: 200px;
}

.tx-qcomurlaubsplaner-pi2{
background-color: #DADDE2;
float: left;
}

#abgerundet_oben {
margin-top: -5px;
float:left;
width: 785px;
height: 8px;
background-image:url(../../Bilder/abgerundet_oben.gif);
z-index: 10;
}

.hintergrund_weiss h1{
padding-top:20px;
padding-left: 20px;

margin-left:0px;

}

.hintergrund_weiss {
width:785px;
border: 0px solid black;
background-color: #ffffff;
background-image:url(../../Bilder/abgerundet_unten.jpg);
background-repeat: no-repeat;
background-position: bottom; 
padding-bottom:10px;
float:left;
position:relative;
margin-top:0	px;

}

.hintergrund_weiss p.bodytext{
padding:20px;
}
/* Unterkunftssuche */
#start_teaser #uksuche a {
float:left;
display:inline;
}

#start_teaser #uksuche .uksuche_links {
border: 0px solid black;
height: 138px;
width: 195px;
margin-top: 10px;
margin-left: 5px;

}

#start_teaser #uksuche h1{
border: 0px solid black;
width: 500px;
float:left;
font-size: 22px;
margin-top: 0px; 
margin-left: 10px !important;
}

#start_teaser #uksuche #uks_form {
border: 0px solid black;
float:left;
display: inline;
width: 540px;
margin:0px;
padding:0px;
position:relative;
}


#start_teaser #uksuche img {
float:left;
display:inline;
height:18px;
width:18px;
}

#start_teaser #uksuche {
float:left;
border: 0px solid black;
width: 750px;
display:inline;
}

#start_teaser #uksuche .labels {
float:left;
margin-left: 10px;
}

#start_teaser #uksuche label{
border: 0px solid black;
width:20px;
float:left;
display:inline;
margin:0px; 
margin-left: 10px;
margin-top:3px;
}

#start_teaser #uksuche input {
display:inline;
float:left;
width:70px;
height:14px;
}

#start_teaser #uksuche select {
float:left;
margin-left: 10px;
}

#start_teaser #uksuche #pers {
font-size: 12px;
display: inline;
float:left;
margin-left: 20px;
margin-top:3px;
}


#start_teaser #uksuche #label_verpflegung {
float:left;
width:80px;
margin-top:13px;
}


#start_teaser #uksuche #verpflegung {
float:left;
margin-top:10px;
}
#start_teaser #uksuche #suche_start a{
color:#ffffff;
font-size:12px;
background-image: url(../../Bilder/teaser_button_green.jpg);
background-repeat:no-repeat;
text-decoration:none;
float:right;
text-align:center;
margin-top:20px;
margin-right:15px;	
width:102px;
}

#start_teaser #uksuche #suche_start a:hover{
background-image:url(../../Bilder/teaser_button_hover.gif);

}

#start_teaser #uksuche form {

width:583px;
height: 108px;
}



/* flash teaser */
.tx-flvplayer-pi1 {
border: 0px solid black;
width: 185px;
margin-left: 4px;
margin-top: 37px;
}	




/* rgmediaimages flashteaser*/
.teaser_mittel_reiter .rgmediaimages-player {

float:left;
margin-top: 35px;
margin-left: 6px;
}

#flash_mit_text h1 {
margin-top: -35px;
}

#flash_mit_text .csc-textpic-text {
margin-top: 35px;
}

#flash_mit_text p {
display:block;
float:right;
margin: 0;
padding: 0;
width: 200px;
}

.details_artikel .rgmediaimages-player{
margin-top: 35px;
margin-left: 10px;
float:left;
}

div.teaser_mittel_reiter .csc-textpic-text p.align-right a{
right: 12px;
}

#inhalt_unten {
display: block !important;
float:right;
margin-top: 20px;
margin-right: 20px;
width: 240px;
}

#inhalt_unten .icon{
padding-right: 4px;
float:left;
display:inline;
}

#inhalt_unten a {
color: #000;
font-size: 12px;
text-decoration: none;
}

.tx-qcomurlaubsplaner-pi2 img {
border: none !important;
padding: 20px;
}

.tx-qcomurlaubsplaner-pi2 table img {
padding: 0px;
}

.tx-qcomurlaubsplaner-pi2 {
width:785px;
}